目錄
創建使用雲端開發專案
建置雲端環境
測試雲端服務
1. 取得openid(上傳本機login雲端函數)
1.1 建立部署login文件時報錯
2. 自訂sum函數並建立部署
3. 上傳圖片
4. 前端操作資料庫
5. 即時通訊demo
首頁 微信小程式 小程式開發 微信小程式雲端服務配置詳解

微信小程式雲端服務配置詳解

May 27, 2022 am 11:53 AM
微信小程式

本篇文章為大家帶來了關於微信小程式的相關知識,其中主要介紹了關於雲端服務的配置詳解,包括了創建使用雲端開發專案、搭建雲端環境、測試雲服務等等內容,下面一起來看一下,希望對大家有幫助。

微信小程式雲端服務配置詳解

【相關學習推薦:小程式學習教學

如今雲端原生已經非常火熱,很多夥伴說我們前端領域涉及到雲端原生麼?當然了!今天就來為大家介紹我們最直白的涉及到的雲端原生,就是我們微信小程式開發中的雲端函數雲端儲存

創建使用雲端開發專案

微信小程式雲端服務配置詳解

  • 將AppID填入
  • 選擇小程式雲開發建立即可
  • #成功後會為我們呈現一個實例
    微信小程式雲端服務配置詳解
  • #剛剛建立的雲端服務專案中測試器中有以下錯誤
    微信小程式雲端服務配置詳解

建置雲端環境

  • 點擊上面的雲端開發開通雲開發
    微信小程式雲端服務配置詳解
  • 開始建立環境
    微信小程式雲端服務配置詳解
  • 環境名稱自訂
  • 點選確定等待30秒
  • 建置成功
    微信小程式雲端服務配置詳解
  • 成功後不能立即使用前面的錯誤仍然存在
  • 等待10分鐘即可使用
  • 錯誤消失後我們連接當前環境(選擇我們剛剛配置的demo1)
    微信小程式雲端服務配置詳解

測試雲端服務

1. 取得openid(上傳本機login雲端函數)

微信小程式雲端服務配置詳解

  • 點擊取得openid 第一次點擊時會報錯
    微信小程式雲端服務配置詳解
  • #右鍵login資料夾建立並部署
    微信小程式雲端服務配置詳解
    微信小程式雲端服務配置詳解
  • 成功後在雲端開發/雲端函數中可以看到
    微信小程式雲端服務配置詳解
  • 再次查看openid就可以看到了

1.1 建立部署login文件時報錯

微信小程式雲端服務配置詳解

  • 可以透過自己在雲端函數中建立一個login
    微信小程式雲端服務配置詳解
  • 建立後再次上傳來覆蓋即可

2. 自訂sum函數並建立部署

  • 點選新雲端函數
    微信小程式雲端服務配置詳解


  • 微信小程式雲端服務配置詳解


  • 微信小程式雲端服務配置詳解#建立雲端函數sum


  • 微信小程式雲端服務配置詳解雲端函數sum中的index.js改為以下程式碼

  • // 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => {
      const wxContext = cloud.getWXContext()
    
      return {
        // event,
        // openid: wxContext.OPENID,
        // appid: wxContext.APPID,
        // unionid: wxContext.UNIONID,
        sum:100
      }}
    登入後複製


    微信小程式雲端服務配置詳解同樣將sum進行部署

    ###############點擊測試雲函數##########

3. 上傳圖片

  • 點擊上傳圖片
    微信小程式雲端服務配置詳解
  • #上傳成功直接上傳到雲端
    微信小程式雲端服務配置詳解
  • 在雲端開發控制台/儲存可以查看圖片資訊(可以直接使用圖片的網路位址)
    微信小程式雲端服務配置詳解

4. 前端操作資料庫

  • #開啟雲端開發控制台
  • 建立集合(資料庫)
    微信小程式雲端服務配置詳解
  • 為集合新增資料(更新資料刪除資料檢視資料都是相同動作)
    微信小程式雲端服務配置詳解
  • 將上面的註解程式碼取消註解
  • 點擊新增記錄
    微信小程式雲端服務配置詳解
  • 就在集合中加入資料
    微信小程式雲端服務配置詳解
  • #1是系統自己建立id
  • 2是系統自己建立的使用者的資訊openid
  • 3是程式碼中的資訊

5. 即時通訊demo

  • 新增集合名稱為chatroom
    微信小程式雲端服務配置詳解
  • #設定增強編譯
    微信小程式雲端服務配置詳解
  • ##開啟多帳號調試

  • 微信小程式雲端服務配置詳解
  • 選擇數量

  • 微信小程式雲端服務配置詳解
  • 確定後可以登入聊天
【相關學習推薦:

小程式學習教程

以上是微信小程式雲端服務配置詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

閒魚微信小程式正式上線 閒魚微信小程式正式上線 Feb 10, 2024 pm 10:39 PM

閒魚微信小程式正式上線

閒魚微信小程式叫什麼 閒魚微信小程式叫什麼 Feb 27, 2024 pm 01:11 PM

閒魚微信小程式叫什麼

微信小程式實現圖片上傳功能 微信小程式實現圖片上傳功能 Nov 21, 2023 am 09:08 AM

微信小程式實現圖片上傳功能

實作微信小程式中的下拉式選單效果 實作微信小程式中的下拉式選單效果 Nov 21, 2023 pm 03:03 PM

實作微信小程式中的下拉式選單效果

使用微信小程式實現輪播圖切換效果 使用微信小程式實現輪播圖切換效果 Nov 21, 2023 pm 05:59 PM

使用微信小程式實現輪播圖切換效果

如何使用PHP開發微信小程式的二手交易功能? 如何使用PHP開發微信小程式的二手交易功能? Oct 27, 2023 pm 05:15 PM

如何使用PHP開發微信小程式的二手交易功能?

實現微信小程式中的圖片濾鏡效果 實現微信小程式中的圖片濾鏡效果 Nov 21, 2023 pm 06:22 PM

實現微信小程式中的圖片濾鏡效果

實現微信小程式中的圖片旋轉效果 實現微信小程式中的圖片旋轉效果 Nov 21, 2023 am 08:26 AM

實現微信小程式中的圖片旋轉效果

See all articles