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

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

云开发核心技术简介

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

云数据库:

提供在小程序端直接对数据库进行增删改查的能力;

数据库是类似于MongoDB的文档存储的数据库操作非常方便;

云存储:

可以在小程序端直接上传、下载、删除文件;  自带CDN提高文件访问速度;

可以获取临时链接支持在小程序外访问;

云函数:

提供了在服务器代码的执行能力;

包含微信天然的私有鉴权;

更大权限的操作数据库等;

进行云调用、HTTP请求等操作;

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

云开发项目目录结构

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

在这里插入图片描述

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

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

云开发控制台的功能

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

开通云开发

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

云开发的环境和配额

什么是环境:

一个环境对应一整套独立的云开发资源包括数据库、存储空间、云函数等资源。

各个环境是相互独立的用户开通云开发后即创建了一个环境默认可拥有最多两个环境。

在实际开发中建议每一个正式环境都搭配一个测试环境所有功能先在测试环境测试完毕后再上到正式环境。

什么是配额:

默认有一定的免费配额(已经改成了1个月免费);

后期可以根据自己的业务量选择对应的更高配额;

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/billing/quota.html

云开发项目的初始化

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

字段数据类型必填默认值说明
envstring/object是(否)默认选中的环境后续API 调用的默认环境配置传入字符串形式的环境ID可以指定所有服务的默认环境
traceUserbooleanfalse是否在将用户访问记录到用户管理中在控制台中可见
App({
  onLaunch: function () {
		// 判断是否有云开发能力
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力');
    } else {
      wx.cloud.init({
				// 要使用哪一个环境(不设置自动使用后台创建的第一个项目)
				env: "cloud1-0g75nm8011e44998",
				// 是否跟踪用户
        traceUser: true,
      });
    }
  }
});

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

在这里插入图片描述

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6