2017-08-26 71 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的現代替代品

相關問題