Web端访问微信小程序云数据库
撰寫背景:
用微信小程序云開發做了一個與web管理平臺配套的微信小程序,Web端需要對接(訪問)到云環境的云數據庫。
開門見山:
在微信開發者工具里先把云開發控制臺打開,
設置->權限設置->未登錄用戶訪問云資源權限設置勾上
再把所有的集合權限改為讀、寫均true
首先把這個微信開放文檔Web SDK包拷到Web項目里
我拷的是下面這個版本的:
https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js
可以命名為cloud.js
然后在需要用到的html進行CDN引入(src里寫你自己考下來這個包的相對路徑)
<script src="js/cloud.js"></script>在同一html里繼續
<script>//初始化let first = function(callback) {var c1 = new cloud.Cloud({//必填,表示是未登錄模式identityless: true,//資源方 AppIDresourceAppid: '小程序appid',//資源方環境 IDresourceEnv: '云環境id',})c1.init()//回調callback(c1)};//完成初始化后再回調,即可訪問云數據庫let callback = function(c1) {// 我個人不喜歡寫云函數,所以直接寫在Web這里做操作// 你要訪問的各種操作寫在這個callback函數里即可,這里以查詢users表為例const db = c1.database();db.collection('users').get({success: res => {console.log(res.data);},fail: res => {console.log(res);}})};first(callback);</script>大功告成:
注意:不要用盤符方式去打開html,要用live開啟服務的方式去打開html,否則會報跨域錯誤
看了很多文章,走了挺多彎路,先是看初始化 | 云開發 CloudBase - 一站式后端云服務,npm安裝好@cloudbase/js-sdk之后在script里寫import一直報錯:“Uncaught SyntaxError: Cannot use import statement outside a module”,也試了在script標簽里加type="module",沒卵用。
又試了CDN引入,結果好家伙報404 NOT FOUND。
總的來說對新手不是很友好。
然后又看見初始化 | 云開發 CloudBase - 一站式后端云服務這里引入用
const cloudbase = require("@cloudbase/js-sdk");
然后又報錯:require is not defined。
最后才幸運地找到下面這篇文章,幫助我成功在Web訪問到云數據庫。希望這篇文章能給大家一點幫助哈。
參考文章:web端獲取微信小程序云數據庫數據實現增刪改查等操作_DDDHL_的博客-CSDN博客_微信小程序獲取云數據庫數據
總結
以上是生活随笔為你收集整理的Web端访问微信小程序云数据库的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vue3+TypeScript从入门到精
- 下一篇: 【SQL】LATERAL VIEW 的用