目录
一、如何开通云开发
二、云能力初始化
三、应用云开发,上传用户名和密码小案例
一、如何开通云开发
(1)新建小程序模板,选择自己实际的AppId,选择云开发
(2)进入编译器,点击云开发,即可进入购买,注意!!,云开发会免费赠送两套环境供用户使用。
(3)查看环境ID,在云开发设置中查看
二、云能力初始化创建完项目后,会有两个文件夹,cloudfunctions和miniprogram,cloudfunctions存放云函数的文件夹,而miniprogram为我们本地项目,我们在miniprogram中的app.js 初始云函数
App({ onLaunch: function () { if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ // env 参数说明: // env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源 // 此处请填入环境 ID, 环境 ID 可打开云控制台查看 // 如不填则使用默认环境(第一个创建的环境) env: '自己的环境ID',//注意!!!在云开发设置中查看 traceUser: true, }) } } 三、应用云开发,上传用户名和密码小案例(1)index.wxml文件
<input type="text" model:value="{{userVal}}" placeholder="用户名" /><input type="text" model:value="{{passVal}}" placeholder="密码" /><button bindtap="addUser">添加</button>(2)index.js文件
let db = wx.cloud.database()//使用云数据库需要使用这个api调用Page({ data: { userVal: "", passVal: "" }, addUser() { //拿到表单里面的值 let { userVal, passVal } = this.data //引用数据库 // 数据库添加操作 -- 异步操作 //users是云开发里面数据库的表名(数据库在云开发点加号自行创建),data里面为需要添加的参数,success回调函数可以查看是否成功 db.collection("users").add({ data: { userVal, passVal }, success(res) { console.log(res); } }) },})