微信小程序分享

微信小程序已经支持分享到好友和朋友圈功能(安卓),用户在朋友圈打开分享的小程序页面,并不会真正的打开小程序,而是进入一个“小程序单页面模式”的页面;

微信小程序文档: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)}},

总结:

微信小程序分享朋友圈还是有很多局限性的,比如用户在朋友圈中打开的而并非是我们分享的小程序,需要我们在跳转小程序才能执行我们的逻辑;

而且分享朋友圈目前只支持安卓,觉得功能并不完善,大家根据项目需要吧,个人觉得有点鸡肋!

微信小程序实现转发分享功能(好友朋友圈)相关推荐

  1. 微信小程序使用wxa-plugin-canvas分享海报和朋友圈

    之前在写海报的时候自己也封装过一个,这里再给大家推荐一个组件wxa-plugin-canvas.目前就使用感来说还是不错的.这里有一个开源的地址,大家可以把它下载下来放进自己的组件中 开源项目地址:h ...

  2. 微信小程序 非webview分享给好友及生成分享海报

    微信小程序 非webview分享给好友及分享海报 UI展示 点击分享显示分享sheet: 点击生成海报,展示海报预览图片: 组件目录结构: 代码 works文件 woks.json中引入: " ...

  3. 微信小程序wechat的分享功能

    微信小程序的分享功能 2020/07/28 声明:必须为button按钮 wxml <button data-name="shareBtn" open-type=" ...

  4. 小程序一键分享html5,H5手机网站封装微信小程序并实现分享功能的教程

    通过本文教程可以实现将H5手机网站直接封装成微信小程序,并且支持分享功能.但不支持微信支付功能. 说明:手机站域名必须开启https模式 第一步: 微信开发者工具中创建小程序,填写你自己的小程序App ...

  5. android分享分享到朋友圈图片,android app分享微信小程序(包含封面网络图片)+图片到朋友圈...

    A 分享微信小程序效果: image.png 实现代码 //第一步通过url拿网络图片并生成bitmap val path = "分享小程序某个界面包含传参数" if (!Text ...

  6. 微信小程序点击分享功能

    [html部分] < view class = "usermotto carDesc carDesc1"> <!-- <button class=" ...

  7. 微信小程序全局添加分享功能

    在app.js中重新分享方法 App({onLaunch() {this.overShare();},//重写分享方法overShare: function () {//监听路由切换//间接实现全局设 ...

  8. 微信小程序—页面内分享按钮用图标代替

    微信小程序-页面内分享按钮用图标代替 前言 代码 效果图 前言 张小龙不知道出于什么原因将打开客服会话.触发用户转发.打开授权设置页.打开"意见反馈"页面等功能全都挂载到butto ...

  9. 【源码分享】一键打开禅意生活——电子木鱼微信小程序源码分享

    为大家推荐一个在线的AI聊天:魔术AI-8080n点cn界面简洁精美,免费点开即用 在快节奏的现代生活中,我们需要一种方式来减轻压力和焦虑,让我们的身心得到放松和平静.电子木鱼微信小程序是一款专门为人 ...

最新文章

  1. “搞垮” 微博服务器?每天上亿条用户推送是如何做到的
  2. random.choice()使用
  3. DBUtils开源JDBC类库,对JDBC简单封装(作用是:简化编码工作量,同时不会影响程序的性能)...
  4. linux命令strip
  5. C语言二级指针与典型应用(1)
  6. Lucene 基础理论
  7. Angular ngTemplateOutlet 元素的学习笔记
  8. [UE4]解析json数据
  9. java面向_java是面向什么的语言?
  10. C# 使用VS建立数据库并使用
  11. facebook登录和分享
  12. Linux(centos)增加账户内存(Resource temporarily unavailable问题)
  13. LCD液晶显示屏颜色显示波长研究与总结?
  14. C盘Temp文件夹的内容可以删掉
  15. error 系统错误 错误码10007_linux系统中socket错误码:eintr和eagain的处理方法
  16. 从制造大国到制造强国,智能制造改变制造业未来
  17. Win10 提示WerFault.exe 应用程序错误解决方法(非常规方法)
  18. 计算机考研402,考研402分经验谈
  19. 图形图像基础 之 jpeg介绍
  20. ffmpeg剪切视频

热门文章

  1. 2021年山东省安全员C证考试试卷及山东省安全员C证考试总结
  2. SpringBoot WebSocket RTP 视频实时监控
  3. 论文阅读——S. Lee, et al., Beyond Natural Motion: Exploring Discontinuity for Video Frame Interpolation
  4. 从智能产品防丢器看中外差别
  5. 32单片机,硬件电路,计算机,细碎知识【7000字】【来源工作日记】【原创】
  6. Python - 七种武器之NumPy
  7. 通过串口去修改ODA管理口的IP
  8. Android网络请求中的回调
  9. 关于建站域名选取的问题及注意事项分享
  10. “银联商务全民付移动支付”接入及问题处理