# Azure Serverless

這篇文章要講解如何使用 VS Code 的 plugin 來部署與測試 Azure Function。

<https://code.visualstudio.com/tutorials/functions-extension/getting-started>

## 前置步驟：

```
1. 安裝 .NET SDK https://www.microsoft.com/net/download
2. 安裝 VS Code 編輯器
3. 安裝 VS Code Azure Function plugin
4. npm install -g azure-functions-core-tools@core
5. 在 Azure Portal 註冊好 Azure Function APP
```

## 創建檔案：

1.先點選到下圖左側最下方的 Azure Plugin ，然後如下圖點選閃電資料夾的標籤。

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4ggeBte1C3u8Pp7u%2FScreen%20Shot%202018-10-30%20at%206.33.23%20PM.png?generation=1582596299179565\&alt=media)

最後點選 Javascript 後會創建一個範例檔案。

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4gggNR2dHe9NT-eE%2FScreen%20Shot%202018-10-30%20at%206.32.38%20PM.png?generation=1582596298206734\&alt=media)

## 本地測試：

```
按住 fn 後按下 F5
```

之後會執行本地 Server，然後到 [http://localhost:7071/api/HttpTrigger?name=jason。](http://localhost:7071/api/HttpTrigger?name=jason%E3%80%82)

即可看到如下：

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4ggi41DptAFhLXYJ%2FScreen%20Shot%202018-10-30%20at%206.29.48%20PM.png?generation=1582596298739214\&alt=media)

## 部署：

點選如下藍色向上箭頭按鈕：![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4ggkm7WgIkWmI3nn%2Fsdasd.png?generation=1582596298969127\&alt=media)

之後會選擇要部署到的 Function 名稱，最後按下確定部署：

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4ggmsvk_5jbp5Hyg%2FScreen%20Shot%202018-10-30%20at%206.35.46%20PM.png?generation=1582596298578255\&alt=media)

成功後即可看到回傳部署後的 Endpoint

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4ggok-HIdozoYIz9%2FScreen%20Shot%202018-10-30%20at%206.36.22%20PM.png?generation=1582596299403322\&alt=media)

即可把剛才本地的 URL 換為此正式的 URL

![](https://2356031413-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M0u4DAqfidGmTt67qrG%2F-M0u4EWtMiZmhb1fV2nz%2F-M0u4ggqCF2cUmF0NC6Z%2FScreen%20Shot%202018-10-30%20at%206.36.46%20PM.png?generation=1582596298346735\&alt=media)