本教程介绍如何使用阿里云EMAS Serverless服务开发一个简单的待办事项(To Do)微信小程序。
教程介绍
本教程以一个可添加、删除待办事项的小程序为例,了解学习如何在微信IDE中使用EMAS Serverless SDK调用云数据库API,开发一个微信小程序。本教程使用的小程序示例代码的业务逻辑已经编写好,您只需要根据本教程的引导开通EMAS Serverless服务,配置好小程序后,就可以运行该小程序了。
EMAS Serverless SDK 3.1版本支持微信端,在引入SDK依赖后,需要调用user.authorize进行授权。详细信息请参见安装客户端SDK。
准备工作
在开始前,确保您已经完成以下准备工作:
下载并安装微信开发者工具。
详细信息请参见下载说明。
重要确保您下载的是最新版微信IDE。
开通EMAS服务。
在首次使用EMAS Serverless服务前,您需要开通EMAS服务。详细信息,请参见创建您的第一个服务空间中的“开通EMAS服务”。
下载小程序示例项目。
重要小程序示例项目SDK请使用小程序Serverless SDK 3.1版本,详细信息请参见安装客户端SDK。
步骤一:创建服务空间
小程序开发中创建的云资源会和服务空间进行关联。每个服务空间都有一个全局唯一的space ID。在使用云资源时,都通过这个space ID进行关联。
创建服务空间的具体步骤,请参见创建您的第一个服务空间。
步骤二:设置数据库权限
添加微信小程序
在开发前,您需要将微信小程序信息添加到阿里云EMAS Serverless控制台。
完成以下操作,添加微信小程序信息:
步骤三:开发微信小程序
完成以下操作,开发微信小程序:
在微信小程序中通过小程序Serverless进行开发前,您需要引入小程序Serverless SDK依赖,然后便可以调用云函数、数据库和存储服务了。本示例中小程序Serverless SDK的JS已经添加到了示例文件中。在微信IDE中使用小程序Serverless SDK时,需要先引入SDK依赖,然后进行授权。更多详细信息,请参见在微信小程序中使用SDK。
配置小程序服务器域名
登录微信小程序公众号平台。
在左侧导航栏,单击开发,然后单击开发设置。
在服务器域名区域,单击修改。
在配置服务器信息面板,输入相关信息。
导入小程序示例文件
单击这里下载To Do小程序示例项目文件,然后解压下载的文件。
在微信小程序IDE菜单栏中选择,导入上一步中解压的小程序示例文件。
重要您需要将下图中的AppID替换成自己的微信小程序App ID。
单击确定。
配置app.js文件
单击app.js文件,配置以下信息,然后保存。
appId是微信小程序的ID。您可以在微信公众平台的开发设置页面查看App ID。
spaceId、clientSecret和endpoint在EMAS Serverless控制台创建服务空间后可以获得。详情参见创建您的第一个服务空间。
本地设置
在微信IDE右上角,单击详情,勾选将 JS 编译成 ES5 和使用 npm 模块两个选项。
安装SDK
在小程序中安装EMAS Serverless SDK依赖后,进行构建。
在小程序终端运行命令npm install 安装SDK。
单击微信开发工具的构建npm完成构建。
步骤四:调试小程序
打开小程序模拟器,单击Add添加待办事项。