微信小程序开发日记(四)云开发

小程序开发


浏览:411 次

我创建云开发小程序

创建项目并选择不适用的云服务

单击云开发打开云开发

打开后,小程序相当于为我们构建了一个ECS

然后,配置云服务

在根目录project.config.json中添加:

“cloudfunctionRoot”:“云”,

这句话意味着云服务根目录位于云文件夹中

所以我们应该创建一个新的文件夹云

然后执行云初始化:

在APP.js的onload中执行以下操作:

wx.cloud.init({

环境:“您的云环境ID”

})

二、数据库的添加、删除、修改和查询

1.初始化数据库

首先创建新数据表

然后调用此数据表的页面与其联系

//初始化云数据库

常量db=wx.cloud。数据库()//获取数据库

常量列表db=db。集合('list')//获取数据库中的列表集合(数据表)

2.添加数据

列表数据库.add({

数据:{

名字:“莉莉”,

年龄:18岁

},

成功(res){

控制台日志(res);

},

失败(res){

控制台日志(res);

}

})

}

3.查询所有数据

列表数据库.get({

成功(res){

控制台日志(res);

}

})

4.按条件查询:

列表.where({

年龄:db.命令.lt(20)

}).获得({

成功(res){

控制台日志(res.data);

}

})

数据库。这里设计了命令命令,

此处可以使用以下说明:

5.删除数据

要定位一段数据,我们可以使用doc(id)并将其删除

listdb.doc(this.data.delID).remove({

成功(){

安慰日志('删除成功');

},

失败(){

安慰日志('删除失败');

}

})

6.更新数据

要定位一段数据,我们可以使用doc(id)并用updata更新它

listdb.doc(this.data.delID).update({

数据:{

年龄:this.data.age

},

成功(res){

安慰日志(“更新成功”);

},

失败(res){

安慰日志(“更新失败”);

}

})

三、云功能

1.创建云功能

首先,我们创建一个云函数:

成功创建后,结构将自动生成并上传一次

我们只需要根据需要改变示例

一旦修改了云功能,就应该重新上传和部署

2.调用云功能

wx.cloud.call函数({

name:'添加',

数据:{

a: 1,

b: 3个

},

成功(res){

控制台日志(res);

},

失败(){

控制台日志(res);

}

})

3.获取用户的openid

系统的默认示例是,

如何打电话?

wx.cloud.call函数({

名称:“get_opened”,

成功(res){

安慰日志(“获取成功”);

控制台日志(res.result.event.userInfo.openId);

},

失败(res){

安慰日志(“获取失败”);

}

})

4.云功能运行数据库

为什么使用云功能来操作数据库

突破20项限制

不受许可控制

更多功能

通过云功能获取数据库

//云功能入口文件

const cloud=需要('wx-server-sdk')

云初始化()

//云功能输入功能

出口。main=异步(事件、上下文)=>{

return cloud.database().collection('list').get();

}

IV云存储

1.上传图片

学会在上传图片之前选择图片

wx.选择图像({

计数:1,

sizeType:[“原始”,“压缩”],

sourceType:[“album”,“camera”],

成功(res){

//TempFilePath可以用作img标签的src属性来显示图片

const tempFilePaths=res.tempFilePaths

控制台日志(res);

}

})

再次学习上传

wx.cloud.upload文件({

CloudPath:tempFilePaths,//云的路径+文件名

文件路径:“”,//小程序临时文件路径

成功:res=>{

//返回文件ID

控制台.log(res.fileID)

},

失败:控制台错误

})

总体代码:

上传文件(){

wx.选择图像({

计数:1,

sizeType:[“原始”,“压缩”],

sourceType:[“album”,“camera”],

成功(res){

//TempFilePath可以用作img标签的src属性来显示图片

Const tempFilePaths=资源。tempFilePaths//请注意,这是一个数组

控制台日志(res);

wx.cloud.upload文件({

云路径:'wxp/Emotio