本篇文章給大家?guī)?lái)了關(guān)于微信小程序的相關(guān)知識(shí),其中主要介紹了關(guān)于云服務(wù)的配置詳解,包括了創(chuàng)建使用云開(kāi)發(fā)項(xiàng)目、搭建云環(huán)境、測(cè)試云服務(wù)等等內(nèi)容,下面一起來(lái)看一下,希望對(duì)大家有幫助。
【相關(guān)學(xué)習(xí)推薦:小程序?qū)W習(xí)教程】
如今云原生已經(jīng)非?;馃幔芏嗷锇檎f(shuō)我們前端領(lǐng)域涉及到云原生么?當(dāng)然了!今天就來(lái)為大家介紹我們最直白的涉及到的云原生,就是我們微信小程序開(kāi)發(fā)中的云函數(shù)云存儲(chǔ)
創(chuàng)建使用云開(kāi)發(fā)項(xiàng)目
- 將AppID填入
- 選擇小程序云開(kāi)發(fā) 創(chuàng)建即可
- 成功后會(huì)為我們呈現(xiàn)一個(gè)實(shí)例
- 剛剛創(chuàng)建的云服務(wù)項(xiàng)目中 測(cè)試器中有以下錯(cuò)誤
搭建云環(huán)境
- 點(diǎn)擊上面的云開(kāi)發(fā) 開(kāi)通云開(kāi)發(fā)
- 開(kāi)始創(chuàng)建環(huán)境
- 環(huán)境名稱自定義
- 點(diǎn)擊確定等待30秒
- 搭建成功
- 成功后不能立即使用前面的錯(cuò)誤仍然存在
- 等待10分鐘即可使用
- 錯(cuò)誤消失后 我們連接當(dāng)前環(huán)境(選擇我們剛剛配置的demo1)
測(cè)試云服務(wù)
1. 獲取openid(上傳本地login云函數(shù))
- 點(diǎn)擊獲取openid 第一次點(diǎn)擊時(shí)會(huì)報(bào)錯(cuò)
- 右鍵login文件夾 創(chuàng)建并部署
- 成功后在云開(kāi)發(fā)/云函數(shù)中可以看到
- 再次查看openid就可以看到了
1.1 創(chuàng)建部署login文件時(shí)報(bào)錯(cuò)
- 可以通過(guò)自己在云函數(shù)中創(chuàng)建一個(gè)login
- 創(chuàng)建后再次上傳進(jìn)行覆蓋即可
2. 自定義sum函數(shù)并創(chuàng)建部署
-
點(diǎn)擊新建云函數(shù)
-
創(chuàng)建云函數(shù)sum
-
云函數(shù)sum中的index.js更改為以下代碼
// 云函數(shù)入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函數(shù)入口函數(shù)exports.main = async (event, context) => { const wxContext = cloud.getWXContext() return { // event, // openid: wxContext.OPENID, // appid: wxContext.APPID, // unionid: wxContext.UNIONID, sum:100 }}
-
同樣將sum進(jìn)行部署
-
點(diǎn)擊測(cè)試云函數(shù)
3. 上傳圖片
- 點(diǎn)擊上傳圖片
- 上傳成功 直接上傳到云端
- 在云開(kāi)發(fā)控制臺(tái)/儲(chǔ)存可以查看圖片信息(可以直接使用圖片的網(wǎng)絡(luò)地址)
4. 前端操作數(shù)據(jù)庫(kù)
- 打開(kāi)云開(kāi)發(fā)控制臺(tái)
- 創(chuàng)建集合(數(shù)據(jù)庫(kù))
- 為集合添加數(shù)據(jù)(更新數(shù)據(jù) 刪除數(shù)據(jù) 查看數(shù)據(jù)都是相同操作)
- 將上面的注釋代碼取消注釋
- 點(diǎn)擊新增記錄
- 就在在集合中添加數(shù)據(jù)
- 1是系統(tǒng)自己創(chuàng)建id
- 2是系統(tǒng)自己創(chuàng)建的用戶的信息openid
- 3是代碼中的信息
5. 即時(shí)通信demo
- 添加集合名稱為chatroom
- 設(shè)置增強(qiáng)編譯
- 開(kāi)啟多賬號(hào)調(diào)試
- 選擇數(shù)量
- 確定后可以登錄進(jìn)行聊天
【相關(guān)學(xué)習(xí)推薦:小程序?qū)W習(xí)教程】