<small id='e27ir'></small><noframes id='e27ir'>

  • <legend id='e27ir'><style id='e27ir'><dir id='e27ir'><q id='e27ir'></q></dir></style></legend>
  • <tfoot id='e27ir'></tfoot>

      <i id='e27ir'><tr id='e27ir'><dt id='e27ir'><q id='e27ir'><span id='e27ir'><b id='e27ir'><form id='e27ir'><ins id='e27ir'></ins><ul id='e27ir'></ul><sub id='e27ir'></sub></form><legend id='e27ir'></legend><bdo id='e27ir'><pre id='e27ir'><center id='e27ir'></center></pre></bdo></b><th id='e27ir'></th></span></q></dt></tr></i><div id='e27ir'><tfoot id='e27ir'></tfoot><dl id='e27ir'><fieldset id='e27ir'></fieldset></dl></div>
        <bdo id='e27ir'></bdo><ul id='e27ir'></ul>
      1. JS版微信6.0分享接口用法分析

        时间:2023-12-10
        <legend id='wFSlH'><style id='wFSlH'><dir id='wFSlH'><q id='wFSlH'></q></dir></style></legend>

      2. <i id='wFSlH'><tr id='wFSlH'><dt id='wFSlH'><q id='wFSlH'><span id='wFSlH'><b id='wFSlH'><form id='wFSlH'><ins id='wFSlH'></ins><ul id='wFSlH'></ul><sub id='wFSlH'></sub></form><legend id='wFSlH'></legend><bdo id='wFSlH'><pre id='wFSlH'><center id='wFSlH'></center></pre></bdo></b><th id='wFSlH'></th></span></q></dt></tr></i><div id='wFSlH'><tfoot id='wFSlH'></tfoot><dl id='wFSlH'><fieldset id='wFSlH'></fieldset></dl></div>
          <bdo id='wFSlH'></bdo><ul id='wFSlH'></ul>
          <tfoot id='wFSlH'></tfoot>

                • <small id='wFSlH'></small><noframes id='wFSlH'>

                    <tbody id='wFSlH'></tbody>

                  下面我将详细讲解“JS版微信6.0分享接口用法分析”的完整攻略。

                  一、JS版微信6.0分享接口简介

                  JS版微信6.0分享接口是微信公众号提供的一种方式,允许网站开发者在网页端调用微信分享功能,从而使用户直接将网页内容分享到微信朋友圈、好友或者分组内的好友。

                  二、JS版微信6.0分享接口使用步骤

                  1. 引入JS文件

                  在HTML文件中的head标签内,加入如下代码引入JS文件:

                  <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
                  

                  2. 配置公众号信息

                  在JS文件中,通过如下代码配置公众号信息:

                  wx.config({
                    debug: false, //开启调试模式
                    appId: 'appId', //公众号的唯一标识
                    timestamp: timestamp, //生成签名的时间戳
                    nonceStr: nonceStr, //生成签名的随机串
                    signature: signature, //签名
                    jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo'] //需要使用的分享功能列表
                  });
                  

                  其中,timestamp、noncestr、signature需要从后端获取。

                  3. 注册分享事件

                  在JS文件中,通过如下代码注册分享事件:

                  wx.ready(function () {
                    wx.onMenuShareTimeline({
                      title: '分享标题', // 分享标题
                      link: '分享链接', // 分享链接
                      imgUrl: '分享图标链接', // 分享图标链接
                      success: function () { 
                        // 用户确认分享后执行的回调函数
                      },
                      cancel: function () { 
                        // 用户取消分享后执行的回调函数
                      }
                    });
                    wx.onMenuShareAppMessage({
                      title: '分享标题', // 分享标题
                      desc: '分享描述', // 分享描述
                      link: '分享链接', // 分享链接
                      imgUrl: '分享图标链接', // 分享图标链接
                      success: function () { 
                        // 用户确认分享后执行的回调函数
                      },
                      cancel: function () { 
                        // 用户取消分享后执行的回调函数
                      }
                    });
                  });
                  

                  4. 调用分享事件

                  通过在JS文件中调用如下代码触发分享事件:

                  document.querySelector('#shareBtn').onclick = function(){
                    wx.showMenuItems({
                        menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline', 'menuItem:share:qq', 'menuItem:share:weiboApp', 'menuItem:favorite', 'menuItem:share:facebook', 'menuItem:share:QZone']
                    });
                  }
                  

                  其中,#shareBtn为一个触发分享的按钮。

                  三、JS版微信6.0分享接口示例

                  示例1:分享图片

                  wx.ready(function () {
                    wx.onMenuShareTimeline({
                      title: '分享标题', // 分享标题
                      link: '分享链接', // 分享链接
                      imgUrl: '分享图标链接', // 分享图标链接
                      success: function () { 
                        // 用户确认分享后执行的回调函数
                      },
                      cancel: function () { 
                        // 用户取消分享后执行的回调函数
                      }
                    });
                  });
                  

                  示例2:分享链接

                  wx.ready(function () {
                    wx.onMenuShareAppMessage({
                      title: '分享标题', // 分享标题
                      desc: '分享描述', // 分享描述
                      link: '分享链接', // 分享链接
                      imgUrl: '分享图标链接', // 分享图标链接
                      success: function () { 
                        // 用户确认分享后执行的回调函数
                      },
                      cancel: function () { 
                        // 用户取消分享后执行的回调函数
                      }
                    });
                  });
                  

                  以上就是“JS版微信6.0分享接口用法分析”的完整攻略,希望可以对你有所帮助。

                  上一篇:Android仿QQ圆形头像个性名片 下一篇:Erlang初学:Erlang的一些特点和个人理解总结

                  相关文章

                • <small id='wQZni'></small><noframes id='wQZni'>

                    <bdo id='wQZni'></bdo><ul id='wQZni'></ul>
                  1. <i id='wQZni'><tr id='wQZni'><dt id='wQZni'><q id='wQZni'><span id='wQZni'><b id='wQZni'><form id='wQZni'><ins id='wQZni'></ins><ul id='wQZni'></ul><sub id='wQZni'></sub></form><legend id='wQZni'></legend><bdo id='wQZni'><pre id='wQZni'><center id='wQZni'></center></pre></bdo></b><th id='wQZni'></th></span></q></dt></tr></i><div id='wQZni'><tfoot id='wQZni'></tfoot><dl id='wQZni'><fieldset id='wQZni'></fieldset></dl></div>

                    1. <tfoot id='wQZni'></tfoot><legend id='wQZni'><style id='wQZni'><dir id='wQZni'><q id='wQZni'></q></dir></style></legend>