微信小程序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 相关文章推荐
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
js字符串日期yyyy-MM-dd转化为date示例代码
Mar 06 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
javascript制作幻灯片(360度全景图片)
Jul 28 Javascript
基于jquery实现人物头像跟随鼠标转动
Aug 23 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
详解angular element()方法使用
Apr 08 Javascript
微信小程序组件之srcoll-view的详解
Oct 19 Javascript
node中的session的具体使用
Sep 14 Javascript
JavaScript 实现页面滚动动画
Apr 24 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
php setcookie函数的参数说明及其用法
2014/04/20 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
js 自制滚动条的小例子
2013/03/16 Javascript
js弹窗返回值详解(window.open方式)
2014/01/11 Javascript
jQuery simplePage+AJAX plus分页插件用法实例
2016/02/17 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
vue 巧用过渡效果(小结)
2018/09/22 Javascript
js比较两个单独的数组或对象是否相等的实例代码
2019/04/28 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
2019/06/18 Javascript
layui table复选框禁止某几条勾选的实例
2019/09/20 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
js里面的变量范围分享
2020/07/18 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
Python类的继承和多态代码详解
2017/12/27 Python
详解Python字典的操作
2019/03/04 Python
用python3 urllib破解有道翻译反爬虫机制详解
2019/08/14 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
CSS3使用多列制作瀑布流
2016/05/10 HTML / CSS
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
爱情检讨书大全
2014/01/21 职场文书
青年教师培训方案
2014/02/06 职场文书
2015年护士长个人工作总结
2015/04/24 职场文书
幼儿园班级工作总结2015
2015/05/25 职场文书
2016年秋季运动会通讯稿
2015/11/25 职场文书
HTML中table表格拆分合并(colspan、rowspan)
2021/04/07 HTML / CSS
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android
Python 居然可以在 Excel 中画画你知道吗
2022/02/15 Python