App中集成微信H5支付之坑点

作者: 满脸胡渣的年轻大叔 | 来源:发表于2017-09-07 00:34 被阅读851次

写在前面

相信大家,都有这样的需求。
一个app中,要给多个商家支付,但微信在h5支付未出来前,是不支持的。
现在终于可以用了,what,但是听说坑一堆。。下面让我入坑。

安卓

其实安卓还算比较好弄,坑位比较少。
首先,大家网上一搜索

那么都是初级阶段的入门练气。

     //    在webview 添加微信支付的过滤
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        L.e("跳转至--》" + url);
        if (url.startsWith("alipays:") || url.startsWith("weixin://wap/pay?")) {
            try {
                startActivity(new Intent("android.intent.action.VIEW",
                        Uri.parse(url)));
            } catch (Exception e) {
                L.e("无支付app", e);
            }
            return true;
        }
    }     

好的,到了这里,你发现你已看完了 降龙十八掌 的绝学之书,并且已然了熟于心。

你发出了你的第一掌,开始测试微信h5支付了,
发现出现如下界面

官网的错误截图

那么这里,你还需要一个人给你打通[任督二脉]
我们发现h5 官方页面,有这样一个说明。

官网对错误的说明

我们看到里在,有这么一句,我们用代码的视图看。

// 如果是APP里调起H5支付,需要在webview中手动设置referer,如

Map extraHeaders = new HashMap();
extraHeaders.put("Referer", "商户申请H5时提交的授权域名");//例如 http://www.baidu.com

Oh,No ! What's this? who can tell me ?

---------- 此处放一张什么鬼.jpg --------

好了,相信这也难不到你,大家会顺其自然想到,这是要我们多传一个参数。
传参一般不是拼在url 后面,不就ok.
这里是个map ,莫非是个头信息。
立马百度

有了

 // extraHeaders为头信息的map
 getWebView().loadUrl(url,extraHeaders);

把申请h5支付时的域名,填上还真可以了。
注:这里域名肯定是不能写死的,从url 中取,或者 js 传给原生,都是可以的。

苹果(iOS)

苹果也同样会有以上问题,跳转微信的问题。
两种解决方案

  1. 将微信加你这个应用的白名单,一般微信分享也会配置这个
  2. 和安卓一样的,加头信息。
    以上两种方法,不知道怎么玩的,自已百度(或者给我发红包都是可以的哈)。

你以为这样就完了。
-------- 哈哈(n).jpg ----------

那也太对不起微信官网给出的这一句神一样的对话。

不建议在app 中使用h5支付

你会发现支付完成,跳到了safari,并没有跳到app

不过,没关系,人家只是不建议,并没有说不让用。

这里给出一种我们的解决方案:

微信支付完成后,跳转到safari打开的其实,是我们支付成功的回调url
那么我们可以用scheme ,从safari跳回到APP.
(当然,有些喜欢看小电影,开了无痕浏览模式是跳不回的(这些人我们忽略吧))

思路如下,
1。针对在请求微信的页面时,我们把回调地址后面追加一些我们自己的参数标示是从app中发起的h5支付请求。
2。web端获取如果有这个标示,并且当前浏览器为safari,就执行如下代码

// yourscheme://www.xxx.com 为你scheme
window.location.href = "yourscheme://www.xxx.com";

相关文章

  • Android支付宝支付详解

    微信支付参考:android微信支付详解与坑官方文档:App支付Android集成流程 好久之前写过支付一直没做个...

  • 微信App支付接入&支付流程

    微信App支付接入&支付流程 最近对微信App支付(App端集成微信支付SDK)申请步骤,以及终端在进行微信支付时...

  • iOS 微信 H5支付 吊起,回调相关问题

    app 中要集成H5微信支付,网上有些资料但是写的很不完整,结合自己的开发整理一下。WKWebView为例 开始之...

  • vue实现webapp支付

    最近在使用vue写webapp,app中要求可以实现线上支付,研究了微信H5支付与支付宝H5支付。其中微信H5支付...

  • 详解Android微信支付

    最近项目需要我们的App需要集成微信支付,所以在这里写一篇文章来解析一下微信支付中的一些坑。 Android支付 ...

  • iOS集成H5微信支付实现跳转与回调的解决方案

    由于不能在iOS客户端内集成支付宝和微信的App支付SDK(为了防苹果审核检测SDK),因此使用H5支付,虽然微信...

  • 2018-01-23

    WapPay(微信h5支付)回调问题 项目中集成的微信支付一直都是APP支付的SDK,去年开始接触到了WapPay...

  • iOS菜鸟记---那些年我踩过的坑

    坑一: 集成友盟分享: 现象:可以跳转到微信界面,却不能实现分享 问题:因为工程中也集成了微信支付,微信支付并没有...

  • iOS 微信H5支付

    App中引入微信H5支付 1.App中的H5页面打开微信客户端进行支付。一般有两种支付方式,支付宝支付(网页支付)...

  • iOS实现微信外部H5支付完成后返回原APP(多APP也可实现)

    文末有原文链接 看到微信最近放开了微信H5支付,公司决定把H5集成到多款APP上。下面记录下了开发过程。 由于是微...

网友评论

本文标题:App中集成微信H5支付之坑点

本文链接:https://www.haomeiwen.com/subject/qwuyjxtx.html