美文网首页
微信公众号分享功能

微信公众号分享功能

作者: Stargazes | 来源:发表于2019-10-30 11:05 被阅读0次

1.composer 引入 easyWeChat架包 composer require overtrue/wechat:~4.0 -vvv (文档地址 https://www.easywechat.com/docs/4.1/basic-services/jssdk
)

  1. 控制器实例化 操作类 并返回数据
    public function index()
    {
        //公众号配置信息
        $config = [
            'app_id' => env('WECHAT_OFFICIAL_ACCOUNT_APPID'),
            'secret' => env('WECHAT_OFFICIAL_ACCOUNT_SECRET'),
            'response_type' => 'array',
        ];

        $app = Factory::officialAccount($config);

        $result = $app->jssdk->buildConfig([],false,false, $json = true);//获取分享所需参数

        $result = json_decode($result,true);
        /**
         * 分享返回的参数
         */
        $nonceStr = $result['nonceStr'];
        $timestamp = $result['timestamp'];
        $url = $result['url'];
        $signature = $result['signature'];

        return view('test',compact('nonceStr','timestamp','url','signature')); //传递到页面上

    }

3.页面js处理

<script type="text/javascript">
        wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
                appId: 'wx85194f720bdcd83a', // 必填,公众号的唯一标识
                timestamp:"{{$timestamp}}" , // 必填,生成签名的时间戳
                nonceStr: "{{$nonceStr}}", // 必填,生成签名的随机串
                signature: "{{$signature}}",// 必填,签名
                jsApiList: ['updateAppMessageShareData']// 必填,需要使用的JS接口列表
        });

        wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
            wx.updateAppMessageShareData({ 
                title: '测试', // 分享标题
                desc: '测试描写', // 分享描述
                link: "{{$url}}", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1573007888&di=13ec4f4fc50f4f52a82755a7a72eed7e&imgtype=jpg&er=1&src=http%3A%2F%2Fgss0.baidu.com%2F-Po3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic%2Fitem%2Fd1a20cf431adcbef6df30761a0af2edda2cc9f95.jpg', // 分享图标
            success: function () {
            // 设置成功
            }
  })
});
</script>

相关文章

  • 微信公众号分享功能

    1.composer 引入 easyWeChat架包 composer require overtrue/wech...

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

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

  • 微信公众号自动回复功能开发

    微信公众号自动回复功能开发 本篇主要讲解 微信公众号自动回复功能开发,让我们自己去托管公众号回复的功能,这样可以更...

  • 微信公众号自动回复功能开发

    微信公众号自动回复功能开发 本篇主要讲解 微信公众号自动回复功能开发,让我们自己去托管公众号回复的功能,这样可以更...

  • 公众号如何吸粉

    对于微信公众号,大家应该很是熟悉,每个人微信都有关注那么几个微信公众号,甚至十几个二十几个公众号。 微信公众号功能...

  • 微信系列故事(三)

    今天主要讲微信推出的微信公众号功能 2012年8月微信推出了重磅功能微信公众号,这个创新让腾讯仅仅抓住了内容分发渠...

  • Express+Nuxt+Puppeteer实现服务端截图

    需求背景 互联网产品都少不了分享功能。在微信公众号内,可以使用微信的转发功能直接分享给朋友、分享到群聊和朋友圈,但...

  • 我发现一个很好用的微信公众号客服系统

    微信公众号怎么接入客服功能?如果你的公众号是认证的,在微信公众号后台,左侧菜单栏里有“添加功能插件”选项,添加“客...

  • 2018-05-22

    微信公众号开发 ​前面做过 HG 项目的微信端,里面用到微信扫码、支付、图片选取、拍照、分享的功能。用到 weix...

  • python_微信公众号获取经纬度

    本文只做微信公众号测试用 一、功能 关注微信公众号 西安气象爱好者,发送通过高德地图分享的链接地址,格式为 htt...

网友评论

      本文标题:微信公众号分享功能

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