微信小程序的注册、微信小程序开发工具的下载等网上有很多资料,我就省略了,直接从云开发初始化开始。
一、初始化
在“project.config.json”文件第2行添加
"cloudfunctionRoot":"cloud",//云函数的目录
在“资源管理器”新建一个同名的目录
在“app.js”文件里将onLaunch: function () {}中的内容删除,改为如下内容:
onLaunch: function () {
wx.cloud.init({
env:"tiaxxxxxxxxxxx1-edyoy" //这里为云环境ID,可以在“云开发控制台”--“设置”里找到
})
}
这里由于微信小程序的调试基础库默认的2.0.x,这里会报如下错误:
VM701:1 thirdScriptError
Cannot read property 'init' of undefined;at App lifeCycleMethod onLaunch function
TypeError: Cannot read property 'init' of undefined
解决方法是将调试基础库换成高版本,注意某些低版本的微信不支持太高版本的基础库具体操作方式如下图所示
二、云数据库
1、云数据库初始化
在“index.js”文件下输入如下内容:
//数据库初始化,"list"是数据库中的表名
const DB = wx.cloud.database().collection("test")
然后需要在云开发控制台新建一个与上面数据库同名的数据库
2、向数据库中新增数据
在“index.wxml”文件中添加如下内容:
//在页面添加一个按钮,点击之后向数据库添加数据
<button bindtap="addData">添加数据</button>
在“index.js”文件的page({})中,输入如下内容:
Page({
//添加数据
addData(){
DB.add({
//要添加的数据
data:{
name : "Jim",
age : "22",
},
//添加成功时的操作
success(res){
//打印“添加成功”
console.log("添加成功",res)
},
//添加失败时的操作
fail(res){
console.log("添加失败",res)
},
})
}
})
点击“编译”,点击调速器中的“添加数据”按钮,可以看到输出了“添加成功”字样,然后在云开发控制台,点击“刷新”,可以看到数据已添加成功。
获取用户输入的信息,添加到云数据库
在"index.wxml"文件中创建2个输入框