全部产品

支付宝小程序

本文介绍移动应用成功发布后,将移动应用集成到支付宝小程序的方法。

前提条件

使用限制

  • 不支持开启账号鉴权功能。更多信息,请参见应用鉴权

  • 一个支付宝小程序只能绑定一个移动应用, 若该小程序需要绑定其他移动应用, 请先删除原移动应用的校验文件, 重新上传校验文件至新的移动应用。  

步骤一:创建小程序

  1. 登录支付宝开发者平台

    说明

    如果您尚未注册,请根据页面提示注册支付宝企业账号

  2. 进入控制台页面,在我的应用模块选择创建应用 > 小程序

    创建应用
  3. 创建小程序页面,输入小程序名称,例如Test,单击创建。创建成功后,进入小程序版本管理页面。

步骤二:配置H5域名

  1. 在左侧导航栏单击开发设置,然后单击开发设置页签,在H5域名配置模块单击添加

    H5域名配置
  2. H5域名配置对话框中,添加移动应用的域名。

    1. 单击下载校验文件,将下载后的文件保存在本地,以备后续步骤使用。

    2. 将校验文件放置于您配置域名的根目录下。

      在移动应用编辑器页面,单击最左侧导航栏的应用设置图标设置,在小程序设置页签上传校验文件。

      说明

      支付宝校验文件支持的扩展名为.html。

      上传校验文件
    3. 单击点击这里确认验证文件可以正常访问,验证成功后,在域名地址输入框中输入域名,然后单击确定

      说明

      域名地址为步骤二:发布中配置的域名。

  3. 添加IoT Studio官方资源地址https://g.aliplus.com

    1. H5域名配置模块单击添加

    2. H5域名配置对话框中的域名地址输入框中,输入https://g.aliplus.com,然后单击确定

步骤三:配置小程序

  1. 运行小程序开发工具,在左侧导航栏选择支付宝 > 小程序

  2. 小程序页面创建项目,输入项目名称并选择项目路径,单击完成

    小程序
  3. 在左上角选择已创建的小程序Test,将应用文件index.axml内容修改为以下代码,如图所示。

    <view>
      <web-view src="IoT Studio移动可视化应用发布地址?isMiniApp=true" />
    </view
    小程序
  4. 发布移动应用到支付宝小程序并验证。具体操作,请参见发布小程序