开发支付宝小程序

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

教程介绍

本教程以一个入门小程序为例,了解学习如何在支付宝IDE中使用EMAS Serverless服务,开发一个支付宝小程序。您只需要根据本教程的引导开通Serverless服务,配置好小程序后,就可以按照小程序中提供的示例调试这些功能。

说明

本教程中使用的是EMAS Serverless SDK 3.x版本,在安装SDK后,需要调用init方法进行授权。详细信息请参见安装客户端SDK

准备工作

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

  • 注册支付宝开发者账号。

    如果您尚未注册支付宝小程序账号,使用支付宝账号登录蚂蚁金服开放平台,并完成开发者身份注册。详细信息,请参见开发者入驻说明

  • 下载并安装支付宝小程序开发者工具(1.0以上版本)。

    详细信息,请参见下载说明

  • 开通EMAS服务。

    在首次使用EMAS Serverless服务前,您需要开通EMAS服务。详细信息,请参见创建您的第一个服务空间中的“开通EMAS服务”。

步骤一:创建服务空间

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

创建服务空间的具体步骤,请参见创建您的第一个服务空间

步骤二、设置数据库权限

  1. 登录EMAS管理控制台

  2. 查找您的项目,单击项目,进入EMAS概览页。

  3. 在顶部导航栏,选择平台服务

  4. 在左侧导航栏,选择EMAS Serverless > 云数据库,然后在页面右上角选择已创建的服务空间。

  5. 云数据库页面,单击立即添加数据表

  6. 单击您的数据表,然后选择权限> 编辑权限

    说明

    为了保证数据安全,默认数据库访问受限。您需要根据需要设置数据库权限,更多详细信息,请参见数据权限管理

  7. 权限管理页面,单击自定义安全规则,将write权限修改为true

    4
  8. 单击确定

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

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

  1. 使用支付宝账号登录蚂蚁金服开放平台,单击控制台控制台

  2. 选择小程序应用,然后单击创建应用并根据引导创建一个小程序应用。

  3. 在左侧导航栏单击设置

  4. 单击开发设置,在开发信息下的接口加签方式区域配置支付宝公钥。

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

    您还可以使用阿里云KMS生成和保存小程序应用的RSA密钥,具体操作请参见使用阿里云KMS保护应用私钥

    注意
    • 企业开发者若涉及资金类支付接口接入,必须使用公钥证书方式。

    • 个人开发者不涉及到资金类接口,建议使用普通公钥方式进行加签。

  5. 单击服务器域名白名单区域的添加,然后输入步骤一创建的服务空间的空间接入信息,包含API和文件上传Endpoint。步骤一的空间接入信息添加域名白名单

步骤四:添加支付宝小程序

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

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

  1. 登录EMAS管理控制台

  2. 查找您的项目,单击项目,进入EMAS概览页。

  3. 在顶部导航栏,选择平台服务

  4. 在左侧导航栏,选择EMAS Serverless > 设置

  5. 单击支付宝页签,然后单击添加密钥

  6. 添加支付宝密钥面板,输入相关信息。

    3
  7. 输入AppID,即在步骤二中您创建的支付宝小程序的AppID。

  8. 输入小程序私钥,即您在步骤二中生成的小程序密钥对中的私钥。

  9. 输入支付宝公钥。参考以下步骤查看公钥:

    1. 登录蚂蚁金服开放平台

    2. 在支付宝小程序菜单栏单击设置,然后单击开发设置

    3. 接口加签方式区域,单击查看

    4. 复制支付宝公钥信息,然后粘贴到阿里云支付宝小程序的配置中。

步骤五:开发支付宝小程序

本教程以一个EMAS Serverless入门Demo为例。请参考以下步骤,开发支付宝小程序项目:

  1. 打开支付宝开发者工具

  2. 在左侧导航栏选择支付宝 > 小程序,然后单击 模板选取,最后在全部分类中选择空白模板,单击下一步

    空白模板
  3. 设置项目名称项目路径,然后单击完成

    kongbai
  4. 在IDE主窗口打开后会弹出二维码登录对话框,请使用手机支付宝扫描二维码登录IDE。

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

  6. 在项目文件列表中找到app.js文件,配置以下信息,然后保存。

    • appId是小程序的ID。您可以在支付宝小程序开发者工具详情面板的基本信息中查看App ID。

    • spaceId、clientSecret和Endpoint在EMAS Serverless控制台创建服务空间后可以获得。详情参见创建您的第一个服务空间demo

  7. 在小程序开发工具中添加EMAS Serverless SDK的依赖并安装。添加依赖

步骤五:调试小程序

打开小程序模拟器,开发和调试您的小程序。