通过手机点链接后可以跳转到微信支付的源码怎么写？

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了通过手机点链接后可以跳转到微信支付的源码怎么写？相关的知识，希望对你有一定的参考价值。

微信公司平台帐号注册后官方首页很简单，没有导航栏目页面新建等功能。需要通过三方软件与微信接口做二次开发。首先要在现在微信开个接口，这是要工商局认证的。

最近一个项目用手机上的浏览器（不是微信浏览器）浏览html5网页时，看到有的网站点击“微信支付”时，直接打开了微信进行支付（也就是在浏览器直接调用微信），这个是怎么做到的？


比如页面上有个文字链接：微信支付，点击之后就自动调取微信APP了，而且我不是用微信浏览器打开的网页。最新实用的微信H5手机网站支付源码实例。
效果图片如下：

完整代码如下：即使在Safari中，也是可以点击一个链接到达微信支付界面，只是用户支付完了以后，目前还没有方法再返回到Safari。 如果是自己开发的app，当然更没有任何问题了，可以实现和native app一样的效果。

 源码如下：

    <html> 

    <head> 

    <meta http-equiv="content-type" content="text/html;charset=utf8"/> 

    <meta id="viewport" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1; user-scalable=no;" /> 

    body,p,ul,li,h1,h2,form,inputmargin:0;padding:0; 

    h1,h2font-size:100%; 

    ullist-style:none; 

    body-webkit-user-select:none;-webkit-text-size-adjust:none;font-family:Helvetica;background:#ECECEC; 

    html,bodyheight:100%; 

    a,button,input,img-webkit-touch-callout:none;outline:none; 

    atext-decoration:none; 

    .hidedisplay:none!important; 

    .cf:aftercontent:".";display:block;height:0;clear:both;visibility:hidden; 

    a[class*="btn"]display:block;height:42px;line-height:42px;color:#FFFFFF;text-align:center;border-radius:5px; 

    .btn-bluebackground:#3D87C3;border:1px solid #1C5E93; 

    .btn-greenbackground-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #43C750), color-stop(1, #31AB40));border:1px solid #2E993C;box-shadow:0 1px 0 0 #69D273 inset; 

    .chargefont-family:Helvetica;padding-bottom:10px;-webkit-user-select:none; 

    .charge h1height:44px;line-height:44px;color:#FFFFFF;background:#3D87C3;text-align:center;font-size:20px;-webkit-box-sizing:border-box;box-sizing:border-box; 

    .charge h2font-size:14px;color:#777777;margin:5px 0;text-align:center; 

    .charge .contentpadding:10px 12px; 

    .charge .select liposition:relative;display:block;float:left;width:100%;margin-right:2%;height:150px;line-height:150px;text-align:center;border:1px solid #BBBBBB;color:#666666;font-size:16px;margin-bottom:5px;border-radius:3px;background-color:#FFFFFF;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden; 

    .charge .priceborder-bottom:1px dashed #C9C9C9;padding:10px 10px 15px;margin-bottom:20px;color:#666666;font-size:12px; 

    .charge .price strongfont-weight:normal;color:#EE6209;font-size:26px;font-family:Helvetica; 

    .charge .showaddrborder:1px dashed #C9C9C9;padding:10px 10px 15px;margin-bottom:20px;color:#666666;font-size:12px;text-align:center; 

    .charge .showaddr strongfont-weight:normal;color:#9900FF;font-size:26px;font-family:Helvetica; 

 参考技术A 开发框架是什么语言

微信h5网页点击链接跳转到默认浏览器是怎么弄得

本经验是在微信中，用户点击支付直接跳转到浏览器中进行WAP支付，或者用扫码的形式变种成H5支付（因为支付宝的扫码付自身就带H5支付，可以通过截取代码演变）。下面就具体说一下操作方法把。 技术分享图片

技术分享图片

用户在微信中操作支付，比如A页面用户点击了支付，此时跳转到B页面，将相关参数携带给B页面（最好将相关参数进行BASE64等加密），B页面判断如果是在微信的环境中给出以下头部 

 

 
  1.  
    header("Content-type:application/pdf");
  2.  
    header("Content-Disposition:attachment;filename=‘downloaded.pdf‘");


此时微信会因为头部是下载处理，自动跳转到浏览器中打开这个链接，此时B页面会被在浏览器中重新打开。然后B页面做的有判断是否为微信中打开，此时你只需要处理不再微信中打开的操作就行了，你可以进行跳转，或者进行其他操作等等。。。 


以下是PHP代码，A页面携带参数跳转B页面的代码 

 

 
  1.  
    if ( strpos($_SERVER[‘HTTP_USER_AGENT‘], ‘MicroMessenger‘) !== false ) {
  2.  
     
  3.  
    header("Content-type:application/pdf");
  4.  
    header("Content-Disposition:attachment;filename=‘downloaded.pdf‘");
  5.  
    }else{
  6.  
     
  7.  
    $url = base64_decode($_GET[‘url‘]);
  8.  
    header(‘location:‘.$url);
  9.  
    }



希望官方开发文档中解决方案可以收纳。造福大家，气死微信哈哈
给个动态图自己看： 


以上方法只是用PHP做的一个header头部响应为PDF下载文件，例如JAVA，.NET，Python等都可以的。主要就是让服务端返回一个PDF下载就行了，这样微信就会直接跳出到浏览器打开，剩下的自己联想把













以上是关于通过手机点链接后可以跳转到微信支付的源码怎么写？的主要内容，如果未能解决你的问题，请参考以下文章

微信公众号 怎么跳转到美团手机app页面

手机网络安全问题，浏览器里面的网页跳转到微信支付，或者支付宝，在支付的过程中会有木马病毒吗？

从手机浏览器或者 APP 中跳转到微信并跳转到指定页原理及行业内幕详解

Android应用跳转到微信和支付宝扫一扫

h5页面点击按钮如何跳转到微信公众号，没关注则关注

从微信打开，怎么跳转的 appstore