0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

微信云开发与普通的小程序开发不同的使用方式

发表时间:2023-09-09 08:04:27

文章来源:炫佑科技

浏览次数:141

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信云开发与普通的小程序开发不同的使用方式

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

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

申请成功后,前往微信公众平台| 小程序-----开发------开发设置微信小程序云开发教程,查看自己的小程序ID。

2. 创建云开发环境 2.1 打开uni-app项目并配置小程序ID

2.2 配置完成后,在微信开发工具中运行该项目

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

单击“创建”,创建环境并填写所需的环境名称和环境ID。

然后会弹出一个云开发控制台。 这里我们点击数据库并添加一个集合。

集合相当于数据库中的表。 我们填写集合名称后,单击“确定”。

微信小程序云开发教程_微信小程序云开发难吗_微信小程序开发云开发

这样我们就可以进行微信云开发了。

3 使用步骤3.1进行初始化

在我们使用数据库之前,我们需要进行初始化操作。 如果需要深入使用,可以查看官方文档。 这里我们只介绍简单的使用方法。

我建议在App.vue中初始化。 这里env需要填写你的环境ID。 如果您忘记了环境ID,可以在云开发控制台中查看。

微信小程序开发云开发_微信小程序云开发教程_微信小程序云开发难吗

3.2 添加信息

我直接展示代码。 您需要在wx.cloud填写您自己的云开发环境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>

我们点击页面尝试添加后,会有回复,这是非常坑爹的,所以我建议使用.fail的回调方法,而不是官方支持的.then。

接下来我们查看数据库,发现信息已经添加成功。

还有_id微信云开发与普通的小程序开发不同的使用方式,这个自动生成的信息

其他操作请参考官方文档。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多