开发者社区
社区提问意见反馈
开发者钉组织
扫描二维码
加入支付宝开发者钉组织
开发 > 组件 > 开放组件 > web-view > 支付宝小程序内嵌 h5 页面
收藏
订阅更新
我的文档
设置
一句话概括
支付宝小程序嵌入 h5 页面或者网页,就是在支付宝小程序的页面上添加如下一段代码:
javascript
复制代码
<web-view src="https://www.yourwebpage.com" />
前提条件
拥有支付宝账号
支付宝小程序目前对支付宝企业账号全面开放。
嵌入的 h5 页面必须放在自己的后端服务器上,且已配置 https 访问。
具体步骤
1.
2. (如果已有入驻支付宝账号请跳过)。可查看 平台入驻
3. 创建小程序,完成应用设置,获取 appid。
完成 创建小程序
在正式开发小程序之前需要在应用设置里完成以下几个步骤:
设置接口加签方式。接口加签方式主要用于签名和验签,其中私钥由开发者保存,公钥可对外公开,私钥用于签名,公钥用于验签。开发者保存自己的私钥,通过支付宝提供的公钥进行通信来保证信息传输的完整性以及发送者身份的真实性。 在 小程序详情页 > 开发设置 > 接口加签方式 中为小程序完成公钥设置。

配置服务器域名白名单:支付宝小程序限制支付宝客户端域内调用,需要进行域外调用时,例如获取图片、获取后台数据等,请在 小程序详情页 > 开发设置 > 服务器域名白名单 中添加服务器域名白名单,最多可添加 30 个 url。

h5 域名配置:页面访问的域名需要配置(否则真机上会出现页面访问受限),web-view 需内嵌自己服务器的网页(在服务器根目录下要放入校验文件)。 说明:服务器域名白名单与 h5 域名配置详情可查看 配置 h5 域名
 
http 协议升级到 https 协议:相比于 http,https 可以提供更加优质保密的信息,保证了用户数据的安全性,此外 https 同时也一定程度上保护了服务端,使用恶意攻击和伪装数据的成本大幅提高。 所以后续小程序会强制使用 https,还在使用 http 协议的开发者需要尽快对服务器进行升级。说明:请自行申请并管理 ssl 证书,或者在这里了解什么是

完成小程序应用的创建后,在小程序应用详情上能够获取到应用的 appid,这个 appid 在后续的小程序上传以及请求支付宝服务的时候都会用到。
4. 在 开发工具 中开发支付宝小程序,嵌入 h5 页面。
可查看 开发工具概述 新建项目进行代码编写。
在小程序项目的页面上嵌入 h5 页面,添加如下一段代码: 说明:可查看 web-view h5 页面承载web-view 常见问题 了解 web-view 相关信息。
5. 将小程序进行 提审、发布与修改
内容没有解决您的问题?您还可以前往 或 寻求帮助
凯发k8官方网娱乐官方 copyright © 2022 支付宝(杭州)信息技术有限公司  | icp证浙b2-20160559
该文档对你是否有帮助?
当前页面目录
网站地图