uniapp 创建小程序使用云开发

首先、小程序开通云开发,打开小程序项目


一:云开发中
第一次云开发,需要自己创建环境名称和环境ID

以下默认已经开通云开发后的步骤:


1、查看环境ID:运行到微信小程序,打开云开发-》设置-》环境ID
2、添加数据:
   2.1: 点击数据库-》添加集合(1图)

uniapp 创建小程序使用云开发_第1张图片
  2.2:  选中你想添加的集合,点击添加记录,两种选择,我选择默认模式,确定

uniapp 创建小程序使用云开发_第2张图片

uniapp 创建小程序使用云开发_第3张图片
    2.3:添加字段(类型你要跟你的字段匹配哈,别乱弄,不懂就去看看这方面的知识)

uniapp 创建小程序使用云开发_第4张图片

uniapp 创建小程序使用云开发_第5张图片

注意:创建一个新的集合后,一定要在“数据权限”那里修改选择第一条选项!!!

uniapp 创建小程序使用云开发_第6张图片
这是在云开发添加数据,下一步就是在前端获取你添加的数据

 

二:前端


1、在APP.vue中onLaunch方法中初始化:

wx.cloud.init({
    env: "环境ID"
})


2、在页面中写一个方法,调用这个方法

getList: function() {
    var self = this
    const db = wx.cloud.database({})
    db.collection('你想查询的集合名').where({
    //这里是传值的,如果没设置传值就空着,如果有传值就正常传值,如:id:"123"
    }).get({
    success: function(res) {
        console.log("成功", res.data);
    },
    });
},


3、打印数据看拿到没有

 

好了,可以了
 

你可能感兴趣的:(小程序,uniapp,云开发)