首页 > 编程知识 正文

微信小程序 云,微信小程序云端开发

时间:2023-05-04 05:10:24 阅读:282652 作者:2143

目录

一、如何开通云开发

二、云能力初始化

三、应用云开发,上传用户名和密码小案例


 

一、如何开通云开发

(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); } }) },})

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。