HTTPH5唤醒支付宝

Posted xuxml

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTTPH5唤醒支付宝相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
                <html>
                    <head>
                        <meta charset="utf-8" />
                        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
                        <title></title>
                        <style type="text/css">
                            body{
                                background: #009FE8;
                                min-height: 100vh;
                                font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "5B8B4F53";
                            }
                            .main{
                                position: relative;
                                min-height: 100vh;
                                background: url(http://api.91518lm.com/eFatlrQCyUQVBoalzBPS.png) no-repeat top center;
                                background-size: 100% ;
                            }
                            .btnbox{
                                position: absolute;
                                top: 45%;
                                width: 100%;
                                text-align: center;
                            }
                            .btn{
                                width: 220px;
                                font-size: 18px;
                                font-weight: 500;
                                background: #fff;
                                color: #009FE8;
                                border: 0;
                                border-radius: 3px;
                                -webkit-border-radius: 3px;
                                -moz-border-radius: 3px;
                                padding: 10px;
                                margin-bottom: 15px;
                            }
                        </style>
                    </head>
                    <body>
                        <div class="main">
                            <div class="btnbox">
                                <button class="btn" onclick="isMobile()">去支付</button>
                                <button class="btn" onclick="returnUrl()">返回页面</button>
                                <p style="color: #fff;font-size: 14px;"> QQ浏览器不支持打开支付宝 <br /> 请使用其他浏览器</p>
                            </div>

                        </div>
                    </body>
                    <script>
                        window.location.href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https://www.cnblogs.com/xuxml"
                        function returnUrl(){
                            window.location.href="http://www.baidu.com"
                        }
                        function IsPC() {
                            var userAgentInfo = navigator.userAgent;
                            var Agents = ["android", "iPhone",
                                        "SymbianOS", "Windows Phone",
                                        "iPad", "iPod"];
                            var flag = true;
                            for (var v = 0; v < Agents.length; v++) {
                                if (userAgentInfo.indexOf(Agents[v]) > 0) {
                                    flag = false;
                                    break;
                                }
                            }
                            return flag;
                        }

                        function isMobile(){
                            if(IsPC()){
                                alert("请在手机端，挑起支付");
                            }else{

                                window.location.href="alipays://platformapi/startapp?saId=10000007&clientVersion=3.7.0.0718&qrcode=https://www.cnblogs.com/xuxml"
                            }
                        }

                    </script>
                </html>

以上是关于HTTPH5唤醒支付宝的主要内容，如果未能解决你的问题，请参考以下文章

支付宝H5唤醒APP

H5自动唤起支付宝添加好友页面方法

H5App打包支付方式

uniapp集成支付宝支付无法唤起支付宝客户端

微信朋友分享域名唤醒打开手机默认浏览器

PC电脑端支付宝扫码付款出现编码错误提示原因