微信小程序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 相关文章推荐
Array.prototype.slice 使用扩展
Jun 09 Javascript
js实现最短的XML格式化工具实例
Mar 12 Javascript
JS实现的跨浏览器解析XML文件实例
Jun 21 Javascript
新手学习前端之js模仿淘宝主页网站
Oct 31 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
jQuery制作图片旋转效果
Feb 02 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
angular2 组件之间通过service互相传递的实例
Sep 30 Javascript
vue+elementUi图片上传组件使用详解
Aug 20 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
Nov 06 Javascript
jQuery AJAX应用实例总结
May 19 jQuery
关于JavaScript中异步/等待的用法与理解
Nov 18 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 array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
PHP自定义函数收代码
2010/08/01 PHP
PHP多进程编程实例详解
2017/07/19 PHP
Yii框架学习笔记之session与cookie简单操作示例
2019/04/30 PHP
Web层改进II-用xmlhttp 无声息提交复杂表单
2007/01/22 Javascript
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
关于javascript DOM事件模型的两件事
2010/07/22 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
2011/11/21 Javascript
JavaScript获取/更改文本框的值的实例代码
2013/08/02 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
Javascript 高阶函数使用介绍
2015/06/15 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
Python 基础之字符串string详解及实例
2017/04/01 Python
关于Python中浮点数精度处理的技巧总结
2017/08/10 Python
Django之使用celery和NGINX生成静态页面实现性能优化
2019/10/08 Python
PyTorch中的padding(边缘填充)操作方式
2020/01/03 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
Windows系统下pycharm中的pip换源
2020/02/23 Python
python Paramiko使用示例
2020/09/21 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
Canvas 文字碰撞检测并抽稀的方法
2019/05/27 HTML / CSS
详解canvas绘图时遇到的跨域问题
2018/03/22 HTML / CSS
Liu Jo西班牙官网:意大利服装品牌
2019/09/11 全球购物
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
大众服装店创业计划书范文
2014/01/01 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
干部个人对照检查材料
2014/08/25 职场文书
2014年政府采购工作总结
2014/12/09 职场文书
2015财务年度工作总结范文
2015/05/04 职场文书
2015迎新晚会活动总结
2015/07/16 职场文书
压缩Redis里的字符串大对象操作
2021/06/23 Redis