微信小程式:雲開發·初探
阿新 • • 發佈:2018-12-27
Good days give you happiness and bad days give you experience.
順境帶來快樂,逆境帶來成長。
雲開發 quickstart
這是雲開發的快速啟動指引,其中演示瞭如何上手使用雲開發的三大基礎能力:
- 資料庫:一個既可在小程式前端操作,也能在雲函式中讀寫的 JSON 文件型資料庫
- 檔案儲存:在小程式前端直接上傳/下載雲端檔案,在雲開發控制檯視覺化管理
- 雲函式:在雲端執行的程式碼,微信私有協議天然鑑權,開發者只需編寫業務邏輯程式碼
參考文件
先把微信開發工具更新至最新(1.02.1809111)
注意1:
空資料夾目錄
下建立,有隱藏檔案的資料夾也不可以。 注意2:雲開發方式,需要appid,請準備好
- 選擇“建立雲開發快速啟動模版”進行新專案建立
目錄結構如下:
cloudfunctions
| - login
miniprogram
| - images
| - code-db-inc-dec.png
| - code-db-onAdd.png
| - code-db-onQuery.png
| - code-db-onRemove.png
| - code-func-sum.png
| - console-entrance.png
| - create-collection.png
| - pages
| - addFunction
| - addFunction.js
| - addFunction.json
| - addFunction.wxml
| - addFunction.wxss
| - chooseLib
| - chooseLib.js
| - chooseLib.json
| - chooseLib.wxml
| - chooseLib.wsxx
| - databaseGuide
| - databaseGuide.js
| - databaseGuide.json
| - databaseGuide.wxml
| - databaseGuide.wxss
| - deployFunctions
| - deployFunctions.js
| - deployFunctions.json
| - deployFunctions.wxml
| - deployFunctions.wxss
| - index
| - index.js
| - index.wxml
| - index.wxss
| - user-unlogin.png
| - storageConsole
| - storageConsole.js
| - storageConsole.json
| - storageConsole.wxml
| - storageConsole.wxss
| - userConsole
| - userConsole.js
| - userConsole.json
| - userConsole.wxml
| - userConsole.wxss
| - style
| - guide.wxss
| - app.js
| - app.json
| - app.wxss
README.md
project.config.json
- 建立服務環境名稱,點選
雲開發
- 一個賬戶可以建立兩個環境,一個作為開發環境,一個作為生產環境
如下圖所示這是新建專案中一個簡單的獲取使用者openId
的雲函式示例
- 在
cloudfunctions
路徑下的login
資料夾上點選右鍵,選擇建立並部署
部署成功後,彈出如下介面
- 在雲開發介面的左上角找到
“環境ID”
並複製
在miniprogram
目錄下的app.js配置環境ID
//app.js
App({
onLaunch: function () {
if (!wx.cloud) {
console.error('請使用 2.2.3 或以上的基礎庫以使用雲能力')
} else {
wx.cloud.init({
env:'你的環境ID',
traceUser: true,
})
}
this.globalData = {}
}
})
儲存編譯,即可Log
你的openId
開啟雲開發控制檯,點選雲函式
->login函式
->右上角的測試按鈕
把我們在上面獲取到的openId修改複製上去,點選執行測試
顯示測試成功。