2017-08-26 65 views
0

我有一个使用Razor Engine(.cshtml)在ASP.NET Core 2.0上运行的应用程序,但我想将Angular 4整合到应用程序中以避免旧式的jQuery来自AJAX调用的数据绑定。为了将Angular添加到我现有的项目中,我需要采取哪些步骤?ASP.NET Core 2.0 Razor + Angular 4 Hybrid

我也看着knowkoutJS,但我不知道这是否被积极支持。

编辑:

我猜我期待的是一步一步的过程如何角4加入到使用剃刀引擎现有的.NET 2.0的核心应用。

+0

您的列表中的项目1和2“我想添加Angular”和“我没有真正有兴趣将它做成SPA”是完全矛盾的。 –

+0

我想我想说的是我没有兴趣在角度中使用路由方法。 –

+0

有时如果没有任何答案,有几天的问题就会令人失望,一旦你花费时间和精力提供答案,审计人员就会跳进来质疑问题。可以有更好的过程! – Jeyara

回答

2

我目前正在研究一个带有角度4的新项目。我正在学习中。我已经开发使用角1.5.X.这是第一次有角度4.

这是我的发现。我不知道你为什么不喜欢与角度路由混合。但是,使用.net应用程序混合和匹配角度路线很容易。希望这会有助于你朝着一个好的方向发展。

首先,正如@ Ilya.Sulimanov所述,角4应用似乎是自包含SPA与路由,建筑物(的WebPack)等

接着,执行认证是有点麻烦使用角4和.Net 。 .Net身份不支持开箱即用的基于角度的身份验证。理想的是使用基于令牌的认证。这需要在身份的基础上实施。但它容易做和未来的证明,如果你想开发一个移动应用程序等

否则,您可以使用混合方法进行身份验证。只需使用基于视图的页面(表单身份验证)进行登录,注册和更改密码等。一旦通过身份验证,就可以将用户重定向到SPA。然后在SPA的所有API中使用“授权”属性。但是有一个问题!您需要在角度端注入HTTP错误处理以检查用户是否每次都进行身份验证。如果超时/注销,则使用角度路由器重定向到登录页面。

注意事项,

为您的SPA使用固定的URL。说www.example.com/spa所以所有的角度路由从那里发生。例如:www.example.com/spa/#/home等

我有点努力让webpack与.netcore携手合作。似乎有一点学习曲线。我来自Gulp背景。

希望它有助于决定你的选择。

好点开始,

UI

一些应用程序[好起点],

更新

发现这个https://github.com/MarkPieszak/aspnetcore-angular2-universal。这为如何使用.net核心开发配置webpack提供了一个好主意。

到目前为止,没有例子没有给出单一停止的解决方案。但是他们每个人都可以通过解决不同的问题来获得完整的解

1

角度不是特定集成的最佳选择。您必须在路由和e.t.c中使用整个框架结果,您将有两个独立的应用程序(前端 - 由Angular支持)和ASP.NET Core作为web API部分,没有任何剃须刀页面。

如果你不喜欢它,看看https://vuejs.org/。这是非常轻量级的框架,可以与剃须刀一起使用,作为jquery的现代替代品

相关问题