微信小程序：云开发·初探

转载请注明转自： https://blog.csdn.net/wtdask/article/details/82664639

---

云开发 quickstart

这是云开发的快速启动指引，其中演示了如何上手使用云开发的三大基础能力：

• 数据库：一个既可在小程序前端操作，也能在云函数中读写的 JSON 文档型数据库
• 文件存储：在小程序前端直接上传/下载云端文件，在云开发控制台可视化管理
• 云函数：在云端运行的代码，微信私有协议天然鉴权，开发者只需编写业务逻辑代码

参考文档

• 云开发文档

• 先把微信开发工具更新至最新（1.02.1809111）

注意1：创建一个新项目，注意要在一个空文件夹目录下创建，有隐藏文件的文件夹也不可以。
注意2：云开发方式，需要appid，请准备好

• 选择“建立云开发快速启动模版”进行新项目创建

目录结构如下：

cloudfunctions
    | - login

miniprogram
    | - images
           | - code-db-inc-dec.png
           | - code-db-onAdd.png
           | - code-db-onQuery.png
           | - code-db-onRemove.png
           | - code-func-sum.png
           | - console-entrance.png
           | - create-collection.png
    | - pages
           | - addFunction
                    | - addFunction.js
                    | - addFunction.json
                    | - addFunction.wxml
                    | - addFunction.wxss
           | - chooseLib
                    | - chooseLib.js
                    | - chooseLib.json
                    | - chooseLib.wxml
                    | - chooseLib.wsxx
           | - databaseGuide
                    | - databaseGuide.js
                    | - databaseGuide.json
                    | - databaseGuide.wxml
                    | - databaseGuide.wxss
           | - deployFunctions
                    | - deployFunctions.js
                    | - deployFunctions.json
                    | - deployFunctions.wxml
                    | - deployFunctions.wxss
           | - index
                    | - index.js
                    | - index.wxml
                    | - index.wxss
                    | - user-unlogin.png
           | - storageConsole
                    | - storageConsole.js
                    | - storageConsole.json
                    | - storageConsole.wxml
                    | - storageConsole.wxss
           | - userConsole
                    | - userConsole.js
                    | - userConsole.json
                    | - userConsole.wxml
                    | - userConsole.wxss
    | - style
           | - guide.wxss
    | - app.js
    | - app.json
    | - app.wxss

README.md
project.config.json
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

• 创建服务环境名称，点击云开发

• 一个账户可以创建两个环境，一个作为开发环境，一个作为生产环境

如下图所示这是新建项目中一个简单的获取用户openId的云函数示例

• 在cloudfunctions路径下的login文件夹上点击右键，选择创建并部署

部署成功后，弹出如下界面

• 在云开发界面的左上角找到“环境ID”并复制

在miniprogram目录下的app.js配置环境ID

//app.js
App({
  onLaunch: function () {

    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        env:'你的环境ID',
        traceUser: true,
      })
    }
    this.globalData = {}
  }
})

 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

保存编译，即可Log你的openId

打开云开发控制台，点击云函数->login函数->右上角的测试按钮

把我们在上面获取到的openId修改复制上去，点击运行测试显示测试成功。

更新目录