前幾次我們演示瞭如何通過Azure靜態web應用功能釋出vue跟blazor的專案([使用 Azure靜態web應用+Github全自動部署VUE站點](https://www.cnblogs.com/kklldog/p/azure-static-webapp-vue.html)、[使用Azure靜態Web應用部署Blazor Webassembly應用](https://www.cnblogs.com/kklldog/p/staticwebapp-blazor.html))。但是一個真正的web應用，總是免不了需要後臺api服務為前端提供資料或者處理資料的能力。同樣前面我們也介紹了Azure函式服務，Azure函式的http trigger可以對http作出響應，可以完美的承當web api的角色。現在Azure靜態web應用可以直接整合Azure函式，使得一次釋出可以同時釋出前端專案（vue、blazor）及後臺api服務（azure函式）。 ## 新建Azure函式 上次已經演示過如何釋出Blazor專案，這裡不在囉嗦，直接找到我們上次的BlazorWebassembly專案的解決方案，新增一個Azure函式。 [](https://imgchr.com/i/DeQa1x) Azure函式使用Http trigger。Http trigger可以對http請求作出響應，可以看成是一個webapi。 [](https://imgchr.com/i/DeQwjK) 新建完成之後修改Function1.cs類的程式碼為： ``` public static class Function1 { [FunctionName("sum")] public static as