美文网首页
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 微信自定义分享

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

  • 微信JS-SDK updateAppMessageShareDa

    最近开发一个项目时,有微信H5网页自定义分享功能,使用了微信JS-SDK的分享到好友和分享到朋友圈功能。 微信开发...

  • JS交互微信之自定义分享

    前言 本篇为JS交互微信系列篇的第三篇自定义微信分享,记录在微信内置浏览器打开页面再分享时对分享的处理。 一、 介...

  • 微信小程序分享自定义图片

    效果图 微信小程序分享的时候需要自定义样式,也就是自己绘图,然后分享 代码wxml js 配置分享

  • 微信自定义图文分享的配置

    微信自定义分享流程 公众号配置与后台接口书写内容 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接...

  • 2020-06-30微信小程序分享和转发事件

    微信小程序“分享、转发”功能1、页内自定义分享2、页面右上角“…”分享行为 当页面js上没有添加事件“onShar...

  • 微信自定义分享

    几个月前在做一个ai项目;项目需求在微信公众号内需要有自定义分享的功能; 微信公众平台 微信JS-SDK说明文档 ...

  • 微信公众平台开发配置及自定义分享

    刚刚做了微信的自定义分享,折腾了好一会,完了记个笔记。微信JS-SKD说明文档本次测试需要:通过ICP备案的域名、...

  • 微信分享实现自定义标题、摘要、图片

    1.如果是没有自定义过的网页,使用微信分享如图 2.使用自定义逻辑的网页进行微信分享,如图 3.自定义分享的实现 ...

  • 微信分享(h5页面)

    1、之前的WeixinJSBridge.call()等方法已经停止使用,微信分享需要引用js-sdk. 微信js-...

网友评论

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

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