写在前面

首先,您需要了解 支付宝小程序 的背景知识

支付宝小程序是一种全新的开放模式,让合作伙伴有机会分享支付宝及阿里集团多端流量和商业能力,为用户提供更好的体验,助力商家经营升级。 https://opendocs.alipay.com/mini/006kyi

快速开始

优酷小程序是基于支付宝小程序 多端发布的一套解决方案,让开发者开发一次支付宝小程序,同一套代码不做任何改动就可以发布到优酷,同时触达更多的用户群体,节约了开发成本。

前期准备

在开发小程序之前,您需要完成下列准备工作:

image.png

1. 注册入住

您需要拥有支付宝账户,然后以开发者身份入驻支付宝开放平台,才能创建小程序。

开发者入驻 https://opendocs.alipay.com/mini/introduce

2. 创建小程序

快速开始 - 支付宝开放平台 https://opendocs.alipay.com/mini/developer#%E5%89%8D%E6%9C%9F%E5%87%86%E5%A4%87

3. 团队成员添加开发者

创建小程序成功后,团队成员,添加开发者才能继续流程。需要在开放平台邀请,被邀请者在支付宝“朋友”页面中接受邀请。

https://opendocs.alipay.com/mini/introduce/member#%E5%BC%80%E5%8F%91%E6%88%90%E5%91%98

4. 下载并安装 小程序 IDE 优酷专版

https://render.alipay.com/p/f/fd-jwq8nu2a/pages/home/index.html

5. 安装最新优酷客户端

安卓:各大应用商店
iOS: AppStore

开发调试

1. IDE 切换至优酷域,打开项目

如果没有优酷选项 尝试重启IDE
image.png

2. 预览/真机调试

image.png

3. 客户端扫码

image.png

Tips:

  1. 首次预览需要绑定优酷/支付宝账号
  2. 必须是本小程序开发者才有权限打开调试二维码

发布

1. 多端入口打开

小程序开发者平台,设置,多端入口开通优酷

https://open.alipay.com/mini/dev/sub/setting?dist=multSet&appId=${appid}&bundleId=com.alipay.alipaywallet

image.png

3. 上传

与开发调试操作流程一致,在IDE中,切换至优酷域,编辑版本,上传小程序。

image.png

4. 提交审核

(当前白名单 pid 创建的小程序自动过审)

https://opendocs.alipay.com/mini/introduce/release#%E6%8F%90%E4%BA%A4%E5%AE%A1%E6%A0%B8

5. 上架

image.png
开发者平台, 开发管理,选择优酷端,选择审核通过的版本上架

https://openhome.alipay.com/mini/dev/detail/${appid}/dev-manage?clientType=com.youku.app

https://opendocs.alipay.com/mini/introduce/release#%E4%B8%8A%E6%9E%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F

疑难杂症

JSAPI 鉴权 (eg. sendMtop)

https://yuque.antfin-inc.com/docs/share/d35205c9-19b7-4224-8595-36799cbadca6?#

IDE 扫码打开失败 DTRpcErrorDomain 2000

image.png

在优酷端 解绑支付宝账号(设置 -> 账号安全中心-> 绑定账号-> 支付宝解绑)后重试