Angular2 實戰番外篇-MEAN Stack (上) | angular express
接下來的專案程式碼,我希望能比較擬真貼近現實一點串接真正可以用的後端API,所以今天決定寫一篇番外篇簡單介紹如何使用Node、Express及MongoDB來打造RestfulAPI使用MongoDB、Express、AngularJS、Node.js集成的網站我們稱之為MEANStack,所有前後端的的技術全都是由JavaScript完成。以下的操作步驟都是參考CreatingRESTfulAPIswithNodeJSandMongoDBTutorial[1]我的安裝步驟會簡化如下安裝Node(略過)安裝及設定Express.js(重點)使用MLab取得遠端Host存放MongoDB的空間(重點)利用Mongoose操作MongoDB(重點)安裝及設定Express.js首先我...
接下來的專案程式碼,我希望能比較擬真貼近現實一點
串接真正可以用的後端API,所以今天決定寫一篇番外篇
簡單介紹如何使用Node、Express及MongoDB來打造Restful API
使用MongoDB、Express、AngularJS、Node.js集成的網站
我們稱之為MEAN Stack,所有前後端的的技術全都是由JavaScript完成。
以下的操作步驟都是參考Creating RESTful APIs with NodeJS and MongoDB Tutorial[1]
我的安裝步驟會簡化如下
安裝Node(略過)
安裝及設定Express.js(重點)
使用MLab取得遠端Host存放MongoDB的空間(重點)
利用Mongoose操作MongoDB(重點)
安裝及設定Express.js首先我們先安裝Express
npm install -g express-generator然後使用Express的指令來建立我們的api專案
express my-api-lab建立完成後使用npm install安裝專案所需套件
再用npm start啟動你的API專案,因為我們的Angular專案的ng serve預設佔用4200這個port,我們只要把API專案設定在不同的port(預設用3000),就可以同時並行啟動了
npm start現在在網址列打上http://localhost:3000/
就可以發現我們的Express專案運作中
使用MLab取得遠端Host存放MongoDB的空間接下來就是去mlab[2],來建立我們的遠端MongoDB,註冊後每個人都可以得到500MB的免費空間,很適合大家用來練習使用。
目前AWS在Ireland及Virginia有提供500MB的Free方案
我們可以任選一個來建...