美文网首页
微信支付-点金计划-小票页面

微信支付-点金计划-小票页面

作者: 不知荼 | 来源:发表于2020-11-16 10:36 被阅读0次

    微信之前(公众号支付/H5网页支付)支付成功,点击完成可直接跳转指定页面。
    后已修改。如果没有开通点金计划的服务商,支付后就会直接关闭商家页面。
    开通点金计划可直接在服务商功能的点金计划查看

    1. 配置商家小票链接(修改链接内容需要五分钟之后才能生效)
      1). 需要https:// 路径的小票链接(前端自己随便写个)

    2. 和微信授权一样, 下载指定的 .txt 文件,放在同级目录。
      填写域名或路径指向的web服务器(或虚拟主机)的目录(若填写域名,将文件放置在域名根目录下;若填写路径或具体链接,将文件放置在最后一级的路径目录下,例如链接为https://xxx/xxx/aa.html,则文件应放置在https://xxx/xxx/xxx.txt。.txt只有添加正确的位置才算配置成功。

    3. 商家小票调试工具预览
      可以先在这个页面调试小票页面
      1). 支付一笔订单 (能在当前交易中心看到这笔订单,确定商家小票链接配置没有配错地方)
      2). 对应的特约商户号中 点金计划 商家小票 广告展示都给打开 后面还有个更多的,点一点,有个配置特约商户商家小票链接,看看是不是配置的, 我是把能配置的都给配置了。
      3). 需要 商家小票链接 特约商户号 商家订单号 微信支付订单号 填满,生成二维码,就可以看到微信支付成功点击完成之后的页面了

    4. 大概上面个流程~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

    5. 下面是,能够成功显示出来的。(查看各种文章后能成功的....)
      小票页面代码如下

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="referrer" content="origin">
        <meta name="viewport"
            content="width=device-width, viewport-fit=cover, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <title>支付完成</title>
         <head>
            <script type="text/javascript" charset="UTF-8" src="https://wx.gtimg.com/pay_h5/goldplan/js/jgoldplan-1.0.0.js"></script>
            <script type="text/javascript">
                window.onload=function(){
                    var mchData ={action:'onIframeReady',displayStyle:'SHOW_CUSTOM_PAGE'};
                    var postData = JSON.stringify(mchData);
                    parent.postMessage(postData,'https://payapp.weixin.qq.com');
                }
            </script>
    
        </head>
        <style>
            body {
                font-family: PingFang SC, "Helvetica Neue", Arial, sans-serif;
            }
            .order_box {
                text-align: center;
            }
    
            .order_box .bussiness_avt img {
                width: 100%;
                height: 68px;
                border: 1px solid #E0E0E0;
            }
    
            .b_name {
                font-size: 14px;
                font-weight: 500;
                color: #333333;
                margin-top: 6px;
            }
        </style>
    </head>
    
    <body>
        <div class="order_box">
            <div class="bussiness_avt">
                <img id="b_avt" src="https://xxxxxxx/121212.png"
                    alt="">
            </div>
            <div class="b_name" id="b_name">
               默认广告占位
            </div>
        </div>
    </body>
    
    </html>
    

    相关文章

      网友评论

          本文标题:微信支付-点金计划-小票页面

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