微信小程序实现转发分享功能(好友朋友圈)
微信小程序分享
微信小程序已经支持分享到好友和朋友圈功能(安卓),用户在朋友圈打开分享的小程序页面,并不会真正的打开小程序,而是进入一个“小程序单页面模式”的页面;
微信小程序文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onShareTimeline
微信小程序单页面模式:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html#%E8%AE%BE%E7%BD%AE%E5%88%86%E4%BA%AB%E7%8A%B6%E6%80%81
单页面模式:
“单页模式”下,一些组件或接口存在一定限制:
1、页面无登录态,与登录相关的接口,入wx.login()均不可用;
2、不允许跳转其他页面,包括跳转小程序页面,跳转其他小程序,跳转微信原生页面;
3、不允许横屏,页面包含的tabbar不会渲染,包括自定的tabbar;
4、 本地储存与小程序普通模式不共用;
具体详情,请查看:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html#%E5%8D%95%E9%A1%B5%E6%A8%A1%E5%BC%8F%E4%B8%8B%E7%9A%84%E9%99%90%E5%88%B6
实现分享:
分享参数都是可配置的,分享朋友圈是建立在分享朋友的基础之上的:
1、首先设置页面允许“发送给朋友” onShareAppMessage(Object object);
2、页面设置允许“分享到朋友圈” onShareTimeline();
满足上述两个条件的页面,可被分享到朋友圈。
onShareAppMessage: function () {const { info, code } = that.data;return {title: info.name,path: `/pages/share/index?code=${code}&uid=${wx.getStorageSync('uid')}`,imageUrl: info.thumbnail_url}},onShareTimeline: function(){const { info, code } = that.data;return {title: info.name,query: `code=${code}&uid=${wx.getStorageSync('uid')}`,imageUrl: info.thumbnail_url}}
打开分享页:
好友打开分享的页面,执行相应的接口数据;
onLoad: function (options) {if(options.code&&options.uid){console.log(options.code)console.log(options.uid)}},
总结:
微信小程序分享朋友圈还是有很多局限性的,比如用户在朋友圈中打开的而并非是我们分享的小程序,需要我们在跳转小程序才能执行我们的逻辑;
而且分享朋友圈目前只支持安卓,觉得功能并不完善,大家根据项目需要吧,个人觉得有点鸡肋!
微信小程序实现转发分享功能(好友朋友圈)相关推荐
- 微信小程序使用wxa-plugin-canvas分享海报和朋友圈
之前在写海报的时候自己也封装过一个,这里再给大家推荐一个组件wxa-plugin-canvas.目前就使用感来说还是不错的.这里有一个开源的地址,大家可以把它下载下来放进自己的组件中 开源项目地址:h ...
- 微信小程序 非webview分享给好友及生成分享海报
微信小程序 非webview分享给好友及分享海报 UI展示 点击分享显示分享sheet: 点击生成海报,展示海报预览图片: 组件目录结构: 代码 works文件 woks.json中引入: " ...
- 微信小程序wechat的分享功能
微信小程序的分享功能 2020/07/28 声明:必须为button按钮 wxml <button data-name="shareBtn" open-type=" ...
- 小程序一键分享html5,H5手机网站封装微信小程序并实现分享功能的教程
通过本文教程可以实现将H5手机网站直接封装成微信小程序,并且支持分享功能.但不支持微信支付功能. 说明:手机站域名必须开启https模式 第一步: 微信开发者工具中创建小程序,填写你自己的小程序App ...
- android分享分享到朋友圈图片,android app分享微信小程序(包含封面网络图片)+图片到朋友圈...
A 分享微信小程序效果: image.png 实现代码 //第一步通过url拿网络图片并生成bitmap val path = "分享小程序某个界面包含传参数" if (!Text ...
- 微信小程序点击分享功能
[html部分] < view class = "usermotto carDesc carDesc1"> <!-- <button class=" ...
- 微信小程序全局添加分享功能
在app.js中重新分享方法 App({onLaunch() {this.overShare();},//重写分享方法overShare: function () {//监听路由切换//间接实现全局设 ...
- 微信小程序—页面内分享按钮用图标代替
微信小程序-页面内分享按钮用图标代替 前言 代码 效果图 前言 张小龙不知道出于什么原因将打开客服会话.触发用户转发.打开授权设置页.打开"意见反馈"页面等功能全都挂载到butto ...
- 【源码分享】一键打开禅意生活——电子木鱼微信小程序源码分享
为大家推荐一个在线的AI聊天:魔术AI-8080n点cn界面简洁精美,免费点开即用 在快节奏的现代生活中,我们需要一种方式来减轻压力和焦虑,让我们的身心得到放松和平静.电子木鱼微信小程序是一款专门为人 ...
最新文章
- “搞垮” 微博服务器?每天上亿条用户推送是如何做到的
- random.choice()使用
- DBUtils开源JDBC类库,对JDBC简单封装(作用是:简化编码工作量,同时不会影响程序的性能)...
- linux命令strip
- C语言二级指针与典型应用(1)
- Lucene 基础理论
- Angular ngTemplateOutlet 元素的学习笔记
- [UE4]解析json数据
- java面向_java是面向什么的语言?
- C# 使用VS建立数据库并使用
- facebook登录和分享
- Linux(centos)增加账户内存(Resource temporarily unavailable问题)
- LCD液晶显示屏颜色显示波长研究与总结?
- C盘Temp文件夹的内容可以删掉
- error 系统错误 错误码10007_linux系统中socket错误码:eintr和eagain的处理方法
- 从制造大国到制造强国,智能制造改变制造业未来
- Win10 提示WerFault.exe 应用程序错误解决方法(非常规方法)
- 计算机考研402,考研402分经验谈
- 图形图像基础 之 jpeg介绍
- ffmpeg剪切视频
热门文章
- 2021年山东省安全员C证考试试卷及山东省安全员C证考试总结
- SpringBoot WebSocket RTP 视频实时监控
- 论文阅读——S. Lee, et al., Beyond Natural Motion: Exploring Discontinuity for Video Frame Interpolation
- 从智能产品防丢器看中外差别
- 32单片机,硬件电路,计算机,细碎知识【7000字】【来源工作日记】【原创】
- Python - 七种武器之NumPy
- 通过串口去修改ODA管理口的IP
- Android网络请求中的回调
- 关于建站域名选取的问题及注意事项分享
- “银联商务全民付移动支付”接入及问题处理