小程序云开发入门(1)

497 阅读5分钟

这是我参与8月更文挑战的第5天,活动详情查看:8月更文挑战

开发者可以使用云开发快速开发小程序、小游戏、公众号网页等,并且原生打通微信开放能力,这是其他编程学习方向所不具备的;而且小程序和云开发有着详细的中文技术文档、完备的IDE微信开发者工具,可以说云开发是对新手最为友好的技术学习方向了。

一、云开发简介

1. 云开发是什么?

微信云开发是微信团队联合腾讯云推出的专业的小程序开发服务。简单说,云开发可以为开发者提供完整的云端支持,弱化后端和运维概念,无需搭建服务器,将数据库、存储、CDN、后端函数、静态托管、用户登录等多种服务集成到一起,以一种全新的开发方式,让开发一个应用更加快速、方便、便宜且强大,引领未来技术开发的新趋势。

2. 云开发的好处?

1. 零基础爱好者最推荐的学习方向。 云开发不仅容易上手,还能更快且免费的做出一个功能完整且实用的技术作品。

2.微信生态最推荐的开发解决方案。 微信生态的产品拥有相对统一的账号登录体系,而云开发除了在打通微信身份认证体系做足了功课外,还集成了微信生态下的很多开放服务接口。

3.跨端开发最为推荐的开发方式。 支持环境共享,一个后端环境可开发多个小程序、公众号、网页等,便捷复用业务代码与数据。

4、中小企业最推荐的技术开发方案。 从开发成本本身来说,使用云开发时,无需关心后端服务的搭建与运维,只需要专注于业务逻辑代码的编写,开发效率更高

二、项目的创建和配置

要开始小程序云开发,首先就需要先注册一个小程序,开通云开发服务,然后下载开发者工具和翻阅小程序开发与云开发的技术文档。除此之外,还需要在创建云开发项目时,注意一些配置的细节。

首先我们在创建小程序项目前,我们需要在微信官方文档注册一个自己的账号,选择小程序这一栏,这些都是必须要做的。

完成注册后我们需要下载安装开发工具,可以从官网微信小程序开发工具中进行下载。

创建云开发模板小程序

下载安装完小程序开发者工具之后,我们使用微信扫码登录开发者工具,然后使用开发者工具新建一个小程序的项目:

  • 项目名称:这个可以根据自己的需要任意填写;
  • 目录:可以先在自己的目录中新建一个空文件夹,然后选择它;
  • AppID:就是之前我们注册的小程序的AppID(小程序ID) ,这里不能使用测试号!;
  • 开发模式为小程序(默认);
  • 初始模板选择小程序·云开发

QQ截图20210805161555.png

点击新建确认之后就能在开发者工具的模拟器里看到云开发QuickStart小程序,在编辑器里看到这个小程序的源代码。

云开发项目初始化

1、开通云开发

点击微信开发者工具的“云开发”图标(在调试器图标的右边),会出现云开发控制台,点击设置,会出现云开发的相关配置,可以看到小程序会默认创建一个云开发环境。可以在环境设置的标签页找到环境名称环境ID

QQ截图20210805164230.png

如果你的小程序开发者工具看不到“云开发”的图标或开通不了、打不开云开发服务,说明你没有填入相应的appid(比如你填的appid是测试号,或者其他人的小程序的appid),或者你没有扫描登陆微信开发者工具,如果还是有问题,建议你点击清理缓存–全部清除,重启开发者工具,再扫码登陆与填写appid。

2、指定开发者工具的云开发环境

当云开发服务开通后,我们可以在小程序源代码cloudfunctions文件夹名看到你的环境名称。如果在cloudfunctions文件夹名显示的不是环境名称,而是“未指定环境”,可以鼠标右键该文件夹,可以看到弹窗的第一项为“当前环境”,有个小三角,在这里可以选择或切换已经建好的云开发环境。如果环境为空白,重启开发者工具,再来选择。出现下图所示,说明配置成功。

QQ截图20210805165335.png

3、指定小程序的云开发环境

在开发者工具中打开源代码文件夹miniprogram里的app.js文件,在 env: 'my-env-id'处改成你的环境ID,注意需要填入的是你的环境ID而不是环境名称哦,结果如下:

wx.cloud.init({
    // env 参数说明:
    //   env 参数决定接下来小程序发起的云开发调用(wx.cloud.xxx)会默认请求到哪个云环境的资源
    //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
    //   如不填则使用默认环境(第一个创建的环境)
    env: 'cloud1-1gzy3q2w06ad90b4',
    traceUser: true,
  })

云开发能力全局只需要初始化一次即可,这里的traceUser属性设置为true,会将用户访问记录到用户管理中,在云开发控制台的运营分析用户访问里可以看到访问记录。