iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 7
1
Microsoft Azure

白眼狼的30天Azure跳槽計畫系列 第 7

Day [7] Azure Functions-將函式部署至Azure

  • 分享至 

  • xImage
  •  

函式建立支援的 Azure 資源

要部署Functions至Azure 我們需要建立3個 Resources

  • Resource Group(資源群組)
  • Storage Account(儲存體帳戶)
  • Function App(函式應用程式)

除了使用 Azure CLI 建立 安裝Azure CLI步驟可參考文章Day [4] Azure Functions-環境建置
下列為使用Azure CLI 新增Resources範例指令,詳細說明可參考 Create Azure Resources

$ az group create --name AzureFunctionsQuickstart-rg --location westeurope

$ az storage account create --name <STORAGE_NAME> --location westeurope --resource-group AzureFunctionsQuickstart-rg --sku Standard_LRS

$ az functionapp create --resource-group AzureFunctionsQuickstart-rg --consumption-plan-location westeurope --runtime node --runtime-version 10 --functions-version 2 --name <APP_NAME> --storage-account <STORAGE_NAME>

也可以使用 Microsoft Azure 操作介面 新增 Azure Resources 過程如下:
https://ithelp.ithome.com.tw/upload/images/20200922/20108281Hsjqzm9GbB.jpg


https://ithelp.ithome.com.tw/upload/images/20200922/20108281r8rSgiHvWk.jpg


https://ithelp.ithome.com.tw/upload/images/20200922/20108281vOxclmfepU.jpg

部署 Functions

首先在本機登入Azure雲端平台帳號,在終端機輸入azure login

$ az login

https://ithelp.ithome.com.tw/upload/images/20200921/201082813IpzTHT7Eg.jpg
此時畫面將會跳轉到瀏覽器,請選擇Azure帳號並輸入密碼登入
https://ithelp.ithome.com.tw/upload/images/20200921/20108281ZKQHhXSKjt.png
登入成功後終端機將會顯如下圖:
https://ithelp.ithome.com.tw/upload/images/20200921/20108281XDy4EJMYy5.jpg

部署前需在終端機輸入 npm run build:production 將TypeScript Code編譯為 JavaScript檔案

$ npm run build:production

https://ithelp.ithome.com.tw/upload/images/20200922/20108281E2USgGwUdl.jpg

完成後輸入func azure functionapp publish 進行部署
此處 為建立Function App的名稱,請輸入與建立Azure Resources時輸入的名稱相同

$ func azure functionapp publish <APP_NAME>

完成部署後可看見 function 的API URL 如下圖:
https://ithelp.ithome.com.tw/upload/images/20200922/20108281HPujDO4Bsf.jpg


上一篇
Day [6] Azure Functions-本機執行&測試
下一篇
Day [8] Azure Functions-使用 LINE Messaging API
系列文
白眼狼的30天Azure跳槽計畫30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
Sin
iT邦新手 5 級 ‧ 2023-04-12 17:26:56

你好,想請問我們一路照著你的方法進行到這一步但卻沒有成功,出現這個畫面,可以問問看這是為什麼嗎?https://ithelp.ithome.com.tw/upload/images/20230412/20151063wTEPAZVPSg.png

我要留言

立即登入留言