微信小程序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 相关文章推荐
JObj预览一个JS的框架
Mar 13 Javascript
由JavaScript中call()方法引发的对面向对象继承机制call的思考
Sep 12 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
JavaScript String 对象常用方法总结
Apr 28 Javascript
json实现添加、遍历与删除属性的方法
Jun 17 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
微信小程序 Animation实现图片旋转动画示例
Aug 22 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
vue路由切换之淡入淡出的简单实现
Oct 31 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
Aug 19 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
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
PHP微信红包API接口
2015/12/05 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
Yii 2.0自带的验证码使用经验分享
2017/06/19 PHP
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
使用Sticker.js实现贴纸效果
2015/01/28 Javascript
JavaScript每天定时更换皮肤样式的方法
2015/07/01 Javascript
对jQuary选择器的全面总结
2016/06/20 Javascript
Angularjs的ng-repeat中去除重复数据的方法
2016/08/05 Javascript
浅谈jQuery中的checkbox问题
2016/08/10 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
Ajax验证用户名或昵称是否已被注册
2017/04/05 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
小程序实现左滑删除功能
2018/10/30 Javascript
vue实现搜索功能
2019/05/28 Javascript
javascript读取本地文件和目录方法详解
2020/08/06 Javascript
mustache.js实现首页元件动态渲染的示例代码
2020/12/28 Javascript
vue3.0封装轮播图组件的步骤
2021/03/04 Vue.js
低版本中Python除法运算小技巧
2015/04/05 Python
Python中数字以及算数运算符的相关使用
2015/10/12 Python
pycharm使用matplotlib.pyplot不显示图形的解决方法
2018/10/28 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
利用Python正则表达式过滤敏感词的方法
2019/01/21 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
如何在Anaconda中打开python自带idle
2020/09/21 Python
公司开业庆典主持词
2014/03/21 职场文书
爱情寄语大全
2014/04/09 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
防卫过当辩护词
2015/05/21 职场文书
Redis基本数据类型List常用操作命令
2022/06/01 Redis