如何在微信中使用支付宝支付?

14 评论 32416 浏览 42 收藏 13 分钟

任何看似完全不合理的需求,对于客户而言,必然存在他的合理性。产品经理要基于对产品的了解程度,去展开推理和想象。

看到标题,也会你会认为这是一个笑话,但是很不幸的是,今天遇到了一个案例,由于一些不能说明白的原因,公司领导真的提了这个需求,至于具体原因后文会再细说。

01 需求说明

领导要求把我们产品中所有用到的微信支付直接去掉,首先是APP里屏蔽掉微信支付选项,去掉后,APP就只能使用支付宝支付。

但是考虑到我们的产品通过微信公众号宣传效果一直不错,如果去掉了微信支付,公众号/小程序里用户场景就不能实现闭环了,但领导又不想放弃这块大的蛋糕,于是提出了这个“大胆”的需求,希望以最低的成本看看还能保留多少的订单,且尽量把微信上的用户引导去下载APP。

02 方案探索

首先我们有微信H5、微信小程序两种产品形式,通过与技术大大们沟通,总结得到几点思路:

1. 微信中直接打开支付宝是不可能的了

现在大家看到的微信里不能打开阿里一系列产品的页面,其实最早起源于2013年底,是淘宝页面首先屏蔽了微信来源的访问。啊……这个问题也不宜多说,大家自行百度吧。

总之现在的结果就是,微信打开支付宝、淘宝等链接时,就会见到如下界面:

2. 只能通过一个微信可以打开的产品作中转打开支付宝

经过一轮头脑风暴,大家想到了几个似乎可行的方案:

  • 我们经常在公众号中放置APP的下载地址,然后用户扫码或点击后,能跳出微信,跳到应用商店
  • 微信浏览器中,点击界面右上角,安卓用户可以看到一个“在浏览器中打开”,苹果手机用户可以看到一个“在Safari中打开”的功能,可以将链接在系统默认的浏览器中打开。当我们的网站被微信屏蔽了,或者需要的某些功能微信里面无法直接调用时,这是一种常用的离开微信环境的方法。

  • 微信官方给出了微信小程序唤起APP的方法

微信小程序开发文档,从微信小程序中打开APP:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html

3. 逐个方案验证

第一个方案:通过应用商店作为跳板打开我们的APP

经过与技术沟通和一顿百度,只有APP上架到了腾讯应用宝,然后用户访问应用宝对应的链接或二维码时,微信会根据系统判断,iOS自动打开苹果的APP Store,安卓打开腾讯应用宝。

我们APP本来就上架了腾讯应用宝,这点可以接受,但是这就带来二个额外的问题:安卓用户不是都装了腾讯应用宝;苹果App Store和腾讯应用宝是否能接受我们的传参,然后打开特定的页面呢?

腾讯应用宝的开发文档,提供了一项功能叫做“Applink能力”:

微下载能力不仅能够帮助开发者在微信等场景进行一键下载安装,目前已支持直接拉起应用的指定内容页,帮助开发者缩短内容触达路径,提升产品活跃和用户体验;

https://wiki.open.qq.com/index.php?title=mobile/%E5%BA%94%E7%94%A8%E5%AE%9D%E5%BE%AE%E4%B8%8B%E8%BD%BD#3.3_Applink.E8.83.BD.E5.8A.9B

但是该功能使用需要申请,不是公开的。

首先,为了让用户能用支付宝支付,我们还得让用户装上腾讯应用宝,还要去申请他们的内测功能……能这么折腾我们为什么不让用户直接微信支付呢真是的。所以让我们去推广他的应用宝,现行情况下自然是不可能的。

在苹果iOS9以上的系统中,苹果提供了Universal Links功能,实现用户若未安装APP则跳到应用商店下载页,否则直接唤起APP的功能。

苹果对应开发文档(英文):

https://developer.apple.com/library/archive/documentation/General/Conceptual/AppSearch/UniversalLinks.html#//apple_ref/doc/uid/TP40016308-CH12-SW1

苹果做这个功能的初衷就是为了让大家APP间能愉快的互相跳转,但不幸的是,微信对外屏蔽了该功能。

第二个方案:引导用户首先用浏览器打开我们的页面,我们再通过浏览器“为所欲为”。

目前看来是最可行的,首先微信浏览器内提供了在浏览器中打开的功能,其次在浏览器中唤起支付宝,这个支付宝已经有现成的接口了,在浏览器中打开自家APP或打开应用市场引导用户下载,这也是可以的。

但是有个用户体验不好的问题,根据支付宝的开发文档,在iOS系统中,唤起支付宝App支付完成后,不会自动回到浏览器或商户App。用户可手工切回到浏览器或商户App。

在手机浏览器上使用支付宝支付开发文档:

https://opendocs.alipay.com/open/203

第三个方案:微信小程序中直接唤起我方APP,再由我方APP唤起支付宝支付。

这里又有两个问题,一个是用户未必装了我们的APP,另外一个就是微信小程序唤起我方APP是有限制的:

当小程序从 APP 分享消息卡片的场景打开或从 APP 打开的场景打开微信小程序时时,小程序会获得打开 APP 的能力,此时用户点击按钮可以打开分享该小程序卡片/拉起该小程序的 APP。即小程序不能打开任意 APP,只能“跳回”APP。

所以方案三也无法实现。但是结合方案二的思路,可以考虑在小程序中引导用户复制链接,然后去浏览器中打开,然后进行后面的步骤。

微信小程序开发文档:

https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html

03 方案设计

通过对各种方案进行验证后,我们决定了将用户引导到浏览器,然后再进行下一步的流程。如果用户回到微信的页面里,则自动检查用户是否已完成支付,然后再继续后面的流程。

  1. 用户在微信浏览器内,支付方式选择支付宝后,提示用户选择在浏览器中打开页面;如果是微信小程序内,则只能用户复制链接后自行去浏览器中粘贴打开。
  2. 在浏览器中检查用户是否已安装APP,如果是则提示打开APP,否则直接唤起支付宝支付;
  3. iOS系统下,支付宝支付完,可以回浏览器页面或者回微信页面,都会自动检测支付结果,然后跳到对应的成功或者失败页面;安卓则支付宝支付完能跳回浏览器,然后提示可以下载APP查看更多内容(或其他的宣传)。

与技术及领导沟通后,第二点中,本来还想打开APP的,但是考虑到打开APP后还要再帮用户打开支付宝支付,流程太长容易出错,且用户看着页面不断的切换甚至可能以为自己手机中毒了,所以就不检测是否已安装了APP。

至此,我们就完成了微信中进行支付宝支付的通路,尤其是在微信浏览器中,用户只需要多点击两步:

点击更多->用浏览器打开,然后就能解决问题,整体体验习惯了还是可以的,只是谁会去习惯这玩意儿呀,所以我们还要配合微信公众号、小程序大量宣传,引导用户去APP或支付宝生活号中进行购买,能享受一定优惠或参与活动抽奖等,逐渐引流。

04 补充方案

我们之所以设计微信使用支付宝支付,其实还是舍不得微信的用户量,但是每次都这么折腾,用户就可能在这样折腾中流失了。所以我们还要考虑其他补充方案:

  • 钱包支付:允许用户储值付款,储值可以享受一定优惠
  • 银行卡支付:与银联合作(我们只是说不用微信支付而已),实现绑卡支付
  • 基于钱包、银行卡支付实现进一步的小额免密支付:进一步为熟客降低支付的门槛,最大程度的留住用户
  • 其他:例如电子购物卡之类的,还有引入一些其他支付方式,如云闪付、翼支付或别的

通过对用户支付方式的补充,其实只能很小程度的降低用户的门槛,不过能留存住一部分老客户,也算是挽回一些损失。

为什么要去掉微信支付

这时候如果你还在阅读文章,那请仔细回忆一下那些触手可及的APP:

京东能用支付宝支付么?

美团外卖能用支付宝支付么?

为你手上的小米手环充岭南通/羊城通时,小米运动APP支持支付宝支付么?

拼多多APP上付款的时候,如果要用支付宝支付,得把折叠展开……

当仔细回想一下,为什么你接触的APP都是只支持微信支付呢,凭啥就不能支持支付宝支付呢是吧。

如果一家公司就是阿里控股或阿里承担支付业务的,或者他们的支付业务由阿里控制下的公司负责的时候,只能用支付宝那是再正常不过了。

另外接到这个需求后,我们也调研了一些处境和自己类似的公司,同时找了几家支付公司沟通,确实发现了有公司就是用类似的方案继续在微信上宣传自己的产品,所以才进一步踏实了我们这么做的信心。所以,大家未来要是真有幸遇到了这种产品,请不要惊讶,这都是有原有的。

 

本文由 @iCheer 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 怎么联系你呢?我有这个需求哎

    来自山东 回复
  2. 2021年宣布微信、支付宝互联互通了,有新的方法在微信拉起支付宝页面吗?

    来自广东 回复
    1. ?????你是穿越了还是看新闻看走眼了?????

      来自广东 回复
  3. 微信环境中的页面给一个支付宝扫码付款的二维码,用户截图后在支付宝中识别

    来自广东 回复
    1. 在微信环境中能生成支付宝的二维码吗?不会被微信识别到?

      来自广东 回复
    2. 有风险被封或无法使用,因为支付宝的收款码属于“当面付”功能,不支持其他方式识别的。

      来自广东 回复
  4. 请问,微信小程序里面接入银联的银行卡支付,这个能实现吗

    来自广东 回复
    1. 可以,建议采用全接口版本的绑卡、支付,这样就不限是不是小程序、H5、APP了。具体实现方案看你的供应商,找银联、大部分银行、支付公司都能做。

      来自广东 回复
    2. 你好,请问全接口版本的是指的什么

      来自浙江 回复
  5. 你好,在您文章里看到用钱包支付的场景,也就是余额付款,那么如果用户余额提要怎么实现呢,用银企直联的转账方式吗,这块不是很清楚,麻烦大佬能解答下吗?

    来自广东 回复
    1. 1、钱包使用支付公司的产品,直接调用对应提现接口即可;
      2、钱包是公司自研的,提现到绑定的卡里建议用银企直联;提现到wx钱包余额中,建议用wx的企业付款到零钱。

      来自广东 回复
    2. 上面的明白了,谢谢大佬答复,再补充问个问题哈,如果提现到个人的银行卡里,用银企直联方式,支持从企业账户转账到个人账户吗,我看银企直联的支付接口只有公对公的,代发接口倒是可以对个人,但是有没有业务上的限制,比方说只能代发工资等,刚开始接触这块,烦请大佬再帮忙解答下哈

      来自广东 回复
    3. 看你具体用了哪家的银企直联,从合规角度讲,企业是不能直接给个人转账的,所以才叫代发。代发里面有很多类型,工资、劳务报酬等等。

      来自广东 回复
  6. 不合理的需求还去做分析调研,哈哈 应该换个思路解决问题的根本 是什么原因造成不能用微信支付才是关键

    来自广东 回复