解决wx.onMenuShareTimeline出现的问题


Posted in Javascript onAugust 16, 2016

wx.onMenuShareTimeline使用注意事项

我在开发测试过程中,发现使用wx.onMenuShareTimeline无效果,没有显示我定义的图片、title和链接,经过调试发现原因如下:

1.图片大小要大于300pix才能显示

2.这个方法必须先config成功,然后再wx.ready里才能调用。我直接放到$(function(){})里执行,实践证明是不行的。

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
    appId: '{$appid}', // 必填,公众号的唯一标识
    timestamp: "{$signPackage.timestamp}", // 必填,生成签名的时间戳
    nonceStr: '{$signPackage.nonceStr}', // 必填,生成签名的随机串
    signature: '{$signPackage.signature}',// 必填,签名,见附录1
    jsApiList: [
      'checkJsApi',
      'onMenuShareTimeline',
      'onMenuShareAppMessage',
      'onMenuShareQQ',
      'onMenuShareWeibo'
    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
  });
  wx.ready(function () {
    wx.onMenuShareTimeline({
      title: '--{$info.name}', // 分享标题
      link: '{$url}__URL__/index?pid={$pid}&puid={$uid}', // 分享链接,将当前登录用户转为puid,以便于发展下线
      imgUrl: '{$url}__PUBLIC__/Uploads/{$goodsvo.image}', // 分享图标
      success: function () { 
        // 用户确认分享后执行的回调函数
        alert('分享成功');
      },
      cancel: function () { 
        // 用户取消分享后执行的回调函数
      }
    });
    wx.error(function(res){
      // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
      alert("errorMSG:"+res);
    });
  });

通过此文希望能帮助遇到同样情况的朋友,谢谢大家对本站的支持!

Javascript 相关文章推荐
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
js实现自动轮换选项卡
Jan 13 Javascript
bootstrap按钮插件(Button)使用方法解析
Jan 13 Javascript
使用Node.js实现简易MVC框架的方法
Aug 07 Javascript
Vue实现搜索 和新闻列表功能简单范例
Mar 16 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
js+html实现点名系统功能
Nov 05 Javascript
Angular之jwt令牌身份验证的实现
Feb 14 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
Oct 28 Javascript
JavaScript里 ==与===区别详解
Aug 16 #Javascript
DOM中事件处理概览与原理的全面解析
Aug 16 #Javascript
总结javascript中的六种迭代器
Aug 16 #Javascript
你知道setTimeout是如何运行的吗?
Aug 16 #Javascript
深入理解(function(){... })();
Aug 16 #Javascript
关于JSON与JSONP简单总结
Aug 16 #Javascript
json与jsonp知识小结(推荐)
Aug 16 #Javascript
You might like
2.PHP入门
2006/10/09 PHP
深入php list()函数的详解
2013/06/05 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
PHP中的traits简单使用实例
2015/05/13 PHP
PHP正则表达式函数preg_replace用法实例分析
2020/06/04 PHP
jQuery LigerUI 使用教程表格篇(1)
2012/01/18 Javascript
Javascript小技巧之生成html元素
2014/05/15 Javascript
jQuery修改CSS伪元素属性的方法
2014/07/30 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
jquery表单验证插件formValidator使用方法
2016/04/01 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
node下使用UglifyJS压缩合并JS文件的方法
2018/03/07 Javascript
vue todo-list组件发布到npm上的方法
2018/04/04 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
python中List的sort方法指南
2014/09/01 Python
python 网络编程常用代码段
2016/08/28 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
flask框架渲染Jinja模板与传入模板变量操作详解
2020/01/25 Python
HTML5实现移动端弹幕动画效果
2019/08/01 HTML / CSS
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
师范生个人推荐信
2013/11/29 职场文书
高三体育教学反思
2014/01/29 职场文书
机关门卫制度
2014/02/01 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书
长江三峡导游词
2015/01/31 职场文书
宣传委员竞选稿
2015/11/19 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫