使用mpvue小程序云开发

先搭建环境，根据需求自己设置

vue  init mpvue/mpvue-quickstart my-project

切换到src目录下

npm install

src / main.js 里加入

wx.cloud.init({  traceUser: true})

删掉不需要的页面，app.json里面修改路径配置，完成后跑起来

npm run dev

打开微信开发者工具 导入刚才的小程序, appid需要输入有效的，不要用测试号，否则不能使用云开发。

点击云开发

按照要求输入内容，创建大概得个几秒钟。

创建完之后的样子。

创建一个集合

在集合中插入一条记录

将此集合的设置权限改为 所有用户可读，仅创建者可读写，如果需要所有人可以写，就得使用到云函数操作来绕过这个限制。

在 project.config.json中添加一条

“cloudfunctionRoot”: “/static/api/”,

重新编译一次，看看编译完成之后的dist/wx/project.config 里面有没有这一条，如果没有就自己在里面加上，用于创建云函数。

在static下新建一个api文件夹，下面随便写个空的js文件（如果是空的api文件夹，在开发者工具的编辑器里面不会显示）。

新建一个云函数

会自动生成两个文件，相关代码就写在js文件里。

这里我们修改入口函数，获取book集合里的数据

记得每次修改完成后，需要右键点击云函数，上传并部署。

<script>export default {  data () {    return {      books: ''    }  },  methods: {    getBook () {      wx.cloud.init()      wx.cloud.callFunction({ name: 'getBooks' }).then(res => {        console.log(res.result, '=====')      })    }  },  mounted () {    this.getBook()  }}</script>

页面调用，打印结果

就可以获取到我们刚才插入的数据了。

更多的api方法可以参考官方文档：

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-client-api/init.html