微信小程序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 获取LI里的内容
Dec 17 Javascript
javascript中万恶的function实例分析
May 25 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
Javascript BOM学习小结(六)
Nov 26 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
vue+springboot前后端分离实现单点登录跨域问题解决方法
Jan 30 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单
Sep 14 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
Apr 13 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 12 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
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
PHP的消息通信机制测试实例
2016/11/10 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
PHP中16个高危函数整理
2019/09/19 PHP
Laravel登录失败次数限制的实现方法
2020/08/26 PHP
许愿墙中用到的函数
2006/10/07 Javascript
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
Javascript 匿名函数及其代码模式原理
2010/03/19 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
js 异步操作回调函数如何控制执行顺序
2013/12/24 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
2015/07/15 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
2017/01/08 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
react中的ajax封装实例详解
2017/10/17 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:奇迹哥卡尔秀翻全场
2017/03/28 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
Python使用turtule画五角星的方法
2015/07/09 Python
对python中if语句的真假判断实例详解
2019/02/18 Python
python如何实现异步调用函数执行
2019/07/08 Python
python字符串分割及字符串的一些常规方法
2019/07/24 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
pycharm 中mark directory as exclude的用法详解
2020/02/14 Python
Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码
2020/05/28 Python
Pycharm连接gitlab实现过程图解
2020/09/01 Python
python如何调用php文件中的函数详解
2020/12/29 Python
荷兰优雅女装网上商店:Heine
2016/11/14 全球购物
Born鞋子官网:Born Shoes
2017/04/06 全球购物
一份Java笔试题
2012/02/21 面试题
法律专业应届本科毕业生求职信
2013/10/25 职场文书
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
Python+pyaudio实现音频控制示例详解
2022/07/23 Python