解决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动态加载以及确定加载完成的代码
Jul 31 Javascript
jquery ajax 调用失败的原因示例介绍
Sep 27 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
jQuery实现的跨容器无缝拖动效果代码
Jun 21 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
Jan 03 Javascript
jQuery插件HighCharts实现的2D对数饼图效果示例【附demo源码下载】
Mar 09 Javascript
使用vue点击li,获取当前点击li父辈元素的属性值方法
Sep 12 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 Javascript
Node.js中console.log()输出彩色字体的方法示例
Dec 01 Javascript
JS定时器如何实现提交成功提示功能
Jun 12 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
phpwind中的数据库操作类
2007/01/02 PHP
CI框架出现mysql数据库连接资源无法释放的解决方法
2016/05/17 PHP
PHP常用算法和数据结构示例(必看篇)
2017/03/15 PHP
PHP如何解决微信文章图片防盗链
2020/12/09 PHP
UpdatePanel和Jquery冲突的解决方法
2013/04/01 Javascript
js中array的sort()方法使用介绍
2014/02/20 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
jQuery代码实现表格中点击相应行变色功能
2016/05/09 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
微信小程序左右滑动切换页面详解及实例代码
2017/02/28 Javascript
bootstrap时间控件daterangepicker使用方法及各种小bug修复
2017/10/25 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
Vue自定义过滤器格式化数字三位加一逗号实现代码
2018/03/23 Javascript
JS栈stack类的实现与使用方法示例
2019/01/31 Javascript
vue实现随机验证码功能的实例代码
2019/04/30 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
Python实现基本线性数据结构
2016/08/22 Python
centos6.7安装python2.7.11的具体方法
2017/01/16 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
python 用opencv调用训练好的模型进行识别的方法
2018/12/07 Python
解决Python pandas plot输出图形中显示中文乱码问题
2018/12/12 Python
python实现比较类的两个instance(对象)是否相等的方法分析
2019/06/26 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
使用Python给头像加上圣诞帽或圣诞老人小图标附源码
2019/12/25 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
美国儿童玩具、装扮和玩偶商店:Magic Cabin
2018/09/02 全球购物
俄罗斯第一家多品牌在线奢侈品精品店:Aizel.ru
2020/09/06 全球购物
全国优秀教师事迹材料
2014/08/26 职场文书
开展党的群众路线教育实践活动总结报告
2014/10/31 职场文书
先进单位事迹材料
2014/12/25 职场文书
学生逃课万能检讨书2000字
2015/02/17 职场文书
整改通知书
2015/04/20 职场文书