天天看點

利用雲函數nojs建立網頁合成大西瓜利用雲函數nojs建立網頁合成大西瓜

利用雲函數nojs建立網頁合成大西瓜

建立應用

  1. 登入雲開發平台。打開網址 https://workbench.aliyun.com/ ,使用阿裡雲賬号登入,按照提示建立團隊,點選同意協定。沒有阿裡雲賬号的使用者,在登入頁面注冊後進行登入即可。為了保證最好的使用體驗,請使用Chrome浏覽器
  2. 建立合成大西瓜應用。打開快速開始 https://workbench.aliyun.com/page/quickstart ,點選建立新應用。
  3. 雲資源通路授權。如果您之前沒有使用過雲開發平台,會出現雲資源授權管理的選項,往下拉出現直至同意授權的字樣,點選「同意授權」後出現授權成功,點選進入「下一步」。
  4. 選擇建立方式。分别選擇開發語言NodeJS,建立方式選擇直接建立,然後點選下一步
  5. 填寫應用基本資訊。按圖示填寫應用的名稱和應用介紹、計算服務。資訊填寫完成後點選下一步。
  6. 雲服務管理。檢視應用依賴的雲服務的開通情況,未開通的服務右鍵點選立即開通,在新标簽打開所有服務開通頁,根據提示一一開通。開通後應用卡片環境管理後面的小圖示全部變成綠色的已開通對勾形狀,才算完成應用的建立。
利用雲函數nojs建立網頁合成大西瓜利用雲函數nojs建立網頁合成大西瓜

應用配置

  1. 下載下傳合成大西瓜代碼。在 https://gitee.com/xpand/xigua下載下傳源代碼後解壓縮到本地目錄
  2. 建立環境。應用建立成功後會跳轉到應用詳情頁面,點選日常環境的部署配置,依次選擇 【自動建立環境】-【選擇任意可用區】-【自動建立交換機】
  3. 進入線上開發部署。等待應用建立完成,完成後回到如下頁面,(剛開始所有環境都是未部署狀态)點選線上開發部署,在新的視窗打開WebIDE部署, 點選「線上開發部署」,打開CloudIDE上傳代碼檔案。
  4. 上傳代碼檔案。CloudIDE加載完成後,選中下載下傳的檔案,将源碼下的除.git檔案外的其他檔案直接拖拽到

WebIDE的根目錄。

  1. 将代碼送出到倉庫。修改完檔案按ctrl+s,或者蘋果command+s儲存檔案,按照下圖把代碼送出到倉庫。

部署合成大西瓜應用

利用雲函數nojs建立網頁合成大西瓜利用雲函數nojs建立網頁合成大西瓜
利用雲函數nojs建立網頁合成大西瓜利用雲函數nojs建立網頁合成大西瓜

  1. 一鍵部署應用。點選CloudIDE左側的部署tab,選擇日常環境,點選立即部署,在彈出框中确認配置後繼續部署。部署完成後産生臨時域名,即可通路好部署的站點。
  2. 打開“部署”成功後生成的臨時域名通路合成大西瓜應用。如果需要保留應用長期使用,在域名配置中将二級域名CNAME到個人域名部署到線上環境就可以長期保留使用。臨時域名隻有30分鐘有效期,如果需要繼續通路,也可以在域名配置那裡重新整理一個新的臨時域名。
利用雲函數nojs建立網頁合成大西瓜利用雲函數nojs建立網頁合成大西瓜
利用雲函數nojs建立網頁合成大西瓜利用雲函數nojs建立網頁合成大西瓜

繼續閱讀