微信小程序雲開發如(rú)何上手 - 新聞資(zī)訊 - 雲南小程序開發|雲南軟件開發|雲南網站(zhàn)建設-西山區知普網絡科技工作室

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不管是網站(zhàn),軟件還是小程序,都要直接或間接能為您産生價值,我們在追求其視覺表現的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網站(zhàn)成為營銷工具,讓軟件能切實提升企業(yè)内部管理水平和(hé)效率。優秀的程序為後期升級提供便捷的支持!

微信小程序雲開發如(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)默認 requirewx-server-sdk,這是一個(gè)幫助我們在雲函數中(zhōng)操作數據庫、存儲以及調用其他雲函數的微信提供的庫。關(guān)于 wx-server-sdk 的使用可(kě)見 在雲函數中(zhōng)使用 wx-server-sdk 。

相關(guān)案例查看更多