zoukankan      html  css  js  c++  java
  • 微信开发:微信js_sdk 分享,前端部分(二)

         微信开发:微信js-sdk前端分享,代码如下:   

    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> var site="http://www.maddietech.com/"; var descstitle = $("title").text(); var descs = $("meta[name='description']").attr('content'); wx.config({ debug: false, appId: '<?php echo $signPackage["appId"];?>', timestamp: <?php echo $signPackage["timestamp"];?>, nonceStr: '<?php echo $signPackage["nonceStr"];?>', signature: '<?php echo $signPackage["signature"];?>', jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage"] }); wx.ready(function () { wx.onMenuShareTimeline({ title: descstitle, // 分享标题 link: window.location.href,// 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl:site+"__MAIDI__/img/share_blue.jpg", // 分享图标 success: function () { // 用户点击了分享后执行的回调函数 console.log('share success'); } }); wx.onMenuShareAppMessage({ title: descstitle, // 分享标题 desc: descs, // 分享描述 link: window.location.href, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl:site +"__MAIDI__/img/share_blue.jpg", // 分享图标 type: 'link', // 分享类型,music、video或link,不填默认为link dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空 success: function () { console.log('send success'); } }); }); </script>

    注意点:
    1.引入 jweixin-1.0.0.js ,
    2.wx.config({}); 配置里面的参数大小写要标注。不然配置会失败。timestamp:值是数字,不是字符串。js里面只要字段加引号,都是字符串。调试的时候,记得打开debug:true.调试完成后,改为false。
     wx.config({
                    debug: false,
                    appId: '<?php echo $signPackage["appId"];?>',
                    timestamp: <?php echo $signPackage["timestamp"];?>,
                    nonceStr: '<?php echo $signPackage["nonceStr"];?>',
                    signature: '<?php echo $signPackage["signature"];?>',
                    jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage"]
                  });
    3.wx.ready({});里面调用jsApiList 列表里面的接口。
  • 相关阅读:
    js运算符逻辑!和instanceof的优先级
    一道关于数组的前端面试题
    关于变量提升
    关于offsetParent
    获取地址栏的参数列表,并转化为对象
    关于类型转换
    bootstrap-4
    bootstrap-3
    bootStrap-2
    bootStrap-1
  • 原文地址:https://www.cnblogs.com/dongmodify/p/9491694.html
Copyright © 2011-2022 走看看