使用asp.net 5開發(fā)AngularJS應(yīng)用

今天推薦的是一個系列文章，講述了如何使用ASP.NET 5來開發(fā)AngularJS應(yīng)用，一共7篇文章。

在Visual Studio 2015中由于優(yōu)化了項(xiàng)目結(jié)構(gòu)，優(yōu)化了前端JS框架的引用方式，所以開發(fā)AngularJS這樣的應(yīng)用就更加方便了。

這個講述如何使用ASP.NET 5來開發(fā)AngularJS應(yīng)用的系列文章，一共分為7篇，分別介紹了：

1. 配置Grunt、Uglify和AngularJS。大致步驟為。1）如何創(chuàng)建在一個空的Web應(yīng)用項(xiàng)目中。2）利用NPM來安裝Grunt執(zhí)行器及其任務(wù)（grunt-contrib-uglify，grunt-contrib-watch）。3）利用Bower來安裝AngularJS的庫。4）利用Grunt把自己編寫的app文件夾內(nèi)的js文件合并部署到wwwroot文件夾中。
2. 使用MVC 6 WEB API。大致步驟為：1）啟用MVC 6功能（在PRoject.json文件中添加引用，在Startup文件中調(diào)用AddMvc方法。2）創(chuàng)建示例實(shí)體模型。3）創(chuàng)建WEB API的Controller。4）使用內(nèi)置模板創(chuàng)建AngularJS的app（也即Module）。5）創(chuàng)建AngularJS的Controller。6）創(chuàng)建AngularJS的Service來調(diào)用WEB API。7）創(chuàng)建AngularJS的視圖模板。
3. 添加客戶端路由。大致步驟為：1）添加客戶端路由定義。2）重寫服務(wù)器上的請求路由。3）針對路由修改客戶端的AngularJS的Controller。4）創(chuàng)建一個布局視圖。5）創(chuàng)建列表、添加、編輯和刪除的視圖。
4. 使用Entity Framework 7。之前服務(wù)端返回的數(shù)據(jù)是通過代碼動態(tài)構(gòu)建的。現(xiàn)在需要持久保存到數(shù)據(jù)庫中。那么大致步驟是：1）添加EF7的Nuget包。2）創(chuàng)建DbContext。3）在Startup中注冊EF服務(wù)。4）更新WEB API的Controller來使用DbContext操作數(shù)據(jù)。5）執(zhí)行EF7的初始化和數(shù)據(jù)遷移。
5. 進(jìn)行窗體數(shù)據(jù)的驗(yàn)證。大致步驟為：1）使用AngularJS實(shí)現(xiàn)客戶端驗(yàn)證。2）更新實(shí)體模型，實(shí)現(xiàn)服務(wù)端驗(yàn)證。3）升級數(shù)據(jù)庫。4）完善WEB API的Controller來考慮數(shù)據(jù)驗(yàn)證的情況。5）完善AngularJS的Controller來顯示服務(wù)端返回的驗(yàn)證提示。
6. 實(shí)現(xiàn)安全控制。本篇介紹利用ASP.NET Identity來為不同用戶分配不同權(quán)限。大致步驟為：1）啟用ASP.NET Identity。2）編輯DbContext繼承IdentityDbContext。3）強(qiáng)制用戶必須登錄。4）傳遞聲明數(shù)據(jù)給AngularJS。5）對WEB API的Controller中的Action進(jìn)行安全控制（添加Authorize標(biāo)記）。
7. 把這個應(yīng)用跑在Mac上。介紹如何把這么一個ASP.NET 5應(yīng)用在Mac上運(yùn)行成功。大致步驟為：1）安裝Mono。2）利用Homebrew安裝KVM。3）在Mac上通過Git克隆代碼。4）利用Sublime Text來打開并編輯代碼。5）由于Mac上沒有SQL Server，所以使用EF7的In-Memory provider來模擬一個內(nèi)存中的數(shù)據(jù)庫。當(dāng)然也可以采用SQLite或者遠(yuǎn)程數(shù)據(jù)庫服務(wù)器。6）使用Kestrel來替代IIS承載應(yīng)用。7）運(yùn)行之前恢復(fù)所有需要的Nuget包。8）如何啟動和停止Kestrel。

這個系列文件不僅是一個ASP.NET 5開發(fā)的入門向?qū)В彩且粋€AngularJS開發(fā)練習(xí)，還是一個ASP.NET 5跨平臺運(yùn)行的指導(dǎo)。

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