阿里云小程序云开发支付宝小程序

本教程介绍如何使用阿里云小程序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添加待办事项。
阿里云小程序云开发支付宝小程序阿里云小程序云开发支付宝小程序

原创文章,作者:网友投稿,如若转载,请注明出处:https://www.cloudads.cn/archives/34126.html

发表评论

登录后才能评论