ASP.NET Core 2.0 Razor + Angular 4 混合

瑞安MAd

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

我也看过 knowkoutJS,但我不知道这是否得到了积极的支持。

编辑:

我想我正在寻找的是有关如何将 Angular 4 添加到使用 Razor 引擎的现有 .NET core 2.0 应用程序的分步过程。

杰亚拉

我目前正在使用 angular 4 进行一个新项目。我正在学习中。我使用 angular 1.5.X 进行开发。这是第一次使用 angular 4。

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

首先,正如@Ilya.Sulimanov 所说,Angular 4 Application 似乎是具有路由、构建 (WebPack) 等功能的独立 SPA。

接下来,使用 angular 4 和 .Net 实现身份验证有点麻烦。.Net 身份不支持开箱即用的基于角度的身份验证。理想的是使用基于令牌的身份验证。这需要在身份之上实施。但它很容易做到,而且面向未来,就像您想开发移动应用程序等一样。

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

注意事项,

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

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

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

好的起点,

用户界面

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

更新

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章