微信小程式雲開發入門到發布上線

2022-08-21 12:09:10 字數 2041 閱讀 5206

起步說明【非小白教程】

適合人群【建議快速看文件,對著寫一遍】

看過官方文件,並簡單的寫過

熟悉vue/es6

新建小程式雲開發專案

勾選建立 「小程式雲開發 」

點選新建即可得到乙個展示雲開發基礎能力的示例小程式。

該小程式與普通 quickstart 小程式有以下不同需注意:

未指定環境【第一次使用雲開發】

在使用雲開發能力之前需要先開通雲開發

點選雲開發按鈕,繼續點選開通,繼續同意條款

新建環境

注意事項:指定環境名稱,且後面不可更改,只能建2個【環境id是根據環境名稱自動生成的】

環境id如下:

初始化後的目錄

新建頁面示例

新建util資料夾

utils檔案**位址

這裡只寫了一些專案用到的,其它配置參照官方文件

頁面配置【頁面檔案json格式結尾的】【約定大於配置】前面已經介紹了小程式端的一些基本配置及檔案的介紹;

這篇來講一下雲開發,在初始化專案時已經開通了雲開發功能。

雲開發介紹

三大基礎能力支援:

資料庫:乙個既可在小程式前端操作,也能在雲函式中讀寫的 json 資料庫

雲開發控制台

資料庫周邊

許可權控制

資料庫的許可權分為小程式端和管理端,管理端包括雲函式端和控制台。

具體許可權見雲開發文件

開發示例

注意事項:使用集合必須是已存在的,所以得提前新增

建立第乙個集合

小程式端運算元據

服務端運算元據【雲開發】

小程式端

自定義元件以及第三方元件的使用【見專案pages/index**】

雲開發多個雲函式環境切換繁瑣,不能統一配置【感覺後面官方會退出更合適的方法】

本地除錯繁瑣

沒有嘗試--!

安裝使用

轉殖**到本地

git clone [email protected]:xushankun/yhtd-mp.git
環境id改為自己的【包括每個雲函式index.js裡的環境id

資料庫新增集合如下:

微信小程式開發入門

首先說下結構吧,看看小程式到底長什麼樣子 然後除了系統提供的,我們要想開發小程式肯定要建立自己的頁面,每個自己的頁面都有四個檔案index.js index.json index.wxml index.wxss。那這些檔案裡到底都有些什麼呢 下面看圖 index.wxss 就想成css吧,其實就是樣...

微信小程式知識雲開發

乙個小程式最多5個服務類目,乙個月可以修改3次類目 小程式侵權投訴的發起與應對 軟體著作權作品登記證書 實現小程式支付功能 如何借助官方支付api簡單 高效率地實現小程式支付功能 借助小程式雲開發實現 只需要乙個簡單的雲函式 exports.main async event,context even...

微信小程式開發(二) 雲開發

1 概念 2 傳統小程式開發與雲開發的區別 簡單的呼叫乙個雲函式 求a b的和 獲取當前使用者的openid 小程式雲開發登入方式 使用者通過點選按鈕,從小程式獲取使用者的資訊,而小程式通過雲函式獲得使用者的資訊,雲函式給小程式端返回使用者的openid,小程式獲取到 使用者的資訊之後,將使用者的資...