本教程介绍如何使用阿里云小程序Serverless服务开发一个简单的支付宝小程序。

教程介绍

本教程以一个可添加、删除待办事项的小程序为例,了解学习如何在支付宝IDE中使用小程序Serverless SDK调用云数据库API,开发一个支付宝小程序。本教程使用的小程序示例代码的业务逻辑已经编写好,您只需要根据本教程的引导开通Serverless服务,配置好小程序后,就可以运行该小程序了。

说明 本教程中使用的是小程序Serverless SDK 2.0版本,在安装SDK后,需要调用user.authorize进行授权。详细信息请参见安装客户端SDK2.0版本


准备工作

在开始前,确保您已经完成以下准备工作:

步骤一 创建支付宝小程序应用

参考以下步骤,在蚂蚁金服开放平台创建支付宝小程序:

  1. 使用支付宝账号登录蚂蚁金服开放平台
  2. 在蚂蚁金服开放平台,选择开发中心 > 小程序
  3. 小程序页面,单击创建,然后输入小程序的名称,再单击创建

  4. 单击已创建的小程序链接,然后在左侧导航栏单击设置
  5. 单击开发者设置,在接口加签方式区域配置支付宝公钥。

    您可以通过RSA密钥生成工具一键生成小程序密钥。接口加签方式主要用于签名和验证。其中私钥由开发者保存,公钥可对外公开,私钥用于签名,公钥用于验证签名。开发者需要保存自己的私钥,通过支付宝提供的公钥进行通信来保证信息传输的完整性以及发送者身份的真实性。详细信息,请参见生成支付宝RSA密钥

    注意 密钥格式必须为PKCS8(Java适用)。


步骤二 创建小程云服务空间

小程序开发中创建的云资源会和服务空间进行关联。每个服务空间都有一个全局唯一的space ID。在使用云资源时,都通过这个space ID进行关联。

参考以下步骤,创建服务空间并设置数据库权限:

  1. 使用阿里云账号登录小程序云控制台
  2. 在左侧导航栏,单击小程序Serverless > 服务空间管理
  3. 单击创建服务空间,输入服务空间名称,然后单击确定
  4. 创建成功后,单击详情查看space ID、secret和endpoint信息。


  5. 单击小程序Serverless > 云数据库,然后在页面右上角选择已创建的服务空间。
  6. 单击修改数据库权限,将权限修改为true
    说明 为了保证数据安全,默认数据库访问受限。您需要根据需要设置数据库权限,更多详细信息,请参见数据权限管理


步骤三 添加支付宝小程序

在开发前,您需要将支付宝小程序信息添加到阿里云小程序Serverless控制台。

完成以下操作,添加支付宝小程序信息:

  1. 登录小程序云控制台
  2. 在左侧导航栏,单击小程序Serverless > 设置
  3. 单击支付宝页签,然后单击添加
  4. 添加支付宝密钥页面,输入支付宝小程序的ID。
    登录蚂蚁金服开放平台,然后选择开发中心 > 小程序,查看小程序的App ID。

  5. 输入您的私钥。
    您可以通过RSA密钥生成工具生成密钥,详情请参见生成支付宝RSA密钥
    注意 密钥格式必须为PKCS8(Java适用)。
  6. 输入支付宝小程序配置的公钥。参考以下步骤查看公钥:
    1. 登录蚂蚁金服开放平台
    2. 选择开发中心 > 小程序,然后单击支付宝小程序名称。
    3. 在支付宝小程序菜单栏单击设置,然后单击开发设置
    4. 接口加签方式区域,单击查看支付宝公钥复制公钥信息,然后粘贴到阿里云支付宝小程序的配置中。


步骤四 开发支付宝小程序

本教程以一个开发好的待办事项To Do小程序为例。在开始前,确保您已经了解了小程序的文件结构。详细信息,请参见详细了解小程序文件结构

参考以下步骤,开发支付宝小程序项目:

  1. 单击这里下载To Do小程序示例项目文件,然后解压下载的文件。
  2. 打开支付宝开发者工具
  3. 然后单击打开项目,选择解压的示例文件。

  4. 在弹出的关联应用对话框中,选择已创建的支付宝小程序,然后单击确定

  5. 在左侧菜单栏,单击NPM模块,然后选择安装小程序云SDK。

  6. 在项目文件列表中找到app.js文件,配置以下信息,然后保存。
    • appId是小程序的ID。您可以在蚂蚁金服开放平台的支付宝小程序页面查看App ID。
    • spaceIdclientSecretendpoint在小程序Serverless控制台创建服务空间后可以获得。详情参见创建服务空间

步骤五 调试小程序

打开小程序模拟器,单击+AddTodo添加待办事项。