微信小程序雲開發不徹底指北

微信小程序雲開發不徹底指北

首先必須說明雲開發的「雲」並非相似雲玩家裏的雲的意思，而是微信小程序真的提供了雲開發的接口以及一個簡單的提供存儲、數據庫服務的虛擬後臺（對於一些輕量小程序就不須要自建服務器了）。

做者也只是剛作了一個微信小程序，有什麼問題能夠一塊兒探討。（其實對於不用雲開發的小程序還有些好奇，由於雲開發的實際上有種傻瓜式一鍵解決的感受）。

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

註冊開發者帳號

註冊地址：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轉化，相信沒多少基礎的的人也能很快上手微信小程序的雲開發。