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

【Java开发|js 解决Safari浏览器中实现支付宝网页支付无法拉取支付宝APP的问题】简单介绍项目情况:
支付宝支付
第三方公司提供支付接口,返回结果是一个加密的完整的网页。
自己写的下单业务这些。但是在页面上实现支付过程的时候,在Android手机上面无论哪种类型的浏览器都能实现自动拉取支付宝APP进行支付
返回结果:
result:{"payOrderId":"P0020190604110618000381","sign":"8288C95DB8A511E82B08FBB4FC1EA260","resCode":"SUCCESS","payParams":"PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9InpoLWNtbi1IYW5zIj4KPGhlYWQ+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+CiAgICA8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNvbnRlbnQ9InRleHQvaHRtbDsgY2hhcnNldD1VVEYtOCI+CiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLGluaXRpYWwtc2NhbGU9MSx1c2VyLXNjYWxhYmxlPTAiPgogICAgPHRpdGxlPuWOu+aUr+S7mDwvdGl0bGU+CiAgICA8bGluayByZWw9InN0eWxlc2hlZXQiIGhyZWY9Imh0dHA6Ly9jZG4uYm9vdGNzcy5jb20vd2V1aS8xLjEuMS9zdHlsZS93ZXVpLm1pbi5jc3MiPgogICAgPGxpbmsgcmVsPSJzdHlsZXNoZWV0IiBocmVmPSJodHRwOi8vY2RuLmJvb3Rjc3MuY29tL2pxdWVyeS13ZXVpLzEuMC4xL2Nzcy9qcXVlcnktd2V1aS5taW4uY3NzIj4KPC9oZWFkPgo8Ym9keSBvbnRvdWNoc3RhcnQ+CjxkaXYgY2xhc3M9IndldWktbXNnIj4KICAgIDxkaXYgY2xhc3M9IndldWktbXNnX19pY29uLWFyZWEiPgogICAgICAgIDxpbWcgc3JjPSJodHRwOi8vd3d3Lnlseng2Ni5jb20vcGF5aWNvbi96ZmIucG5nIiBzdHlsZT0idHJhbnNmb3JtOnNjYWxlKDAuNSkiLz4KICAgIDwvZGl2PgogICAgPGRpdiBjbGFzcz0id2V1aS1mb3JtLXByZXZpZXciPgogICAgICAgIDxkaXYgY2xhc3M9IndldWktZm9ybS1wcmV2aWV3X19oZCI+CiAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0id2V1aS1mb3JtLXByZXZpZXdfX2xhYmVsIj7ku5jmrL7ph5Hpop08L2xhYmVsPgogICAgICAgICAgICA8ZW0gY2xhc3M9IndldWktZm9ybS1wcmV2aWV3X192YWx1ZSI+wqUgMTAwLjAwPC9lbT4KICAgICAgICA8L2Rpdj4KICAgICAgICA8ZGl2IGNsYXNzPSJ3ZXVpLWZvcm0tcHJldmlld19fYmQiPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJ3ZXVpLWZvcm0tcHJldmlld19faXRlbSI+CiAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9IndldWktZm9ybS1wcmV2aWV3X19sYWJlbCI+5ZWG5ZOBPC9sYWJlbD4KICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPSJ3ZXVpLWZvcm0tcHJldmlld19fdmFsdWUiPua4neS5kOiMtummhuaUr+S7mOWuneWFheWAvDwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CiAgICAgICAgPGRpdiBjbGFzcz0id2V1aS1mb3JtLXByZXZpZXdfX2Z0Ij4KICAgICAgICAgICAgPGEgZGF0YXR5cGU9ImExIiBjbGFzcz0id2V1aS1mb3JtLXByZXZpZXdfX2J0biB3ZXVpLWZvcm0tcHJldmlld19fYnRuX3ByaW1hcnkiIGhyZWY9Imh0dHBzOi8vbWFwaS5hbGlwYXkuY29tL2dhdGV3YXkuZG8/X2lucHV0X2NoYXJzZXQ9dXRmLTgmYW1wO2FwcF9wYXk9WSZhbXA7bm90aWZ5X3VybD1odHRwczovL3BheS45cGF5eS5jb20vc2VydmljZS9hbGloNS9ub3RpZnkmYW1wO291dF90cmFkZV9ubz0xOTA2MDQxMTA1MjQzMTY0MDY2NyZhbXA7cGFydG5lcj0yMDg4MTIxMDU5ODY3Mzg0JmFtcDtwYXltZW50X3R5cGU9MSZhbXA7cmV0dXJuX3VybD1odHRwczovL3BheS45cGF5eS5jb20vc2VydmljZS9hbGloNS9zaG93JmFtcDtzZWxsZXJfaWQ9MjA4ODEyMTA1OTg2NzM4NCZhbXA7c2VydmljZT1hbGlwYXkud2FwLmNyZWF0ZS5kaXJlY3QucGF5LmJ5LnVzZXImYW1wO3N1YmplY3Q9OVBBWSZhbXA7dG90YWxfZmVlPTEwMC4wMCZhbXA7c2lnbj04YThjZTQwY2MyZDg4YTU5ODIwMWNhNzk5NTRkYzFiOCZhbXA7c2lnbl90eXBlPU1ENSI+54K55Ye75pSv5LuYCiAgICAgICAgICAgIDwvYT4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2Pgo8L2Rpdj4KPC9ib2R5Pgo8c2NyaXB0IHNyYz0iaHR0cDovL2Nkbi5ib290Y3NzLmNvbS9qcXVlcnkvMS4xMS4wL2pxdWVyeS5taW4uanMiPjwvc2NyaXB0Pgo8c2NyaXB0IHNyYz0iaHR0cDovL2Nkbi5ib290Y3NzLmNvbS9qcXVlcnktd2V1aS8xLjAuMS9qcy9qcXVlcnktd2V1aS5taW4uanMiPjwvc2NyaXB0Pgo8c2NyaXB0IHR5cGU9InRleHQvamF2YXNjcmlwdCI+CgkkKGRvY3VtZW50KS5vbigiY2xpY2siLCAiYVtkYXRhdHlwZT0nYTEnXSIsIGZ1bmN0aW9uKGV2ZW50KXsKCQkkLnRvYXN0KCLliqDovb3kuK0uLi4iLCAzMDAwKTsKCX0pOwo8L3NjcmlwdD4KPC9odG1sPg==","retCode":"SUCCESS","retMsg":""}
解密之后的网页:






去支付






Java开发|js 解决Safari浏览器中实现支付宝网页支付无法拉取支付宝APP的问题
文章图片





¥ 100.00




渝乐茶馆支付宝充值



点击支付









下单的连接:
href="https://mapi.alipay.com/gateway.do?_input_charset=utf-8& app_pay=Y& notify_url=https://pay.9payy.com/service/alih5/notify& out_trade_no=19060411052431640667& partner=2088121059867384& payment_type=1& return_url=https://pay.9payy.com/service/alih5/show& seller_id=2088121059867384& service=alipay.wap.create.direct.pay.by.user& subject=9PAY& total_fee=100.00& sign=8a8ce40cc2d88a598201ca79954dc1b8& sign_type=MD5">

此时在网页上面实现点击支付的时候,在Android中可以直接拉起支付宝App进行支付,但是在IOS系统中测试,如果是在IOS上面安装其他浏览器比如Chrome则是可以直接拉起支付宝的APP进行支付,但是换到IOS中自带的Safari浏览器中则不能实现。查了很多资料,具体的都是在讲IOS上面怎么调试支付宝支付,针对Safari浏览器的微乎其微。找到一篇文档https://blog.csdn.net/lg_lin/article/details/82221657?tdsourcetag=s_pctim_aiomsg
参考这个文档中的方法,不直接返回页面,将页面在js 请求下单成功之后将返回的页面的中的标签中的href 拿出来直接用window.location.href=https://www.it610.com/article/url; 进行访问,则成功实现了在Safari浏览器中拉取了支付宝APP完成支付。
代码展示:

var ajax = new $ax(Feng.ctxPath + "/addRecharge", function (data) { if (data) {var as = $(data).find('.weui-form-preview__ft>.weui-form-preview__btn'); var url = as.attr("href"); console.log("url:"+url); window.location.href=https://www.it610.com/article/url; } }, function (data) { Feng.error("提交充值失败!" + data.toString()); }); ajax.set(salerecode); ajax.start();

    推荐阅读