教你从0开始快速开发一个支付宝小程序

前言

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

本教程中使用的是小程序Serverless SDK 2.x版本，在安装SDK后，需要调用user.authorize进行授权，详细信息请参见 在支付宝小程序中使用SDK。

准备工作

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

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

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

• 下载并安装支付宝小程序开发者工具（1.0以上版本），请参见下载说明。

• 开通小程序云服务，在首次使用小程序云服务前，您需要开通小程序云服务。详细信息，请参见开通小程序云服务。

步骤一：创建小程序云服务空间

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

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

1. 使用阿里云账号登录小程序云控制台。

2. 在左侧导航栏，单击小程序Serverless > 服务空间管理。

3. 单击创建服务空间，输入服务空间名称，然后单击确定。

4. 创建成功后，单击详情查看space ID、secret和endpoint信息。

   

5. 单击小程序Serverless > 云数据库，然后在页面右上角选择已创建的服务空间。

6. 单击修改数据库权限，将write权限修改为true。

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

   

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

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

1. 使用支付宝账号登录蚂蚁金服开放平台进入开发者中心。

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

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

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

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

注意🔔

• 企业开发者若涉及资金类支付接口接入，必须使用公钥证书方式。
• 个人开发者不涉及到资金类接口，建议使用普通公钥方式进行加签。

1. 单击服务器域名白名单区域的添加，然后输入步骤一创建的服务空间的文件上传endpoint。

步骤三：添加支付宝小程序

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

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

1. 登录小程序云控制台。

2. 在左侧导航栏，单击小程序Serverless > 设置。

3. 单击支付宝页签，然后单击添加密钥。

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

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

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

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

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

   3. 在接口加签方式区域，单击查看。

      

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

      

步骤四：开发支付宝小程序

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

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

2. 在左侧导航栏选择支付宝>小程序，然后单击模板选取，最后在入门分类中选择Serverless入门Demo模板，单击下一步。

3. 设置项目名称和项目路径，然后单击完成。

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

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

6. 当提示绑定阿里云账号时，单击前往绑定阿里云账号，然后在打开的验证页面选择一种账号验证方式并完成验证。或右键单击左侧的server|未关联目录，然后选择关联Serverless。

   **

   说明 确保您要绑定的阿里云账号已关联支付宝账号。

   

7. 单击左侧云图标，然后单击前往授权授权IDE访问您的阿里云云资源。

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

   • appId是小程序的ID。您可以在蚂蚁金服开放平台的支付宝小程序页面查看App ID。
   • spaceId、clientSecret和endpoint在小程序Serverless控制台创建服务空间后可以获得。详情参见创建服务空间。

步骤五：调试小程序

打开小程序模拟器，在弹出的服务授权框中仔细阅读《用户授权协议》后选择 同意。