微信小程序云開發不完全指北

首先必須說明云開發的“云”并不是類似云玩家里的云的意思，而是微信小程序真的提供了云開發的接口以及一個簡單的提供存儲、數據庫服務的虛擬后臺（對于一些輕量小程序就不需要自建服務器了）。

作者也只是剛做了一個微信小程序，有什么問題可以一起探討。（其實對于不用云開發的小程序還有些好奇，因為云開發的實際上有種傻瓜式一鍵解決的感覺）。

本博客僅針對一些關鍵步驟作出陳述，希望初學者能快速得到一個整體的印象，詳細的內容請參考官方文檔。

注冊開發者賬號

注冊地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

下載開發者工具

下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
建議下載穩定版。

新建一個云開發項目

打開開發者工具，填入項目名和存儲路徑，選擇云開發，注冊一個appid或者使用測試號。appid要綁定一個郵箱，注意每個郵箱只能綁定一個appid，測試號的意思就是僅供開發測試使用，不能夠上線（而且好像不能使用云開發功能）。

框架介紹

目錄結構

使用appid新建小程序并打開后，會自動生成一個簡單的框架，目錄結構如下：

其中，app.js文件包含著小程序加載時要執行的內容（框架中為初始化云環境），app.json記錄這小程序的頁面信息以及頁面之外的一些內容（比如小程序標題及其所用的格式）。


注意到目錄中比較外層有兩個wxss文件其中在miniprogram/style中的wxss文件為頁面用，miniprogram下的為非必須項，實際上我也不知道干嘛的，推測只是一個全局配置，在局部配置中找不到相應設置時才會到這個文件中尋找默認設置。

在路徑miniprogram中的其他兩個文件夾，image很好理解，存放頁面中需要的圖片文件（需要頻繁加載的圖片文件才會存在這里，會作為小程序的一部分隨代碼一起上線），pages存放具體的頁面信息，pages下的每一個頁面都有如下結構

其中，js文件即該頁面加載時要執行的代碼，json文件屬于局部配置，在這里定義的話會在當前頁面覆蓋之前的app.json作為當前頁面的配置，wxml即頁面實際展示的內容（可以使用神器html轉wxml），wxss文件即當前頁面所用的樣式表，可以在此位置定義，也可以導入之前style下的wxss文件。

云開發

在開發者工具左上角位置有醒目的云開發按鈕，點擊即可進入微信提供的簡單后端

數據庫為簡單的json數據庫，只有管理員可以從后臺直接添加數據。

云函數

云開發中提供的數據庫有嚴格的權限限制，一般來說要允許用戶對數據庫中的內容進行修改的話，需要定義云函數作為橋梁。云函數實際存儲在云開發環境中，但在本地可以快速瀏覽，在cloudfuntions目錄下。每新建一個云函數后需要部署到云環境才能生效。
在這里說一下我在coding時遇到的一個問題，我所查到的所有通過云函數修改數據庫的方法都是如下所示：

exports.main = async(event, context) => {return await db.collection('todos').add({data: {description: event.description,due: event.due}}) }

但一直提示我類似多了個括號少了個逗號這種錯誤（unexpected 啥來著），各種方式解決無果后，將return后面的await刪去，程序運行一切正常。

發布

點擊開發者工具上方工具欄中的發布可以將當前小程序發布為體驗版，體驗版只有有限的體驗用戶可用，體驗版可以提交審核（挺快的，半天左右），審核通過的版本才可以正式發布上線。

總結

整體來說微信小程序的云開發還是比較容易上手的，如果做過前段，熟悉js，那要掌握小程序云開發可以說是相當容易了。這種不需要自建后臺的開發方式，很適合輕量級小程序使用，類似不需要自建后臺的開發方式還有api工廠提供的方法。
總的來說，數據庫使用云開發中的json數據庫，云存儲由云開發提供，用戶鑒權和微信登錄統一，對數據庫的操作在云函數中定義，wxml和wxss文件可以通過html和css轉化，相信沒多少基礎的的人也能很快上手微信小程序的云開發。

轉載于:https://www.cnblogs.com/thechosenone95/p/11032422.html

總結

以上是生活随笔為你收集整理的微信小程序云开发不完全指北的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。