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端访问微信小程序云数据库相关推荐

外部web端访问微信小程序云数据库的几种方法
前言我当前的项目是小程序开发,使用的是云开发方式,那么这时涉及到了小程序端提交的数据会保存到云数据库中,可是呢这些个数据要被外部访问用来管理,也就是还得弄一个管理后台界面管理这些数据.那就需要拿到云 ...
web端获取微信小程序云数据库数据实现增删改查等操作
获取小程序数据库前言一.微信小程序Web SDK 1.微信官方示例 2.未登录模式注意事项二.完整流程演示 1.开启云数据库访问权限 2.编写云函数 3.web前端引入js 4.web页面js访 ...
微信小程序云数据库where查询语句字段名和字段值都可以是变量
微信小程序云数据库where查询语句字段名和字段值都可以是变量想要实现的功能遇到的问题 js代码想要实现的功能界面代码 // An highlighted block <view cla ...
微信小程序云数据库定时清空（云函数定时触发）
需求: 微信小程序云数据库某表仅保留当天数据,因此每天固定某时间清空一次实现: 1.新建云函数timer 2.在timer/config.json中配置定时器 {"triggers&quo ...
微信小程序-云数据库开发
数据库增删查改数据库权限管理这相当于管理员权限,可以改到所有人可读. 查询get() 首先在微信小程序上方工具栏点击云开发-数据库-添加集合-增添记录其次,在app.js中写入以下代码 App( ...
微信小程序云数据库实现注册
微信小程序自带的云数据库的优势在于,不用搭建服务器和后端就可以直接调用数据库我们接下来使用云数据库实现注册功能,效果图如下云数据库结构如下: 这是用云数据库实现注册功能,实现代码如下,: regi ...
微信小程序云数据库使用(上)
数据库写入创建集合 1.js文件 2.wxml 文件 3.wxss 文件有了一个小想法,向云数据库写入文本小故事,之后在读取故事. 数据库读取:https://blog.csdn.net/we ...
微信小程序云数据库实现登录
微信小程序自带的云数据库的优势在于,不用搭建服务器和后端就可以直接调用数据库云数据库配置: 例如上图,环境名称为:ksyueying 环境ID为: ksyueying-xxxxxxxxx(输入环境I ...
WEB端和微信小程序端的文档文件在线预览方法
文件的在线预览方式汇总文件在线预览功能可以提高用户体验,值得加入. 一般常见的文件有office套装.pdf.txt.md.和音视频. 音视频的预览是单独一块,今天主要说说文档文件的在线预览功能. ...

Web端访问微信小程序云数据库

Web端访问微信小程序云数据库相关推荐

最新文章

热门文章