支付宝一键登录
WeaveFox 生成的 H5 应用可以快速接入支付宝生态,实现支付宝一键登录。根据你的需求,有两种方案可选:
| 支付宝 H5 应用 | 支付宝小程序 | |
|---|---|---|
| 适用账号 | 个人 / 企业均可 | 仅企业账号 |
| 接入方式 | 独立 H5 页面 | WebView 嵌入小程序 |
| 登录能力 | ✅ 支付宝快捷登录 | ✅ 支付宝快捷登录 |
| 适用场景 | 独立传播、分享裂变 | 支付宝生态内分发 |
💡 如果你的应用仅在支付宝内打开、不需要支付宝登录,则无需配置以下任何内容。

拾光地图 — 支付宝快捷登录效果示意
方案一:支付宝 H5 应用
适合独立传播的 H5 页面,个人账号和企业账号均可使用。
第一步:注册支付宝 H5 应用
- 登录 支付宝开放平台
- 点击「创建网页/移动应用」

点击「创建网页/移动应用」按钮
- 填写应用信息(网址 URL 可暂不填),点击立即创建

填写应用名称、图标、简介等基本信息
第二步:配置密钥
- 进入应用设置页,点击「开发设置」→「接口加签方式」→「设置」

进入应用详情 → 开发设置
- 加签方式选择「密钥」,点击下一步

选择「密钥(普遍适用)」
- 下载密钥工具,生成 RSA2 密钥对,复制「应用公钥」

使用密钥工具生成 RSA2 密钥对
- 将「应用公钥」粘贴到开放平台,点击确认上传

粘贴应用公钥字符串
- 保存好密钥文件中的「应用私钥」(支付宝不会保存,丢失需重新生成)

妥善保存应用私钥,丢失无法找回
第三步:WeaveFox 生成应用
在 WeaveFox 中创建并发布你的 H5 应用,获得应用域名。
第四步:设置授权回调地址
- 回到开放平台 → 开发设置 →「授权回调地址」→「设置」

点击「授权回调地址」旁的「设置」
- 填写你的 WeaveFox 应用域名(回调地址类型选 HTTPS)

填入 WeaveFox 发布后的应用域名
第五步:WeaveFox 平台配置 Token
打开 WeaveFox 支付宝登录配置页,填写以下三项:
| 配置项 | 说明 | 获取位置 |
|---|---|---|
| App ID | 应用唯一标识 | 开放平台 → 应用详情页 |
| 支付宝公钥 | 用于验签 | 开放平台 → 接口加签方式 → 查看 |
| 应用私钥 | 用于签名 | 密钥工具生成的私钥文件 |

在 WeaveFox 平台填入三项配置即可完成接入
方案二:支付宝小程序
通过 WebView 嵌入 WeaveFox H5 应用,实现小程序内调用支付宝能力。仅企业账号可用。
第一步:注册小程序应用
- 登录 支付宝开放平台
- 点击「创建小程序」

选择「小程序」类型创建
第二步:配置密钥
小程序配置密钥的步骤和 H5 应用完全一致,参考方案一中「第二步:配置密钥」。

小程序同样需要在开发设置中配置接口加签方式
第三步:配置域名白名单
域名白名单仅企业支付宝账号才能配置,因此个人开发者无法使用小程序嵌入 H5。
- 进入小程序 → 开发设置 →「服务器域名白名单」→「添加」
- 填入你的 WeaveFox 应用域名(如
footprint.app.weavefox.cn)

将 WeaveFox 域名添加至服务器域名白名单
其他配置(授权回调地址、Token)与方案一中的步骤一致,参考方案一第四步和第五步。
第四步:WeaveFox 平台配置 Token
与方案一第五步完全一致,在 WeaveFox 支付宝登录配置页 填入 App ID、支付宝公钥和应用私钥即可。
配置完成 ✅
以上两种方案任选其一即可。配置完成后,你的 WeaveFox 应用就能在支付宝内实现一键登录,用户无需额外注册即可使用。
💡 小结:个人开发者选「方案一:支付宝 H5 应用」;企业开发者如有小程序分发需求,可用「方案二」将 H5 嵌入小程序。