前言

這篇文章適合所有的想微信小程式開發新手、老鳥以及想準備學習開發微信小程式的程式猿。本文以開發一個類似"語音口令紅包“小程式為例，向您講解如何使用阿里雲函式計算快速構建微信小程式的服務端。通過本文，您將會了解以下內容:

demo概覽

在本教程中，我們講解如何利用函式計算一步一步來構建微信小程式的server端，其中小程式參考"口令紅包", 實現一個簡單版本，該demo中可以展示口令生成，口令轉發，口令語音驗證。

微信語音紅包小程式是基於微信小程式而開發的語音紅包，發起者可以寫下想要讓別人說的話（口令），並且將錢塞入此紅包中，其他使用者只要讀出這句話（口令）就可以獲得紅包。語音紅包可以發到特定的好友、微信群以及朋友圈，朋友需要根據文字口令說出相應的語音，才能獲得紅包。這種互動行為,在朋友圈或者微信群社交的場景下，可以極大調動互動活躍度，規則簡單方便，體驗趣味十足，口令的形式豐富多樣(惡搞、示愛、祝賀、說口號、甚至是廣告語)，這些都讓口令紅包一直維持很高的熱度。

demo客戶端小程式具體效果截圖如下:

• 生成口令
  
• 轉發口令
  
• 錄音驗證口令 
  

傳統伺服器架構 VS Serverless架構

正常來說，除了少數純客戶端的微信小程式運用，絕大部分的小程式都有自己的server端。使用者開發server端服務，常常面臨開發效率，運維成本高，機器資源彈性伸縮等痛點，而使用Serverless架構可以很好的解決上述問題。下面是傳統架構和Serverless架構的對比：

阿里雲函式計算是一個事件驅動的全託管計算服務。通過函式計算，您無需管理伺服器等基礎設施，只需編寫程式碼並上傳。函式計算會為您準備好計算資源，以彈性、可靠的方式執行您的程式碼，並提供日誌查詢，效能監控，報警等功能。藉助於函式計算，您可以快速構建任何型別的應用和服務，無需管理和運維。

Serverless架構詳解

方案大致如上圖所示， 主要分為以下三個模組：

• Login & Auth

微信建議登入時序圖如下, 其中第三方伺服器用FC實現：

• 語音識別(包含音訊格式轉換)

• 方案圖下部虛線框柱的是可以拓展的模組，本demo中不展示，使用者可以根據需求接入

比如微信小程式直接上傳檔案到oss儲存，函式計算可以從oss拉取對應的資料做處理；如果需要資料庫功能，可以採用ots

demo開發配置步驟

準備工作：

1，開通阿里雲賬號，同時需要開通的產品有函式計算, api閘道器

3，開通微信小程式開發認證,以及百度語音識別

4，從github下載相應的原始碼，裡面client目錄表示客戶端，server表示用於建立函式。

FC端

1，利用原始碼中的server目錄建立服務端函式，比如函式名為wechatEntry，有以下兩種方案建立函式：

• 利用控制檯打包上傳,設定對應的handler, 函式計算控制檯使用可參考hello world, 特別是控制檯上傳程式碼包建立函式部分。下面是重要步驟截圖:
  

• 函式計算熟悉fcli的工具的老使用者可以使用函式計算命令列工具fcli, fcli使用說明
  fcli function create -f wechatEntry -h main.handler -d server -t python2.7 -s wechat

注意：上面兩種方案建立函式之前都需先把函式中main.py中相關開發配置改成自己申請的，包括微信小程式開發者相關配配置，百度語音識別相關配置

2, 以函式計算作為 API 閘道器後端服務

• api閘道器支援https服務，具體可以參考api閘道器支援https
• api閘道器中設定函式對應的api分組配置獨立域名
  
• 最後效果圖以及除錯介面如下：
  

client端

• 按照微信小程式官方教程，建立對應的小程式賬號以及工程，需要注意的是要把api閘道器中配置的域名新增到微信小程式的開發配置中:
  
• 直接用微信小程式開發工具開啟，修改對應請求域名和appid即可，開啟如下圖所示：
  

總結

利用函式計算可以快速搭建微信小程式的serverless運用，結合oss，ots可以豐富server的功能，免伺服器，免運維，成本低，不用擔心流量，只需要函式就可以實現，你值的擁有！

一些補充FAQ, 僅供參考

怎麼除錯fc？

fc可以接入sls，通過sls日誌，可以檢視你函式執行的情況，具體可以參考函式訪問日誌服務

如果錄入的語音檔案很大，時間很長，導致語音識別服務時間很長，怎麼辦？

可以參考函式計算流式處理大檔案的分治思想對語音分割進行流式處理，或者直接選用有流式處理的語音識別的服務。

如果想對語音檔案或者其他檔案做備份處理，怎麼辦？

可以參考微信小程式中客戶端utils資料夾下面的uploadAliyun.js