先到Web SDK | 微信开放文档把Web SDK包下载到本地(不下的话src直接填CDN地址也可以)
- 我选择的是这个版本(查了一下微信开发者社区听说比较稳定):https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js
然后进入项目,把下载好的Web SDK包命名为“cloud.js”,放到public目录下
然后再编辑public目录下的index.html
在<head>标签内加入此句:
<script src="cloud.js"></script>
如图:
然后再在项目的入口文件main.js中写入此句:
Vue.prototype.$cloud = window.cloud;
此时Vue实例中就会挂载 $cloud
微信官方原生的调用方法(如下图):
而我们用Vue-CLI开发,只需要在用到的此WebSDK包的页面,通过原型链(Vue实例.$cloud)即可访问到window对象的cloud实例。
比如我这里的项目
---------此刻CDN引入微信小程序Web SDK已经完成---------
具体访问操作可以看我的另一篇没有用Vue-CLI开发的文章:(24条消息) Web端访问微信小程序云数据库_大浩籽的博客-CSDN博客_小程序访问云数据库
附上自己红色的艰苦历程:
当我没有使用CDN引入方式,而使用npm方式的时候
报Failed to load resource: the server responded with a status of 404 (Not Found)
:8080/__wx__/jsoperatewxdata:1
当我尝试使用CDN引入的时候又遇见过
当我查阅到了下面这篇文章,所有问题都迎刃而解了