前言

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

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

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

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

搭建云環(huán)境

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

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

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

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

測試云服務

1. 獲取openid（上傳本地login云函數）

點擊獲取openid 第一次點擊時會報錯

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

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

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

可以通過自己在云函數中創(chuàng)建一個login

創(chuàng)建后再次上傳進行覆蓋即可

2. 自定義sum函數并創(chuàng)建部署

點擊新建云函數

創(chuàng)建云函數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. 上傳圖片

點擊上傳圖片

上傳成功 直接上傳到云端

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

4. 前端操作數據庫

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

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

為集合添加數據（更新數據 刪除數據 查看數據都是相同操作）

將上面的注釋代碼取消注釋

點擊新增記錄

就在在集合中添加數據

1是系統自己創(chuàng)建id

2是系統自己創(chuàng)建的用戶的信息openid

3是代碼中的信息

5. 即時通信demo

添加集合名稱為chatroom

設置增強編譯

開啟多賬號調試

選擇數量

確定后可以登錄進行聊天

總結

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

最新評論