uni-app 进行微信小程序云开发

原創

TUTsmile

2020-02-21 08:12

1.申请一个自己的微信公众号/小程序

云开发与普通的小程序开发不同，云开发必须填写appid，且不能使用测试号，所以需要申请一个自己的微信公众号/小程序，在官方微信小程序页面中，点击页面最下方的前往注册即可。

申请成功后，进入微信公众平台|小程序-----开发------开发设置，查看自己的小程序id

2.创建云开发环境

2.1 打开你的uni-app项目，配置小程序ID

2.2 配置完后，在微信开发者工具中运行此项目

2.3 在打开的微信开发者工具中，点击云开发按钮

点击创建创建环境，填写所需环境名称、环境ID后即可

然后就会弹出一个云开发控制台，此处我们点击数据库，添加集合。
集合相当于数据库的表，我们填写完集合名称后，点击确定即可

这样我们接下来就可以进行微信云开发。

3 使用步骤

3.1 初始化

我们在使用数据库之前，需要进行初始化操作，若需要深度使用可查看官方文档，此处仅介绍简单的使用方式。

我建议在App.vue的onLaunch中进行初始化，此处env所需要填写的你的环境id，若忘记了环境ID，可在云开发控制台中进行查看。

3.2 添加信息

我直接展示代码了，wx.cloud.database 处要填写你自己的云开发环境的ID

<template>
	<view class="content">
		<button @click="tryAdd">尝试添加</button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			title: 'Hello'
		};
	},
	onLoad() {
  },
	methods: {
    tryAdd() {
      let db = wx.cloud.database({evn:'你的ID'})
      let userBaseCollection = db.collection('user_base')
      userBaseCollection.add({
        data:{
          name:'哈哈哈'
        },
        success: (res) => {
          console.log(`这个是成功的回复`);
          console.log(res);
        }
      })
    }
  }
};
</script>