快速配置小程序云开发
1. 下载微信开发者工具。
2. 创建项目,配置基本项。
- 填写项目名称,路径,然后注册 AppID。由于云开发是要有指定账户才能为您分配云服务资源,所以必须要有用户的唯一标识。
![8022a27f5a280f6ebe8155d32bb44cec.png](https://i-blog.csdnimg.cn/blog_migrate/37f18c55ab760b7916faafa83e283bed.jpeg)
在这里插入图片描述
- 注册 appid 需要先有小程序号,可以通过邮箱去注册。
- 接着跳转到小程序发布流程。在这里填写项目的相关信息。可以先随便填写,等项目要发布时再去修改信息。(小程序名字只能改两次)
![c497bcdd6e3a1ded567f89c86633ba2e.png](https://i-blog.csdnimg.cn/blog_migrate/784a48bdc07e5bef2a41e1a7987d799a.jpeg)
在这里插入图片描述
![0d7305625c4234b2832ebbbd36ad3e44.png](https://i-blog.csdnimg.cn/blog_migrate/662d34e5b8bddd6599e25df4a4fc4021.jpeg)
在这里插入图片描述
- 填写完后获取提交,在项目信息下的账号信息下复制 appid。
在这里插入图片描述
- 在原先的配置项目上填入 appid,并选上不使用云服务。 不使用云服务!!! 因为,使用云服务会自动为您配套整套服务环境,不利于查看。
![2b045d4047381e68051c5a4deeac263c.png](https://i-blog.csdnimg.cn/blog_migrate/d4c28123dce8fed5d9e8c6c56b3e755a.jpeg)
在这里插入图片描述
- 创建好项目后开始配置云服务。首先在 project.config.json 中添加一行代码:
"cloudfunctionRoot" : "cloud",
一定要在后面添加逗号。 添加完代码后创建 cloud 文件,并点击编译,让程序刷新运行。这时就生成了云开发的系统文件。
- 接着点击云开发,此处是管理你的云环境。
![3769110b730b49f90eb703a6b5827a8e.png](https://i-blog.csdnimg.cn/blog_migrate/374117e793709cb9f37e955cc356ddb7.jpeg)
在这里插入图片描述
![f85db9de25e8aea365cacac5662c839a.png](https://i-blog.csdnimg.cn/blog_migrate/121b89cc712f3c679aa56a32abf4bccb.jpeg)
在这里插入图片描述
- 在云环境的设置中获取环境 ID,复制下来。
- 在 app.js 文件中添加代码:
wx.cloud.init({
env:"环境id"
})
至此,云开发环境配置完毕。
![324b495aaeef5eec0cdc952a5949f302.png](https://i-blog.csdnimg.cn/blog_migrate/7cc57ebd18f26a6e745c64f4e9234455.jpeg)
在这里插入图片描述
![8ee7378a4ae4da1af59f91dc71a8816f.png](https://i-blog.csdnimg.cn/blog_migrate/2c424a5c694031f73dc8a81839e2f106.jpeg)
可能有些小白现在还模模糊糊,这怎么就能云开发了呢?现在就教大家使用些简单的操作。
1. 使用云数据库
- 先点击云开发,再点击数据库,创建一个表,这里假设添加的表的表名为 list。
![957fd4808a4d1b7d1f0a1ca8930680d0.png](https://i-blog.csdnimg.cn/blog_migrate/22e64f95fb72558caa840fbb80233066.jpeg)
在这里插入图片描述
- 在要用到的js文件中写入如下代码:
1// 获取数据库的连接 2const db = wx.cloud.database() 3 4page({ 5 /** 6 * 添加数据 7 **/ 8 addData(){ 9 db.collection('list').add({10 // data 字段表示需新增的 JSON 数据11 data: {12 name : "manman",13 age : 1814 },15 // 成功的回调函数16 success: function(res) {17 console.log(res)18 }19 })20 },2122 /** 23 * 查找数据24 **/25 getData(){26 db.collection('list').where({27 // 查询值28 name : "manman"29 }).get({30 // 获取成功的回调函数31 success: function(res) {32 console.log(res)33 }34 })35 }36})
2. 使用云函数开发(个人认为此技术还不太成熟,有很多的 bug)
- 在 cloud 下右键新建 node.js 云函数,就能生成云函数了。接着就能在这个文件里写 js 代码。
![a1c084f962a66725edb7540a77f48966.png](https://i-blog.csdnimg.cn/blog_migrate/4faf2dbfe1fba1eabed67f440a5459b3.jpeg)
在这里插入图片描述
- 云函数的入口函数
1// 此处为 云函数的入口函数,在这里面写代码,并通过返回值从云上传输下来2exports.main = async (event, context) => {3 let a = event.a;4 let b = event.b;5 return a+b;6}
- 云函数的调用
1 qiuhe(){ 2 // 调用云函数 3 wx.cloud.callFunction({ 4 // 函数名 5 name:"add", 6 // 传进的参数 7 data:{ 8 a:1, 9 b:110 },11 success(res){12 console.log("请求成功", res)13 },fail(res){14 console.log("请求失败",res)15 }16 })17 }
感兴趣的朋友可以关注下公众号《慢慢编程》,慢慢在这里磕头了!