微信小程序onShareTimeline()实现分享朋友圈


Posted in Javascript onJanuary 07, 2021

根据官方文档的意思,目前只支持Android版本

分享朋友圈官方链接

微信小程序onShareTimeline()实现分享朋友圈

先上代码

Page({
	//页面的初始数据
	data:{
	},
	//自定义函数
	// 用户点击右上角分享给好友,要先在分享好友这里设置menus的两个参数,才可以分享朋友圈
	onShareAppMessage: function() {
		wx.showShareMenu({
	  withShareTicket: true,
	  menus: ['shareAppMessage', 'shareTimeline']
	 })
	},
	//用户点击右上角分享朋友圈
	onShareTimeline: function () {
		return {
	  title: '',
	  query: {
	  key: value
	  },
	  imageUrl: ''
	 }
	},
	//生命周期函数--监听页面加载
 onLoad: function(options) {
 },
})

写了这段代码后,刚加载页面时分享朋友圈是灰色的,我点击了分享好友后,才可以分享朋友圈?

把这段代码放到onLoad或者onReady中就可以了

wx.showShareMenu({
 withShareTicket: true,
 menus: ['shareAppMessage', 'shareTimeline']
})

微信小程序onShareTimeline()实现分享朋友圈

兼容

小程序的功能不断的增加,但是旧版本的微信客户端并不支持新功能,所以在使用这些新能力的时候需要做兼容。开发者可以通过以下方式进行低版本的兼容:

版本号比较

微信客户端和小程序基础库的版本号风格为 Major.Minor.Patch(主版本号.次版本号.修订版本号)。

文档中会在组件,API等页面描述中带上各个功能所要求的最低基础库版本号。

开发者可以在小程序中通过调用 wx.getSystemInfo 或者 wx.getSystemInfoSync 获取到当前小程序运行的基础库的版本号。通过版本号比较的方式进行运行低版本兼容逻辑。

版本号比较适用于所有情况。部分场景下也可以使用后面提到的方法完成。

注意:不要直接使用字符串比较的方法进行版本号比较。

版本号比较可以参考以下代码:

// 比对是否是最新版本号
function compareVersion(v1, v2) {
 v1 = v1.split('.')
 v2 = v2.split('.')
 const len = Math.max(v1.length, v2.length)

 while (v1.length < len) {
 v1.push('0')
 }
 while (v2.length < len) {
 v2.push('0')
 }

 for (let i = 0; i < len; i++) {
 const num1 = parseInt(v1[i])
 const num2 = parseInt(v2[i])

 if (num1 > num2) {
  return 1
 } else if (num1 < num2) {
  return -1
 }
 }

 return 0
}
const version = wx.getSystemInfoSync().SDKVersion

if (compareVersion(version, '2.11.3') >= 0) {
 wx.openBluetoothAdapter()
} else {
 // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
 wx.showModal({
 title: '提示',
 content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。'
 })
}

版本号兼容官方链接

总结

到此这篇关于微信小程序onShareTimeline()实现分享朋友圈的文章就介绍到这了,更多相关小程序onShareTimeline()分享朋友圈内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript中继承的一些示例方法与属性参考
Aug 07 Javascript
简单实用jquery版三级联动select示例
Jul 04 Javascript
Jquery插件编写简明教程
Mar 25 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
ECMAScript6块级作用域及新变量声明(let)
Jun 12 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
详解JavaScript对象序列化
Jan 19 Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 Javascript
详解react阻止无效重渲染的多种方式
Dec 11 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
JavaScript实现滑块验证解锁
Jan 07 #Javascript
js删除指定位置超链接中含有百度与360的标题
Jan 06 #Javascript
基于element-ui封装表单金额输入框的方法示例
Jan 06 #Javascript
JS中多层次排序算法的实现代码
Jan 06 #Javascript
如何使用原生Js实现随机点名详解
Jan 06 #Javascript
详解微信小程序「渲染层网络层错误」的解决方法
Jan 06 #Javascript
JavaScript 中的六种循环方法
Jan 06 #Javascript
You might like
Gregarius中文日期格式问题解决办法
2008/04/22 PHP
php源代码安装常见错误与解决办法分享
2013/05/28 PHP
PHP中使用TCPDF生成PDF文档实例
2014/07/01 PHP
php调用mysql存储过程实例分析
2014/12/29 PHP
PHP缓冲区用法总结
2016/02/14 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
laravel orm 关联条件查询代码
2019/10/21 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
js给table赋值的实例代码
2016/10/13 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
初步解析Python下的多进程编程
2015/04/28 Python
Python爬虫之模拟知乎登录的方法教程
2017/05/25 Python
使用 Visual Studio Code(VSCode)搭建简单的Python+Django开发环境的方法步骤
2018/12/17 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
python提取照片坐标信息的实例代码
2019/08/14 Python
Pycharm+django2.2+python3.6+MySQL实现简单的考试报名系统
2019/09/05 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
Python控制台实现交互式环境执行
2020/06/09 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
python 发送get请求接口详解
2020/11/17 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
什么是继承
2013/12/07 面试题
教师岗位职责范本
2013/12/29 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
理想国读书笔记
2015/06/25 职场文书
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技