1. 程式人生 > >微信小程式:雲開發·初探

微信小程式:雲開發·初探

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修改複製上去,點選執行測試顯示測試成功。

更新目錄