微信小程式--雲開發

2022-09-18 18:01:20

介紹

微信雲開發是微信團隊聯合騰訊雲推出的專業的小程式開發服務。
開發者可以使用雲開發快速開發小程式、小遊戲、公眾號網頁等,並且原生打通微信開放能力。
開發者無需搭建伺服器,可免鑑權直接使用平臺提供的 API 進行業務開發。

雲開發優勢

  1. 無需搭建伺服器,只需使用平臺提供的各項能力,即可快速開發業務。
  2. 無需管理證書、簽名、祕鑰,直接呼叫微信 API 。複用微信私有協定及鏈路,保證業務安全性。
  3. 支援環境共用,一個後端環境可開發多個小程式、公眾號、網頁等,便捷複用業務程式碼與資料。
  4. 支援按量計費模式,後端資源根據業務流量自動擴容,先使用後付費,無需支付閒置成本。

能力概覽

  1. 儲存資料與檔案
    • 雲資料庫: 檔案型資料庫,穩定可靠,支援在小程式端和雲函數中呼叫。
      • 儲存: 雲端檔案儲存,自帶 CDN 加速,支援在前端直接上傳/下載,可在雲開發控制檯視覺化管理。
  2. 執行後端程式碼
    • 雲函數: 在雲端執行的程式碼,微信私有協定天然鑑權,開發者只需編寫自身業務邏輯程式碼。
  3. 擴充套件能力
    • 靜態網站: 快速部署網站,支援自定義域名、網站防刷等設定。
    • 內容管理(CMS): 一鍵部署,視覺化管理文字、Markdown、圖片等多種內容,使用雲資料庫讀取資料並使用資料
  4. 打通微信生態
    • 雲呼叫: 雲函數內免鑑權呼叫小程式開放介面,包括伺服器端呼叫、獲取開放資料等能力。
    • 微信支付: 免鑑權、免簽名計算、免 access_token,在雲函數內原生呼叫微信支付介面。
    • 環境共用: 跨賬號資源和能力複用,可授權雲開發資源給其他小程式/公眾號使用。

讓我們開始吧

準備工作

  1. 下載並安裝微信開發者工具;
  2. 註冊微信小程式,獲取小程式的 AppID(開發管理 - 開發設定);

第 1 步:建立專案

開啟並登入微信開發者工具,新建小程式專案,填入 AppID,後端服務選擇「微信雲開發」並勾選同意"雲開發服務條款":

點選建立後,即可得到一個展示雲開發基礎能力的範例小程式:

第 2 步:開通雲開發,建立環境

在使用雲開發能力之前,需要先開通雲開發。
在開發者工具的工具列左側,點選 「雲開發」 按鈕即可開啟雲控制檯,根據提示開通雲開發,並且建立一個新的雲開發環境。

  • 每個環境相互隔離,擁有唯一的環境 ID,包含獨立的資料庫範例、儲存空間、雲函數設定等資源;
  • 初始建立的環境自動成為預設環境;
  • 預設配額下可以建立兩個環境;
  • 騰訊雲控制檯建立的雲開發環境也可在微信雲開發中使用。登入微信雲開發控制檯 - 設定 - 環境設定,點選環境名稱,選擇「管理我的環境」,點選「使用已有騰訊雲環境」按鈕,選擇所需騰訊雲環境,即可在微信雲開發控制檯使用該環境。
    開通建立環境後,即可以開始在模擬器上操作小程式體驗雲開發提供的部分基礎能力演示。
    後續步驟
  • 您可以參考以下檔案繼續開發:
  • 使用 雲資料庫 儲存、查詢、推播資料;
  • 使用 儲存 對檔案進行儲存;
  • 使用 雲函數 執行後端程式碼;
  • 使用 雲託管 部署後臺服務;
  • 使用 雲呼叫 呼叫微信開放介面;
  • 使用 CMS 管理後臺資料;
  • 使用 靜態網站託管 部署網站。

使用低程式碼編輯器搭建小程式

第1步: 建立專案

開啟並登入微信開發者工具,新建小程式專案,填入 AppID,後端服務選擇「微信雲開發」。

第2步: 選擇模板

在模板來源中選擇微搭,並在下方選擇希望使用的低程式碼模板。

以網購消費者市場調研模板為例,點選確定後即可進入到該模板的低程式碼編輯器中。

第3步: 開始開發

進入低程式碼編輯後,您便可以通過簡單的元件拖拉拽以及視覺化介面對模板進行客製化化的開發。

說在最後

相信大家都收到了微信的通知

微信雲開發於 2022 年 08 月 18 日,對計費方式做了變更,部分指標價格有所上浮。

新使用者免費使用 1 個月後,統一使用 「基礎套餐+按量付費」 模式:購買帶有一定配額的基礎套餐後,超出套餐配額部分再按照實際使用量付費。

這意味著,原來的免費模式將徹底終結。免費一個月後統一進入「基礎套餐」模式,而「基礎套餐」是需要付費的,目前「基礎套餐」的定價為:19.9元/月。

對各位的小程式有影響嗎?大家怎麼看呢?

六年程式碼兩茫茫,不思量,自難忘

6年資深前端主管一枚,分享技術乾貨,專案實戰經驗,面試指導

關注博主不迷路~