您當前位置>首頁 » 新聞資(zī)訊 » 小程序相關(guān) >
微信小程序雲開發如(rú)何上手
發表時間:2021-1-5
發布人:葵宇科技
浏覽次數:33
微信小程序雲開發,是基于 Serverless 的一站(zhàn)式後端雲服務,涵蓋函數、數據庫、存儲、CDN等服務,免後端運維。基于雲開發可(kě)以免鑒權調用微信所有開放能力。
打開小程序項目,點擊工具欄“雲開發”進行開通(tōng):
根據對話框提示,創建雲環境:
選擇默認免費配額:
“提交訂單”,創建完成。
此後,就可(kě)以打開“雲開發控制台”了:
創建雲函數雲函數是一段運行在雲端的代碼,無需管理服務器(qì),在開發工具内編寫、一鍵上傳部署即可(kě)運行後端代碼。
首先,配置小程序項目。編輯 project.config.json
添加 cloudfunctionRoot
:
{
// ...
"cloudfunctionRoot": "./cloudfunction/",
"cloudfunctionTemplateRoot": "cloudfunctionTemplate"
}
并于根目錄新建該目錄 cloudfunction
,該目錄圖标會變成“雲目錄圖标”。
然後,右鍵雲函數根目錄,“新建 Node.js 雲函數”:
輸入雲函數名稱,就會創建好模闆:
使用雲函數編輯 index.js
修改成求和(hé):
// 雲函數入口文(wén)件
const cloud = require("wx-server-sdk");
cloud.init();
// 雲函數入口函數
exports.main = async (event, context) => {
const wxContext = cloud.getWXContext();
return {
sum: event.a + event.b,
};
};
event
是觸發雲函數的事件。小程序端調用時,就是其請求參數。return
返回雲函數計算的結果。小程序端調用時,就是其響應内容。
Taro 調用雲函數
Taro 是一個(gè)開放式跨端跨框架解決方案,支持使用 React/Vue/Nerv 等框架來開發 微信/京東/百度/支付寶/字節跳動(dòng)/QQ 小程序/H5 等應用。
Taro 使用雲開發,首先需要初始化雲環境:
import Taro from "@tarojs/taro";
Taro.cloud.init({
env: "gocoding-xxx",
});
其中(zhōng) env
環境 ID ,可(kě)見“雲開發控制台”的“設置”:
然後,調用該雲函數:
Taro.cloud
.callFunction({
name: "photo-lucky",
data: {
a: 1,
b: 2,
},
})
.then((res) => {
console.log(res);
})
.catch((err) => {
console.log(err);
});
name
是雲函數的名稱。data
是請求參數,對應雲函數的event
。
右鍵雲函數目錄,選擇“上傳并部署”:
編譯運行小程序,可(kě)見打印結果:
調試雲函數打開“雲開發控制台”的“雲函數”:
打開“本地調試”,右側選中(zhōng)“開啟本地調試”:
之後,小程序調用雲函數就會進“本地調試”。
雲開發服務雲函數模闆中(zhōng)默認 require
了 wx-server-sdk
,這是一個(gè)幫助我們在雲函數中(zhōng)操作數據庫、存儲以及調用其他雲函數的微信提供的庫。關(guān)于 wx-server-sdk
的使用可(kě)見 在雲函數中(zhōng)使用 wx-server-sdk 。