WeChatShare

编辑

WeChatShare

使用此插件自定义微信分享链接中的标题、描述、小图标和URL,包括分享给朋友/分享到朋友圈,效果如下:

image-20210330160130075.webp

左边是原始的链接样式,右边是自定义后的链接样式

插件下载

使用

您需要有一个公众号,并且公众号通过微信认证
在插件中填写微信公众号平台中获取到的 AppIDAppSecret (开发 > 基本配置)
添加博客域名到JS安全域名中(设置 > 公众号设置 > 功能设置 > JS接口安全域名)
配置完成后,可以在每篇博客的编辑页面配置微信分享,设置标题、描述、小图标和URL等信息

Pjax

如果你的网站使用了pjax技术,则需要进行下一步的设置,否则在页面发生跳转后插件将无法正常工作。

1. 在你的pjax-container中添加以下代码
下面代码的作用是在完成pjax刷新之后,替换成新的文章信息

    <script>
        var pageInfo = {
            title: '<?php echo $this->title; ?>',
            parameter_type: '<?php echo $this->parameter->type; ?>',
            cid: '<?php echo $this->cid; ?>',
            signature_url: '<?php
                $http_type = ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on')
                    || (isset($_SERVER['HTTP_X_FORWARDED_PROTO'])
                        && $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https')) ? 'https://' : 'http://';
                $signature_url = $http_type . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
                // pjax
                $signature_url = preg_replace('/\?_pjax=.*/','',$signature_url);
                echo $signature_url; ?>'
        };
    </script>

2. 在你的pjax回调函数中添加以下代码
下面代码的作用是在pjax刷新之后重新调用wx.config

new WX_Custom_Share().init();

评论区

  1. 小墨 小墨

    设置了,好像不生效呢,有没有和我一样的