歡迎各位小伙伴們！
為大家推薦一款刷題神奇哦 點擊鏈接訪問牛客網
各大互聯網大廠面試真題。從基礎到入階乃至原理刨析類面試題 應有盡有，趕快來裝備自己吧！助你面試穩操勝券，solo全場面試官

前言

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

創建使用云開發項目

• 將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
  
• 設置增強編譯
  
• 開啟多賬號調試
  
• 選擇數量
  
• 確定后可以登錄進行聊天

面試法寶

很多伙伴找到我詢問面試題，問我針對于前端有沒有比較體系化的面試題總結，今天就給大家推薦這款面試法寶
點擊鏈接直達

https://www.nowcoder.com/link/jihexinliang260

就是我們的牛客網，各大互聯網大廠面試真題。從基礎到入階乃至原理刨析類面試題 應有盡有，趕快來裝備自己吧！助你面試穩操勝券，solo全場面試官