小程序【云开发】模式基本介绍 | 云开发项目初始化

心已赠人 2024-04-27 15:55 73阅读 0赞

#### 文章目录 ####

*   *  云开发核心技术简介
     *  云开发项目目录结构
     *  云开发控制台的功能
     *  云开发的环境和配额
     *  云开发项目的初始化

### 云开发核心技术简介 ###

**云开发主要包含三大核心技术:**

**云数据库**:

> 提供在小程序端直接对数据库进行增删改查的能力;
> 
> 数据库是类似于MongoDB的文档存储的数据库，操作非常方便;

**云存储**:

> 可以在小程序端直接上传、下载、删除文件;  自带CDN，提高文件访问速度;
> 
> 可以获取临时链接，支持在小程序外访问;

**云函数**:

> 提供了在服务器代码的执行能力;
> 
> 包含微信天然的私有鉴权;
> 
> 更大权限的操作数据库等;
> 
> 进行云调用、HTTP请求等操作;

**后面文章, 我会一一讲解云开的三大核心技术**

### 云开发项目目录结构 ###

**创建项目时, 勾选微信云开发, 模板根据自己的需求选择, 这里我选择基础模板**

![在这里插入图片描述][7e045459ac764b94b5b56105d0670678.png_pic_center]

**项目创建完成后, 我们来看看云开发的目录结构**

> cloudfunctions 文件夹存放的是一些云函数, 文件夹中有一些创建项目默认生成的云函数, 可以直接删除

![在这里插入图片描述][bfd442cd04eb413aa7afd646f60d5752.png_pic_center]

> uploadCloudFunction 文件是用于上传云函数的(一般不用管他)

![在这里插入图片描述][f9d9c9f261de4071b0a1b07f325aad8d.png_pic_center]

> 剩下几个文件大家应该比较熟悉了

![在这里插入图片描述][b151bea2f6aa4214b01932b30462be64.png_pic_center]

> 还有一个 miniprogram 文件夹, 这个文件夹存放我们之前编写的小程序目录, 但是里面默认生成了许多文件, 可以直接删除

![在这里插入图片描述][0287d110d52b46c79f2fc78ab31d802e.png_pic_center]

> 这里我将默认生成的文件全部删除, 就可以自己在page文件夹中创建页面, 这里我创建三个页面, 用于讲解?数据库, ?存储, 云函数(删除默认文件时记得将app.json文件默认注册的信息也删除掉), 如下:

![在这里插入图片描述][0c42b1191236427a8dc6fef844fdc9bc.png_pic_center]

### 云开发控制台的功能 ###

**点击此处, 进入云开发控制台**

![在这里插入图片描述][02d63fc2d21348de8d5e1ea22c01a9e9.png_pic_center]

> 概览: 展示当前云开发环境的一些基本信息

![在这里插入图片描述][cdebd897ac6c4d68b4584c571e4453af.png_pic_center]

> 运营分析: 主要会展示当前服务器被访问次数, 当前所占用容量, 数据库每个数据被访问的次数等等

![在这里插入图片描述][28bf7238ed5341a4aa70d3fbf7b60770.png_pic_center]

> 数据库、存储、云函数是最核心，我后面文章会详细说明的; 云托管类似是一个服务器

**开通云开发**

> 设置 – 环境名称 – 创建环境

### 云开发的环境和配额 ###

**什么是环境**:

> 一个环境对应一整套独立的云开发资源，包括数据库、存储空间、云函数等资源。
> 
> 各个环境是`相互独立`的，用户开通云开发后即创建了一个环境，默认可拥有最多两个环境。
> 
> 在实际开发中，建议每一个正式环境都搭配一个测试环境，所有功能先在测试环境测试完毕后再上到正式环境。

**什么是配额**:

> 默认有一定的免费配额(已经改成了1个月免费);
> 
> 后期可以根据自己的业务量选择对应的更高配额;
> 
> https://developers.weixin.qq.com/miniprogram/dev/wxcloud/billing/quota.html

### 云开发项目的初始化 ###

**在小程序端开始使用云能力前，必须先调用`wx.cloud.init`方法完成云能力初始化(*一般在app.js文件中的onLaunch生命周期中调用*)**

<table> 
 <thead> 
  <tr> 
   <th>字段</th> 
   <th>数据类型</th> 
   <th>必填</th> 
   <th>默认值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>env</td> 
   <td>string/object</td> 
   <td>是(否)</td> 
   <td>默认选中的环境</td> 
   <td>后续API 调用的默认环境配置，传入字符串形式的环境ID可以指定所有服务的默认环境</td> 
  </tr> 
  <tr> 
   <td>traceUser</td> 
   <td>boolean</td> 
   <td>否</td> 
   <td>false</td> 
   <td>是否在将用户访问记录到用户管理中，在控制台中可见</td> 
  </tr> 
 </tbody> 
</table>

App({
        
      onLaunch: function () {
        
    		// 判断是否有云开发能力
        if (!wx.cloud) {
        
          console.error('请使用 2.2.3 或以上的基础库以使用云能力');
        } else {
        
          wx.cloud.init({
        
    				// 要使用哪一个环境(不设置自动使用后台创建的第一个项目)
    				env: "cloud1-0g75nm8011e44998",
    				// 是否跟踪用户
            traceUser: true,
          });
        }
      }
    });

**如果项目的云函数, 或者小程序相关文件, 想要更换到其他文件夹, 不使用默认的文件夹(或文件夹名)我们更改时需要再`project.config.json`文件中进行配置**

![在这里插入图片描述][59f25b5115054b4eb95009f5ebbce2fb.png_pic_center]

[7e045459ac764b94b5b56105d0670678.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/826111ee11f945d1b3bc5fb23dbc3987.png
[bfd442cd04eb413aa7afd646f60d5752.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/9257b0f2d3e546a2817327180d262670.png
[f9d9c9f261de4071b0a1b07f325aad8d.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/ed229127d3884c75a65de60f9e8ecba6.png
[b151bea2f6aa4214b01932b30462be64.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/79413b69dce54d02913ca7a3612ff37d.png
[0287d110d52b46c79f2fc78ab31d802e.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/a12a45e7932948cd8f8acddf0abfe960.png
[0c42b1191236427a8dc6fef844fdc9bc.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/8930fce6bcfa4ef0b6b0f28114a95618.png
[02d63fc2d21348de8d5e1ea22c01a9e9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/f63e134b416348f69242e376d803621f.png
[cdebd897ac6c4d68b4584c571e4453af.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/9f42f48276c74489876d362bb32850af.png
[28bf7238ed5341a4aa70d3fbf7b60770.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/6b74c244c7264f0192fb9c4b6917707b.png
[59f25b5115054b4eb95009f5ebbce2fb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/27/f33984a994334f8c88fc362ebd0c5248.png