微信小程序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据option的value值快速设定初始的selected选项
Aug 13 Javascript
ExtJS 2.2.1的grid控件在ie6中的显示问题
May 04 Javascript
js弹出的对话窗口永远保持居中显示
Dec 15 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
Jquery动态替换div内容及动态展示的方法
Jan 23 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
javascript解析xml实现省市县三级联动的方法
Jul 25 Javascript
VUE脚手架具体使用方法
May 20 Javascript
详解vue-video-player使用心得(兼容m3u8)
Aug 23 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 Vue.js
简单聊聊TypeScript只读修饰符
Apr 06 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 用checkbox一次性删除多条记录的方法
2010/02/23 PHP
PHP数组实例总结与说明
2011/08/23 PHP
PHP5.3安装Zend Guard Loader图文教程
2014/09/29 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
javascript 有趣而诡异的数组
2009/04/06 Javascript
JavaScript代码简单实现求杨辉三角给定行的最大值
2013/10/29 Javascript
JS小游戏之宇宙战机源码详解
2014/09/25 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
JavaScript位移运算符(无符号) &gt;&gt;&gt; 三个大于号 的使用方法详解
2016/03/31 Javascript
jQuery获取及设置表单input各种类型值的方法小结
2016/05/24 Javascript
Vue自定义指令详解
2017/07/28 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
2017/09/26 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
[02:43]DOTA2亚洲邀请赛场馆攻略——带你走进东方体育中心
2018/03/19 DOTA
[48:24]完美世界DOTA2联赛循环赛LBZS vs Forest 第一场 10月30日
2020/10/31 DOTA
Django JWT Token RestfulAPI用户认证详解
2019/01/23 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
golang/python实现归并排序实例代码
2020/08/30 Python
python 常见的反爬虫策略
2020/09/27 Python
html5 迷宫游戏(碰撞检测)实例一
2013/07/25 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
Crabtree & Evelyn欧盟:豪华洗浴、身体和护发
2021/03/09 全球购物
物流仓储实习自我鉴定
2013/09/25 职场文书
护理学专业求职信
2014/06/29 职场文书
高中综合实践活动总结
2014/07/07 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
参加招聘会后的感想
2015/08/10 职场文书
实验心得体会范文
2016/01/25 职场文书
《亲亲我的妈妈》观后感(3篇)
2019/09/26 职场文书