使用ASP.NET 5開發AngularJS應用

今天推薦的是一個系列文章，講述瞭如何使用ASP.NET 5來開發AngularJS應用，一共7篇文章。

在Visual Studio 2015中因爲優化了項目結構，優化了前端JS框架的引用方式，因此開發AngularJS這樣的應用就更加方便了。

這個講述如何使用ASP.NET 5來開發AngularJS應用的系列文章，一共分爲7篇，分別介紹了：

1. 配置Grunt、Uglify和AngularJS。大體步驟爲。1）如何建立在一個空的Web應用項目中。2）利用NPM來安裝Grunt執行器及其任務（grunt-contrib-uglify，grunt-contrib-watch）。3）利用Bower來安裝AngularJS的庫。4）利用Grunt把本身編寫的app文件夾內的js文件合併部署到wwwroot文件夾中。
2. 使用MVC 6 WEB API。大體步驟爲：1）啓用MVC 6功能（在project.json文件中添加引用，在Startup文件中調用AddMvc方法。2）建立示例實體模型。3）建立WEB API的Controller。4）使用內置模板建立AngularJS的app（也即Module）。5）建立AngularJS的Controller。6）建立AngularJS的Service來調用WEB API。7）建立AngularJS的視圖模板。
3. 添加客戶端路由。大體步驟爲：1）添加客戶端路由定義。2）重寫服務器上的請求路由。3）針對路由修改客戶端的AngularJS的Controller。4）建立一個佈局視圖。5）建立列表、添加、編輯和刪除的視圖。
4. 使用Entity Framework 7。以前服務端返回的數據是經過代碼動態構建的。如今須要持久保存到數據庫中。那麼大體步驟是：1）添加EF7的Nuget包。2）建立DbContext。3）在Startup中註冊EF服務。4）更新WEB API的Controller來使用DbContext操做數據。5）執行EF7的初始化和數據遷移。
5. 進行窗體數據的驗證。大體步驟爲：1）使用AngularJS實現客戶端驗證。2）更新實體模型，實現服務端驗證。3）升級數據庫。4）完善WEB API的Controller來考慮數據驗證的狀況。5）完善AngularJS的Controller來顯示服務端返回的驗證提示。
6. 實現安全控制。本篇介紹利用ASP.NET Identity來爲不一樣用戶分配不一樣權限。大體步驟爲：1）啓用ASP.NET Identity。2）編輯DbContext繼承IdentityDbContext。3）強制用戶必須登陸。4）傳遞聲明數據給AngularJS。5）對WEB API的Controller中的Action進行安全控制（添加Authorize標記）。
7. 把這個應用跑在Mac上。介紹如何把這麼一個ASP.NET 5應用在Mac上運行成功。大體步驟爲：1）安裝Mono。2）利用Homebrew安裝KVM。3）在Mac上經過Git克隆代碼。4）利用Sublime Text來打開並編輯代碼。5）因爲Mac上沒有SQL Server，因此使用EF7的In-Memory provider來模擬一個內存中的數據庫。固然也能夠採用SQLite或者遠程數據庫服務器。6）使用Kestrel來替代IIS承載應用。7）運行以前恢復全部須要的Nuget包。8）如何啓動和中止Kestrel。

這個系列文件不只是一個ASP.NET 5開發的入門嚮導，也是一個AngularJS開發練習，仍是一個ASP.NET 5跨平臺運行的指導。

第一篇文章的原文地址是：http://stephenwalther.com/archive/2015/01/12/asp-net-5-and-angularjs-part-1-configuring-grunt-uglify-and-angularjs