Thinphp + js 微信自定义分享

2020-07-16  本文已影响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);
            });
        }

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

上一篇下一篇

猜你喜欢

热点阅读