微信小程序雲開發 初學者入門教程一

微信小程序雲開發 初學者入門教程一（雲開發環境搭建）

本教程適合剛剛入門的小白,雲開發爲開發者提供完整的雲端支持，弱化後端和運維概念，無需搭建服務器，使用平臺提供的 API 進行核心業務開發，即可實現快速上線和迭代，同時這一能力，同開發者已經使用的雲服務相互兼容，並不互斥。

官方文檔：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html#%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98

1：在桌面新建一個文件夾，命名爲cloud

圖片.png

2：填寫小程序appid，選擇建立雲開發快速啓動模板，點擊確定按鈕。

圖片.png

3：完成之後，界面如下所示，默認好的項目目錄和一系列的代碼，可以仔細閱讀和學習這些官方默認的文檔

圖片.png

4：點擊雲開發按鈕，申請開通

圖片.png

5：創建創建資源環境，填寫環境名稱，每個小程序帳號可免費創建兩個環境。填寫相關信息，環境名稱

圖片.png

6：成功開通之後進入；創建完成之後的界面。

圖片.png

7：仔細看一下新建的雲項目之後發現，新建項目中一個簡單的獲取用戶openId的雲函數示例

圖片.png

8：在cloudfunctions路徑下的login文件夾上點擊右鍵，選擇創建並部署

圖片.png

9：在雲開發控制檯裏，找到自己的環境ID，複製準備

圖片.png

10：在miniprogram目錄下的app.js配置環境ID

圖片.png

示例代碼：

//app.js
App({
  onLaunch: function () {
    
    if (!wx.cloud) {
      console.error('請使用 2.2.3 或以上的基礎庫以使用雲能力')
    } else {
      wx.cloud.init({
        env: 'wang-t6e372',
        //我剛剛從雲開發控制檯裏複製過來的自己的環境ID，
        traceUser: true,
      })
    }

    this.globalData = {}
  }
})

11：再次回到雲開發控制檯，依次點擊雲函數->login函數->右上角的測試按鈕

圖片.png

11：測試成功

圖片.png

我們可以查看一下結果

打開雲開發控制檯，切換到“用戶管理”標籤頁，查看小程序的用戶列表

圖片.png

再來測試一下上傳圖片的功能 在本地桌面選一張圖片上傳，然後打開雲開發控制檯，查看存儲管理，裏面多了一張圖片的記錄，也就是剛剛我上傳的自己的圖片