新手上路-在Microsoft Azure上建立Node.js應用並啟用Git發布

許久以前就有接觸Node.js的機會但始終沒有下功夫去學,
現在因為工作的關係終究還是逃不掉,
在這邊做個學習的紀錄。

學習主軸就像標題說的那樣
>>> Git + Node.js + Microsoft Azure
我的開發環境是Window 7

1. Git

下載Git for Windows: https://git-scm.com/download/win
接著做一些設定
在Adjust PATH environment的地方我選Use Git from Window Command Prompt,看起來是會幫忙設定好PATH

不過後面選擇terminal的時候,他不推薦使用windows原生的console,
所以其實這些設定都用預設的就可以了。
在Local新增一個開發的資料夾,輸入git init,產生一個.git檔

2. Node.js

下載Node.js的Windows Installer: https://nodejs.org/en/download/

3. Microsoft Azure

其實Azure對不同的應用開發已經有完整的教學文件:
https://azure.microsoft.com/zh-tw/documentation/articles/web-sites-nodejs-develop-deploy-mac/
首先需要一個hotmail的帳號
接著進入Azure的入口網站: https://portal.azure.com/
用剛剛的新帳戶註冊1個月的Azure免費試用
必填欄位裡的Tax ID跟Work Phone,輸入一堆0即可
在發簡訊碼驗證的步驟時,我一直無法通過,
可以從客服的網頁發request,他們處理跟回應的速度都蠻快的

成功註冊後,再次進入 portal.azure.com,
新增你想發布的應用,這邊我選Web+Mobile > Web App (Mobile App也可以)

接著幫服務命名(網址),只能用英文數字跟"-",不能有底線跟空白
Deploy Web App需要一點時間...
完成後,在左邊的App Service選項中,可以看到自己剛剛新增的服務

接著要設定此服務使用Git push,
在剛剛的App Service裡,點用設定的服務,可以看到此服務的資訊以及Setting 視窗
把Setting視窗往下滾 ---> 找到Publishing裡的Deployment source

選擇Local Git
接著設定push的帳號與密碼,就完成了
在Setting視窗的Properties可以看到Git的URL

4. 建置測試我的第一個Node.js Hello World程式

[這邊都是參考Azure的官方教學]
在git目錄下建立server.js的檔案,程式碼如下
var http = require('http')
var port = process.env.PORT || 1337;
http.createServer(function(req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain' });
  res.end('Hello World\n');
}).listen(port);
接著執行 node server.js
在瀏覽器連結http://localhost:1337
就可以看到Hello World

成功之後就可以用push到azure上
先將剛剛的server.js commit
接著把建立好的Azure Git Url到新增git remote
git remote add azure [URL for remote repository]
接著push程式並且輸入帳密
git push azure master

官方教學表示到這步只要再輸入帳密就完成了
不過我碰到無法push的錯誤:
fatal: unable to access 'https://xxxxx/': SSL certificate problem: unable to get local issuer certificate
work around的方法就是不要讓他檢查
git config --global http.sslVerify false
輸入之後,再push一次,就成功了
可以直接連到服務的網址測試程式的結果
忘記網址的話,可以回到portal.azure.com
從App Service裡點擊剛剛新增的服務,上方有個Browse按鈕,
按下去網頁就會開啟了

大.功.告.成

留言