美文网首页
Thinphp + js 微信自定义分享

Thinphp + js 微信自定义分享

作者: 风度翩翩的程序猿 | 来源:发表于2020-07-16 17:18 被阅读0次

    就像我们进入公众号以后,右上角的三个点,里面有分享,这个只是微信自己弄的,相当于是分享本页面,想要分享自己的链接,我们要做些操作。

    首先呢,我们要通过后台传过来微信配置参数,appid 签名等,具体看代码。

    tp代码呢,也就是配置一类的

    $jssdk = new \Extend\JSSDK($weixin_config['appid'],$weixin_config['appsecret']);
            $signPackage = $jssdk->getSignPackage();
            // 查询个人信息
            $this->assign('signPackage', $signPackage);
    

    然后咱们再看js代码,直接写在js区域就行,进页面直接加载即可,前提条件得引入一个js

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
    
    wx.config({
                    debug: false,
                    appId: '{$signPackage.appId}',
                    timestamp: '{$signPackage.timestamp}',
                    nonceStr: '{$signPackage.nonceStr}',
                    signature: '{$signPackage.signature}',
                    jsApiList: [
                        'checkJsApi',
                        'openLocation',
                        'getLocation',
                        'scanQRCode',
                        'chooseImage',
                        'updateAppMessageShareData',
                        'updateTimelineShareData',
                        'openLocation'
                    ]
                });
                wx.ready(function () {
                    //自动执行的
                    wx.checkJsApi({
                        jsApiList: [
                            'getLocation', 'scanQRCode', 'chooseImage', 'updateAppMessageShareData', 'updateTimelineShareData', 'openLocation'
                        ],
                        success: function (res) {
                            // alert(JSON.stringify(res));
                            // alert(JSON.stringify(res.checkResult.getLocation));
                            if (res.checkResult.getLocation == false) {
                                alert('你的微信版本太低,不支持微信JS接口,请升级到最新的微信版本!');
                                return;
                            }
                        }
                    });
                    wx.updateAppMessageShareData({
                        title: '{$zdy_url.title}', // 分享标题
                        desc: '{$zdy_url.miaoshu}', // 分享描述
                        link: '{$zdy_url.url}', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: img, // 分享图标
                        success: function () {
                            // 设置成功
                        }
                    });
                    wx.updateTimelineShareData({
                        title: '{$zdy_url.title}', // 分享标题
                        link: '{$zdy_url.url}', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: img, // 分享图标
                        success: function () {
                            // 设置成功
                        }
                    });
                });
    
                wx.error(function (res) {
                    alert(res.errMsg);
                });
            }
    

    这些代码就可以实现了,谢谢大家,有什么补充,请大佬们评论!!!!!

    相关文章

      网友评论

          本文标题:Thinphp + js 微信自定义分享

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