开发前准备

简介: 在开始使用阿里云小程序Serverless服务开发支付宝小程序前,您需要确保完成以下准备工作。

本章内容出自《15分钟打造你自己的小程序》电子书,点击下载完整版

开发前准备

在开始使用阿里云小程序Serverless服务开发支付宝小程序前,您需要确保完成以下准备工作。

步骤一:注册阿里云账号

  1. 打开阿里云官网
  2. 单击页面右上角的免费注册
  3. 选择一种登录方式,完成阿里云账号注册。

步骤二:注册支付宝开发者账号

  1. 打开支付宝开放平台
  2. 单击页面右上角的立即入驻
  3. 打开支付宝App,扫描页面上的二维码。
  4. 补充用户信息,然后单击确认加入,完成开发者入驻。

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

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

  1. 使用支付宝账号登录蚂蚁金服开放平台,然后单击开发者中心
    image.png
  2. 选择小程序应用,然后单击创建应用并根据引导创建一个小程序应用。
    image.png
  3. 在左侧导航栏单击设置
  4. 单击开发设置,在开发信息下的接口加签方式区域配置支付宝公钥。

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

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

下面是RSA密钥生成工具下载地址:

说明: Windows版本工具请不要安装在含有空格的目录路径下。

参考以下步骤设置支付宝小程序的两种接口加签方式:

  • 普通公钥方式。

      1. 在生成密钥页面,密钥长度选择RSA2,密钥格式选择PKCS8,单击生成密钥。
        image.png
      1. 单击打开密钥文件路径查看生成的公钥和密钥。
        image.png

说明:生成的私钥需妥善保管,避免遗失,不要泄露。应用私钥需填写到代码中供签名时使用。应用公钥需提供给支付宝账号管理者上传到支付宝开放平台。

    1. 进入开发平台密钥配置页面,单击对应小程序应用下的接口加签方式设置。
      image.png
    1. 在加签管理页面,加签模式选择公钥,填入使用工具生成的公钥。
      image.png
    1. 单击保存设置,保存公钥方式接口加签配置。
  • 公钥证书方式。

      1. 在生成密钥页面,单击点击获取。
        image.png
      1. 在获取CSR页面,填写CSR证书信息,如下图所示:
        image.png
      1. 证书信息填写完整后,单击下方生成CSR文件。
      1. 在生成密钥页面,单击打开文件位置,在对应的文件夹里可以看到三个文件:应用公钥key串、应用私钥key串,以及csr格式的应用公钥证书文件。如下图所示:
        image.png
      1. 进入开发平台密钥配置页面,单击对应小程序应用下的接口加签方式设置。
        image.png
      1. 在加签管理页面,单击公钥证书 > 上传 CSR 文件在线生成证书 > 上传 CSR 文件在线生成证书,选择上一步骤生成的.csr文件上传,即可完成公钥证书的设置,如下图所示。
        image.png

说明:生成的私钥需妥善保管,避免遗失,不要泄露。应用私钥需填写到代码中供签名时使用,并且必须保证应用私钥和上传到开放平台申请应用公钥证书的 CSR 文件是匹配的。

步骤四:安装小程序开发者工具

下载并安装最新版本的小程序开发者工具(1.12以上版本)。详细信息,请参见下载说明

步骤五:新建小程序项目

  1. 打开小程序开发者工具(IDE),单击新建项目,如下图所示。
    image.png
  2. 填写项目信息。

      1. 填写项目名称,例如blank。
      1. 填写项目路径,例如d:workspaceminiappblank。
      1. 后端服务选择小程序Serverless
      1. 单击完成
        image.png
  3. 登录IDE。
    打开支付宝App,扫描页面上的二维码。

image.png

  1. 选择关联小程序。
    image.png

步骤六:绑定阿里云账号

  1. 在IDE的工具栏中单击云开发按钮,打开云控制台。
    image.png
  2. 绑定阿里云账号。

      1. 单击绑定阿里云账号
        image.png
    1. 服务授权。在弹出的服务授权页面中,单击《用户授权协议》,阅读后勾选已阅读和同意,并单击授权
      image.png
    1. 确认绑定。完成服务授权后,在IDE的小程序云控制台窗口中单击确认
      image.png
  1. 主账号授权。

      1. 单击前往授权
        image.png
      1. 在弹出的云资源访问授权页面,单击同意授权
        image.png
      1. 确认授权。在IDE的小程序云控制台中单击确认
        image.png
  2. 开通小程序云服务。

      1. 单击立即开通
        image.png
      1. 云产品开通页面,单击《小程序云服务协议》链接。
        image.png
      1. 在阅读后,勾选我已阅读并同意《小程序云服务协议》复选框,然后单击立即开通
      1. 单击前往RAM进行授权
        image.png
      1. 单击同意授权完成访问授权。
        image.png
      1. 在IDE的小程序云控制台中单击确认
        image.png
  3. 单击进入控制台
    image.png

步骤七:创建小程序云服务空间

  1. 在IDE的小程序云控制台,单击创建服务空间,输入服务空间名称,然后单击确定
    image.png
  2. 创建成功后,单击详情查看space ID、secret和endpoint信息。
    image.png

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

  1. 在IDE的小程序云控制台单击顶部的设置
  2. 单击添加密钥
  3. 添加支付宝密钥页面填写以下信息,然后单击确定

    • 输入您的小程序应用ID,请登录到支付宝小程序开发中心查看。
    • 输入您的私钥,即步骤三中创建的密钥对中的私钥。
    • 输入支付宝小程序配置的公钥。参考以下步骤查看公钥:

        1. 登录蚂蚁金服开放平台
        1. 在支付宝小程序菜单栏单击设置,然后单击开发设置
        1. 接口加签方式区域,单击查看
          image.png
 - iv.    复制支付宝公钥信息,然后粘贴到阿里云支付宝小程序的配置中。

image.png

步骤九:开通扩展能力

  1. 在IDE的小程序云控制台单击顶部的扩展能力
  2. 扩展能力页面,单击立即开通
  3. 在弹出的对话框,单击前往RAM进行授权,然后单击同意授权允许小程序访问函数计算服务。
    image.png
  4. 返回扩展能力页面,查看开通状态。
    image.png
相关文章
|
6月前
|
缓存 负载均衡 安全
开发领域
开发领域
50 4
|
5月前
|
IDE 前端开发 JavaScript
蓝河BlueO - 快速开始开发
蓝河BlueO - 快速开始开发
54 0
|
6月前
开发遇到的问题
开发遇到的问题
32 1
|
运维 监控 Kubernetes
如何开发ChatOps
如何开发ChatOps
如何开发ChatOps
|
存储 Dubbo 前端开发
开发之所以然
想点啥说点啥
|
移动开发 开发框架 小程序
小程序开发之框架篇
本篇文章会从跨端框架的角度入手,带你了解如何选择小程序开发框架,并介绍我们的最佳实践
|
存储 人工智能 城市大脑
开发前准备
阿里云视觉智能开放平台会为您提供普惠易用的AI能力。适用于城市大脑、安防、数字营销、泛金融身份认证、互联网娱乐、手机应用等行业,企业和开发商(含开发者)可以选择相应能力自行封装解决方案或者是产品、服务。
开发前准备
|
测试技术
开发流程模型
开发流程模型
999 0
|
Java 测试技术 开发工具
如何自己开发软件测试工具
一说到自动化测试工具,大家很多人都会想到的是QTP、LR或者selenium之类的工具,要大家一开始设计一个这样的工具,其实确实很有难度,因为其包含的功能细节太过庞大。当年的我,开始设计开发工具的过程中,走了很多弯路,例如:做工具的界面技术的历程,刚开始用tcl/tk脚本语言,用tcl写底层框架,用tk写图形界面,后来发现tk虽然构造图形方便,但可拓展性实在太差。
2042 0