小程序二维码能力可使得开发者更便捷地推广小程序,开发者可以将生成后的小程序二维码在线上线下进行贴码推广。本教程介绍如何开发一个具有小程序二维码能力的支付宝小程序。

前提条件

在开始前,确保您已经完成以下准备工作:
  • 注册支付宝开发者账号

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

  • 下载并安装支付宝小程序开发者工具。

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

  • 开通小程序云服务

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

步骤一:创建云应用

  1. 创建一个云应用指定小程序应用的后端框架等信息。
    1. 登录阿里云小程序云控制台。
    2. 小程序云应用页面,选择云应用的部署环境,然后单击创建云应用
      创建云应用
    3. 创建云应用页面,后端运行环境选择Spring Boot,输入云应用名称和描述,然后单击确定。
  2. 构建小程序云应用运行所需的云资源环境。
    1. 小程序云应用页面,选择测试环境
      选择环境
    2. 单击目标云应用的构建环境
      构建环境
    3. 选择一种计费方式,然后单击下一步
    4. 查看要购买的云资源信息,然后单击确认购买完成支付。
      云资源查看

步骤二:添加功能

  1. 登录小程序开发中心在,我的小程序中,选择相应的小程序,进入该小程序详情页。
  2. 在小程序详情开发管理页面的功能列表中,单击右上角添加功能按钮,添加小程序二维码功能。
    开放能力_二维码

步骤三:服务端开发

  1. 打开小程序开发者工具,在首页小程序模板的开放能力分类中选择小程序二维码模板。
    sel_qr
  2. 单击下一步,设置项目名称和项目路径,完成项目创建。
    create_project
  3. 打开server/src/main/resources/application.properties文件,补充以下内容。
    #应用的私钥,需要保管好,应用的公钥存储在支付宝服务端
    alipay.appconfig.privatekey=
    #支付宝提供给这个应用的公钥,私钥存储在支付宝服务端中
    alipay.appconfig.publickey=
    #开放平台申请应用的Id
    alipay.appconfig.appid=
    说明 生成 RSA 密钥并配置应用私钥及公钥,参见添加支付宝小程序
  4. 运行命令mvn package对项目进行打包,得到发布包server/target/qrcode-1.0.0.jar
    mavenp
  5. 登录小程序云应用控制台,单击上传发布包
    上传发布包
  6. 上传发布包页面,修改发布版本,单击上传文件,然后选择要上传的发布包。
  7. 上传成功后,在应用详情页面,单击发布部署

步骤四:小程序客户端开发

  1. 在小程序开发者工具中修改client/pages/index/index.jsURL为您的云应用域名,保存文件。配置域名请参见配置域名
  2. 打开模拟器就可以看到如下效果。
    小程序二维码开发