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

 更新时间:2021年01月07日 09:05:45   作者:远航_  
这篇文章主要给大家介绍了关于微信小程序onShareTimeline()实现分享朋友圈的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

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

分享朋友圈官方链接

先上代码

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']
})

兼容

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

版本号比较

微信客户端和小程序基础库的版本号风格为 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()分享朋友圈内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js网页中的(运行代码)功能实现思路

    js网页中的(运行代码)功能实现思路

    网页中的"运行代码"是一个很方便的功能,可以直接看到代码的效果,感兴趣的朋友不妨参考下,或许对你学习js有所帮助,好了花不多说切入正题
    2013-02-02
  • js实现缓冲运动效果的方法

    js实现缓冲运动效果的方法

    这篇文章主要介绍了js实现缓冲运动效果的方法,涉及javascript操作元素运动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-04-04
  • js数组的五种迭代方法及两种归并方法(推荐)

    js数组的五种迭代方法及两种归并方法(推荐)

    下面小编就为大家带来一篇js数组的五种迭代方法及两种归并方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • Bootstrap实现渐变顶部固定自适应导航栏

    Bootstrap实现渐变顶部固定自适应导航栏

    这篇文章给大家介绍了Bootstrap实现渐变顶部固定自适应导航栏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • Javascript实现时间倒计时功能

    Javascript实现时间倒计时功能

    这篇文章主要为大家详细介绍了Javascript实现时间倒计时功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • javascript中json基础知识详解

    javascript中json基础知识详解

    本文主要介绍了json的基础知识。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • String字符串截取的四种方式总结

    String字符串截取的四种方式总结

    下面小编就为大家带来一篇String字符串截取的四种方式总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 打开新窗口关闭当前页面不弹出关闭提示js代码

    打开新窗口关闭当前页面不弹出关闭提示js代码

    打开新窗口关闭当前页面时总是弹出提示框,有没有办法避免它的弹出呢,答案是可以的接下来为大家分享一个方法可以解决此问题,感兴趣的你可不要错过了哈,希望可以帮助到你
    2013-03-03
  • Javascript中判断变量是数组还是对象(array还是object)

    Javascript中判断变量是数组还是对象(array还是object)

    怎样判断一个JavaScript变量是array还是obiect,或许有很多初学者对此不是很清楚吧,下面为大家详细解答下,希望对大家有所帮助
    2013-08-08
  • Three.js如何实现雾化效果示例代码

    Three.js如何实现雾化效果示例代码

    雾化效果是3D的比较常见的特性,在游戏中见到的烟雾、爆炸火焰以及白云等效果都是雾化的结果,下面这篇文章主要给大家介绍了关于Three.js如何实现雾化效果的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09

最新评论