js 解决Safari浏览器中实现支付宝网页支付无法拉取支付宝APP的问题

最新推荐文章于 2024-01-03 19:09:55 发布
最新推荐文章于 2024-01-03 19:09:55 发布
阅读量1.3w 收藏 2
点赞数 2
分类专栏： Java开发 java开发工程师 文章标签： Safari浏览器拉取支付宝APP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaonan12386/article/details/90766879
版权
在Android设备上，网页能正常拉起支付宝APP支付，但iOS Safari浏览器不行。通过修改支付页面的跳转方式，不直接返回页面，而是获取订单成功后的<a>标签href，使用window.location.href=url来访问，成功解决了Safari中无法拉起支付宝APP的问题。
摘要由CSDN通过智能技术生成

简单介绍项目情况：

支付宝支付

第三方公司提供支付接口，返回结果是一个加密的完整的网页。

自己写的下单业务这些。但是在页面上实现支付过程的时候，在Android手机上面无论哪种类型的浏览器都能实现自动拉取支付宝APP进行支付

返回结果：

result:{"payOrderId":"P0020190604110618000381","sign":"8288C95DB8A511E82B08FBB4FC1EA260","resCode":"SUCCESS","payParams":"PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9InpoLWNtbi1IYW5zIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+CiAgICA8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD1VVEYtOCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLGluaXRpYWwtc2NhbGU9MSx1c2VyLXNjYWxhYmxlPTAiPgogICAgPHRpdGxlPuWOu+aUr+S7mDwvdGl0bGU+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9Imh0dHA6Ly9jZG4uYm9vdGNzcy5jb20vd2V1aS8xLjEuMS9zdHlsZS93ZXVpLm1pbi5jc3MiPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwOi8vY2RuLmJvb3Rjc3MuY29tL2pxdWVyeS13ZXVpLzEuMC4xL2Nzcy9qcXVlcnktd2V1aS5taW4uY3NzIj4KPC9oZWFkPgo8Ym9keSBvbnRvdWNoc3RhcnQ+CjxkaXYgY2xhc3M9IndldWktbXNnIj4KICAgIDxkaXYgY2xhc3M9IndldWktbXNnX19pY29uLWFyZWEiPgogICAgICAgIDxpbWcgc3JjPSJodHRwOi8vd3d3Lnlseng2Ni5jb20vcGF5aWNvbi96ZmIucG5nIiBzdHlsZT0idHJhbnNmb3JtOnNjYWxlKDAuNSkiLz4KICAgIDwvZGl2PgogICAgPGRpdiBjbGFzcz0id2V1aS1mb3JtLXByZXZpZXciPgogICAgICAgIDxkaXYgY2xhc3M9IndldWktZm9ybS1wcmV2aWV3X19oZCI+CiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0id2V1aS1mb3JtLXByZXZpZXdfX2xhYmVsIj7ku5jmrL7ph5Hpop08L2xhYmVsPgogICAgICAgICAgICA8ZW0gY2xhc3M9IndldWktZm9ybS1wcmV2aWV3X192YWx1ZSI+wqUgMTAwLjAwPC9lbT4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJ3ZXVpLWZvcm0tcHJldmlld19fYmQiPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJ3ZXVpLWZvcm0tcHJldmlld19

最低0.47元/天 解锁文章
xiaonan12386
关注
专栏目录
手机网站支付宝接入iframe无法唤醒支付宝app
qq_34414876的博客
12-13 9101
如果在正常的form表单中唤醒不了支付宝app只能用网页进行支付请参考如下： 商家在网页中调用支付宝提供的网页支付接口调起支付宝客户端内的支付模块，商家网页会跳转到支付宝中完成支付，支付完后跳回到商家网页内，最后展示支付结果。若无法唤起支付宝客户端，则在一定的时间后会自动进入网页支付流程。 注意： 若接入的是新版本手机网站支付接口（alipay.trade.wap.pay），用户在安装支付宝...
H5页面中调用微信和支付宝支付
weixin_44690156的博客
11-24 8861
最近在工作中，有个H5页面需要实现微信支付和支付宝支付的功能，现在已经完成，抽个时间写出来，分享给有需要的人。 第一步：先判断当前环境 判断用户所属环境，根据环境不同，执行不同的支付程序。 if (/MicroMessenger/.test(window.navigator.userAgent)) { // alert('微信'); } else if (/AlipayClient/.test(window.navigator.userAgent)) { //alert('支付宝');
在苹果Safari浏览器通过iframe唤起微信或支付宝APP支付
爱生活
08-30 1万+
在苹果Safari浏览器是无法通过iframe来唤起微信或支付宝APP支付的 但可以通过以下方法来完美解决iframe打开APP支付 1. 在iframe中的页面中JS代码： window.top.postMessage({ success: true, pay_url: pay_url }, "*"); 2. 在父页面监听消息 window.addEventListener('me...
手机浏览器唤起支付宝并打开指定页面
热门推荐
孙琛斌的专栏
04-28 4万+
支付宝的红包功能让一批人先富了起来，很多大大小小的网站都嵌入了领红包的脚本一点就直接唤起了支付宝，并且打开领红包的页面，那么这个功能是怎么实现的呢？ 支付宝提供了专门的接口通过scheme启动，scheme可以理解为一种特殊的URI，格式与URI相同，具体使用如下： 支付宝客户端的标准scheme为：alipays://platformapi/startapp?appId= 如果是某些运营页...
微信支付完成或取消后在ios系统回跳到Safari默认浏览器的解决方案
small_tigger的博客
01-14 1万+
微信支付 H5支付的文档 mweb_url="https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx2016121516420242444321ca0631331346&amp;package=1405458241" 设置mweb_url参数时需要设置redirect_url参数，指定回跳页面。 redirect...
引用微信JSSDK与支付宝JSSDK
yml15180824993的博客
02-08 1796
引入微信JSSDK，支付宝JSSDK
php 服务端集成支付宝APP支付实例
12-17
支付宝支付分为了很多种场景，这里只讲述支付宝APP支付功能集成，期间遇到了特别大的坑，因此我简单描述下集成过程，并概述遇到的问题及解决方案 由于公司业务简单，只支持支付宝支付，而无需关心退款，查询等等额外...
java 支付宝帐单_java后台实现支付宝对账功能的示例代码
weixin_39756895的博客
03-05 1243
完成支付宝支付、查询的接口之后，我们应该还需要定时与支付宝进行对账，以确保商户系统的订单信息是正确的，想知道支付宝支付、查询接口实现过程的亲们，可移步到上一篇有详细过程。现在我们来讲一下支付宝对账的功能，关于与支付宝交互的关键代码，其实支付宝的API已经讲得很清楚，如果亲们想直接看支付宝API，点击 支付宝对账API，当然我在文章也会进行说明解释。实现支付宝自动对账功能先看一下商户系统和支付宝的大...
JS实现打印遇到的各种问题处理，JavaScript拉取浏览器print()方法打印遇到的问题解决，html实现打印机打印
weixin_43992507的博客
12-07 1800
JS实现打印遇到的各种问题处理，JavaScript拉取浏览器print()方法打印遇到的问题解决，html实现打印机打印
react app 拉起微信、支付宝支付
qq_43402051的博客
04-08 1781
机缘: 这其实是我第一次在react 的 app 项目中拉微信及支付宝支付，所以特地来记录一下本次的思路及过程中踩到的坑 思路: 由于app 中是不存在微信及支付宝的支付环境，所以引入jssdk是拉不起来支付的, 于是放弃了这个想法，但我想到app中是存在 h5+ 的，于是我打开了h5+api的文档，在里面找到了一个模块payment根据官方介绍是用来管理支付功能的, 我顺着这个模块的往下找了找又发现了两个方法getChannels和request第一个使用开获取支付通道的，第二个...
【JS】H5打开支付宝
LuviaWu的博客
08-09 7005
参见 捷径社区： https://sharecuts.cn/app/333206289 如何识别二维码拼接以下路径，请查看二维码解析：https://blog.csdn.net/LuviaWu/article/details/98622564 在H5，用a标签就可以根据拼接好的路径跳转，就好了 var a = document.getElementById('link') a.href = th...
ios用支付宝扫描进去页面js点击运行缓慢
baidu_34197758的博客
06-23 1423
最近项目在弄一个用微信、支付宝扫一扫功能然后跳转出一个页面，用安卓的微信和支付宝扫描时，页面运行正常，但是用ios的支付宝扫描时，顿时就。页面运行相当缓慢，连老人机都不如，起初怀疑是支付宝对ios的js进行了控制，使得js运行缓慢，可是后来发现ajax进行请求的数据能很快刷出来，所以否决掉这个可能性。后来又怀疑是自己点击事件绑定写法的问题，然后写了个按钮进行简单的事件进行操作，js运行也是非常缓慢
iOS不能跳转到支付宝的解决办法
Jaelyn的博客
11-22 2万+
iOS不能跳转到支付宝的解决办法
基于SDK的支付接口服务端——支付宝，微信
不想逆天
08-31 1万+
支付宝准备：1.创建应用，配置密钥（详见https://docs.open.alipay.com/291/105971）； 2.jar包：alipay-sdk-java20170818173712.jar；commons-logging-1.1.1.jar3.配置信息：appid；应用私钥；支付宝公钥（是支付宝公钥不是应用公钥）； 4.基本步骤： (1)获得初始化的AlipayClien
解决ios H5支付宝支付不能跳回App的问题
Zhuang_weixin的博客
12-19 9312
https://img-blog.csdnimg.cn/29d73b72f91f4c76ab01dfd01e4d476d.png
微信浏览器iframe嵌套h5，h5页面不能调起微信支付问题处理
php_y的博客
11-02 2957
微信浏览器iframe嵌套h5，h5页面不能调起微信支付问题处理 第一步： 微信公众号配置网页授权域名，拿用户openid 第二步： h5页面跳转后端微信静默授权，拿到用户的openid 第三步： 微信商户配置jsapi支付域名目录(这个域名是嵌套iframe的原页面域名) 第四步: h5页面ajax请求后端接口拿到调起微信支付的参数。 第五步: h5页面传递微信支付参数给嵌套iframe的原页面来调起支付，然后完成支付 ...
H5接入支付流程-微信支付&支付宝支付
最新发布
01-03 7575
业务场景： H5对接微信支付和支付宝支付，app无法发版，需要支持在app内和浏览器内同时使用。 于是借此机会对前端接入对第三方支付进行了调研，本次只讨论微信支付，和支付宝支付。 微信支付 文档地址：微信支付 概述 微信支付方式主要包括，对普通商家主要提供以下7种方式 付款码支付：比如大型连锁店，超市，支付时可以，扫描用户的个人付款码，进行支付，触动场景一般为：用户打开个人付款码-> 收银员扫描仪扫描->门店收银台->商户后台->微信支付系统 JSAPI支付：仅限在微信内使用，可调用
聚合支付，支付宝-JS（生活号/H5）接入指引
闫小甲的专栏
12-08 2306
支付宝-JS（生活号/H5）接入指引
使用SpringBoot实现拉取支付功能
06-07
要使用SpringBoot实现拉起支付功能，需要先接入相应的支付渠道或支付平台，例如支付宝、微信支付等。接入成功后，可以在SpringBoot中编写相应的控制器和服务类，实现拉起支付的功能。 以下是一个使用SpringBoot实现支付宝支付的示例代码： 首先，在pom.xml文件中添加支付宝SDK的依赖： ```xml <dependency> <groupId>com.alipay.sdk</groupId> <artifactId>alipay-sdk-java</artifactId> <version>3.3.0.ALL</version> </dependency> ``` 接着，在application.properties文件中配置支付宝相关的参数： ```properties # 支付宝网关 alipay.gatewayUrl=https://openapi.alipay.com/gateway.do # 应用ID alipay.appId=应用ID # 商户私钥 alipay.merchantPrivateKey=商户私钥 # 支付宝公钥 alipay.alipayPublicKey=支付宝公钥 # 编码格式 alipay.charset=UTF-8 # 签名类型 alipay.signType=RSA2 ``` 然后，编写一个支付控制器： ```java @RestController @RequestMapping("/api/pay") public class PayController { @Autowired private AlipayConfig alipayConfig; @Autowired private AlipayService alipayService; @PostMapping("/alipay") public String alipay(@RequestParam("orderId") String orderId, @RequestParam("amount") String amount) { AlipayTradePagePayRequest alipayRequest = new AlipayTradePagePayRequest(); alipayRequest.setReturnUrl(alipayConfig.getReturnUrl()); alipayRequest.setNotifyUrl(alipayConfig.getNotifyUrl()); AlipayTradePayModel model = new AlipayTradePayModel(); model.setOutTradeNo(orderId); model.setTotalAmount(amount); model.setSubject("订单支付"); model.setProductCode("FAST_INSTANT_TRADE_PAY"); alipayRequest.setBizModel(model); try { return alipayService.pageExecute(alipayRequest).getBody(); } catch (AlipayApiException e) { e.printStackTrace(); } return null; } } ``` 其中，AlipayConfig是一个配置类，用于读取配置文件中的支付宝相关参数；AlipayService是一个支付服务类，用于调用支付宝API实现支付功能。 最后，在启动类上添加@EnableAutoConfiguration和@ComponentScan注解，启动SpringBoot应用程序即可。 以上仅是一个简单的示例，实际应用中还需要考虑安全性、异常处理等问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值