支付宝内置浏览器唤起支付方案分享

简介: 需求说明:需要使用支付宝内置浏览器来访问自己的网站,买家在网站下单,并且唤起支付宝支付。解析:使用支付宝内置浏览器访问指定网站一般有两种方式1.使用支付宝扫一扫功能,把网站地址生成二维码,使用支付宝扫一扫识别二维码扫码访问。

需求说明:需要使用支付宝内置浏览器来访问自己的网站,买家在网站下单,并且唤起支付宝支付。

解析:使用支付宝内置浏览器访问指定网站一般有两种方式

1.使用支付宝扫一扫功能,把网站地址生成二维码,使用支付宝扫一扫识别二维码扫码访问。

2.配合生活号使用,在生活号配置跳转链接,点击跳转进入指定网站。

下面就结合使用支付宝的内置浏览器的方式和接入的接口和大家分享一下支付宝内置浏览器唤起支付的方案。

一、使用扫一扫访问方式

1.使用手机网站支付接口

商户在自己的网站集成手机网站支付,然后把您自己的网站地址链接生成二维码,用户直接使用支付宝扫码访问你的网站地址选择商品就可以。手机网站接入请参考:[url]https://openclub.alipay.com/read.php?tid=5828&fid=62[/url]

优点:使用这种方式不局限于使用支付宝内置浏览器,只要浏览器能识别您的网站二维码并正常访问就可以正常支付(在微信中扫码使用支付宝接口的请求会被微信拦截,导致无法正常支付)

缺点:手机网站支付接口不支持第三方调用,且用户如果操作不当可能无法正常唤起支付(比如使用微信扫码)

2.使用当面付的交易创建接口配合jsapi唤起支付

这个方案需要调用多个接口配合使用,调用步骤如下:

(1).调用用户信息授权接口拼接授权链接获取买家的uid

详细调用流程:[url]https://docs.open.alipay.com/289/105656[/url]

注:

授权链接:[url]https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=APPID&scope=SCOPE&redirect_uri=ENCODED_URL[/url] 中的redirect_uri需要是商家的支付网站地址,比如我的redirect_uri是:[url]https://www.taobao.com/[/url]  ,商家把拼接完成的链接生成二维码,用户扫码访问授权成功就会跳转到传入的redirect_uri地址上,然后在这个地址选择商品进行下单。

(2).调用交易创建接口

详细调用流程:[url]https://openclub.alipay.com/read.php?tid=11748&fid=56[/url]

注:调用交易创建接口必须传入buyer_id参数,这个就是上一个步骤使用用户信息授权获取到的uid

(3).调用jsapi唤起收银台,完成支付

调用交易创建接口会生成支付宝交易号trade_no参数,这个参数就可以调用jsapi唤起支付

详细的调用代码:[url]https://docs.open.alipay.com/common/105591[/url]

注:jsapi代码只能在支付宝内置浏览器生效,无法在其他的外部浏览器使用

(4).详细流程解析

优点:这个方案使用的是当面付的交易创建接口支持第三方调用,可以实现第三方代商户开发

缺点:只能在支付宝内置浏览器使用

二、在生活号中使用

1.使用手机网站支付接口:

生活号中支持使用手机网站支付接口,直接按照上面的接入流程接入手机网站支付,然后再生活号中设置点击某个菜单进入下单地址就可以

2.使用交易创建接口配合jsapi:

这个方式集成流程和上面的扫一扫相同,只是访问授权链接的方式由扫一扫访问变为了点击生活号的菜单跳转进入授权链接。

如果大家对上面的方案有疑问,欢迎大家在帖子后面追问并分享

目录
相关文章
|
1月前
|
移动开发 小程序 API
微信外部浏览器或短信链接唤起微信小程序的解决方案
微信外部浏览器或短信链接唤起微信小程序的解决方案
141 1
|
3月前
|
存储 SQL JavaScript
聊一聊常见的浏览器数据存储方案(上)
聊一聊常见的浏览器数据存储方案(上)
|
Web App开发 编解码 安全
在高版本谷歌Chrome浏览器中用VLC播放海康、大华RTSP实时视频完全方案
随着互联网基础设施的完善以及4G、5G等技术的大规模商用,在Chrome、Firefox、Edge等浏览器播放RTSP视频流也慢慢成为了信息化系统的行业标准。早些年还可用VLC播放器在网页中播放RTSP视频流,好景不长,2015年Chrome、Firefox等浏览器取消了对 NPAPI插件的支持,导致在高版本的Chrome等网页中播放海康威视、大华等摄像头RTSP视频流也成了奢望。
2018 0
|
3月前
|
存储 前端开发 JavaScript
聊一聊常见的浏览器数据存储方案(下)
聊一聊常见的浏览器数据存储方案(下)
|
10月前
|
Web App开发 移动开发 JavaScript
通过H5(浏览器/WebView/其他)唤起本地app
通过H5(浏览器/WebView/其他)唤起本地app
|
前端开发 JavaScript API
Vue2.js:前端在浏览器中网页表格打印的实现方案:window.print、print-js、iframe
Vue2.js:前端在浏览器中网页表格打印的实现方案:window.print、print-js、iframe
339 0
Vue2.js:前端在浏览器中网页表格打印的实现方案:window.print、print-js、iframe
|
存储 SQL 前端开发
js: 前端浏览器存储方案整理及其扩展库
js: 前端浏览器存储方案整理及其扩展库
110 0
|
移动开发 前端开发 HTML5
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
194 0
web页面实现全背景视频功能方案:使用bideo.js来处理object-fit在ie浏览器下不兼容问题
|
前端开发
现代浏览器样式重置CSS Reset 方案汇总整理
现代浏览器样式重置CSS Reset 方案汇总整理
现代浏览器样式重置CSS Reset 方案汇总整理

热门文章

最新文章