前言

如今云原生已經(jīng)非?；馃?，很多伙伴說我們前端領(lǐng)域涉及到云原生么？當(dāng)然了！今天就來為大家介紹我們最直白的涉及到的云原生，就是我們微信小程序開發(fā)中的云函數(shù)云存儲

創(chuàng)建使用云開發(fā)項目

• 將AppID填入
• 選擇小程序云開發(fā) 創(chuàng)建即可
• 成功后會為我們呈現(xiàn)一個實例

• 剛剛創(chuàng)建的云服務(wù)項目中 測試器中有以下錯誤

搭建云環(huán)境

點(diǎn)擊上面的云開發(fā) 開通云開發(fā)

開始創(chuàng)建環(huán)境

• 環(huán)境名稱自定義
• 點(diǎn)擊確定等待30秒
• 搭建成功

• 成功后不能立即使用前面的錯誤仍然存在
• 等待10分鐘即可使用
• 錯誤消失后 我們連接當(dāng)前環(huán)境（選擇我們剛剛配置的demo1）

測試云服務(wù)

1. 獲取openid（上傳本地login云函數(shù)）

點(diǎn)擊獲取openid 第一次點(diǎn)擊時會報錯

右鍵login文件夾 創(chuàng)建并部署

成功后在云開發(fā)/云函數(shù)中可以看到

再次查看openid就可以看到了 1.1 創(chuàng)建部署login文件時報錯

可以通過自己在云函數(shù)中創(chuàng)建一個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)擊測試云函數(shù)

3. 上傳圖片

點(diǎn)擊上傳圖片

上傳成功 直接上傳到云端

在云開發(fā)控制臺/儲存可以查看圖片信息（可以直接使用圖片的網(wǎng)絡(luò)地址）

4. 前端操作數(shù)據(jù)庫

打開云開發(fā)控制臺

創(chuàng)建集合（數(shù)據(jù)庫）

為集合添加數(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. 即時通信demo

添加集合名稱為chatroom

設(shè)置增強(qiáng)編譯

開啟多賬號調(diào)試

選擇數(shù)量

確定后可以登錄進(jìn)行聊天

總結(jié)

到此這篇關(guān)于前端云原生之微信小程序云服務(wù)配置指南的文章就介紹到這了,更多相關(guān)微信小程序云服務(wù)配置內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論