微信小程序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学习笔记之获取当前目录的实现代码
Dec 14 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 Javascript
js replace正则表达式应用案例讲解
Jan 17 Javascript
JS获取文本框,下拉框,单选框的值的简单实例
Feb 26 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
深入探讨Vue.js组件和组件通信
Sep 12 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 Javascript
js实现购物车功能
Jun 12 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 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上传apk后自动提取apk包信息的使用(示例下载)
2013/04/26 PHP
php获取$_POST同名参数数组的实现介绍
2013/06/30 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
PHP 模拟登陆功能实例详解
2019/09/10 PHP
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
详解Javascript数据类型的转换规则
2016/12/12 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
2017/06/07 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
Angular2实现组件交互的方法分析
2017/12/19 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
微信小程序canvas实现刮刮乐效果
2018/07/09 Javascript
Node.js中读取TXT文件内容fs.readFile()用法
2018/10/10 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
JavaScript Array对象基本方法详解
2019/09/03 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
深入浅析python继承问题
2016/05/29 Python
python模块之sys模块和序列化模块(实例讲解)
2017/09/13 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
完美解决Python 2.7不能正常使用pip install的问题
2018/06/12 Python
Python数据类型之List列表实例详解
2019/05/08 Python
详解python深浅拷贝区别
2019/06/24 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
HTML5地理定位_动力节点Java学院整理
2017/07/12 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
英文求职信写作小建议
2014/02/16 职场文书
《童趣》教学反思
2014/02/19 职场文书
实习评语大全
2014/04/26 职场文书
党支部综合考察材料
2014/05/19 职场文书
保险公司开门红口号
2014/06/21 职场文书
学校党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers