uniapp转小程序分享到朋友圈

uniapp转化成小程序,但是目前小程序只支持安卓手机进行朋友圈分享,ios目前还不支持。
文档link
我的项目是uniapp,就直接按照我的写法来进行展示:

<button plain class="wx" open-type='share'><view><img src="http://friend.png" alt="" class="shareimg"></view><view>微信好友</view>
</button>
<button plain class="wx" open-type='share'><view><img src="http://pyq.png" alt="" class="shareimg"></view><view>朋友圈</view>
</button>
// An highlighted block
// 这两个方法可以直接写在methods里面, 也可以写在和生命周期同级的地方
// 分享到朋友圈
onShareTimeline: function(e){// 配置标题var title = this.articleinfo.prop1;var contentid = this.contentidreturn {title: title,// 这里面是配置你的url中?后面的数据query: {type: 'hot',contentid: contentid}}
},
// 这两个方法都要写上,就算不分享给好友也要有这个方法,下面的showShareMenu配置要用到
onShareAppMessage: function(e) {// 这里是分享给微信好友的方法, path是分享给好友的小程序页面, 好友点击直接进入path页面var path = '/xxxxxxxxxx/fxarticle?type=hot&contentid=' + this.contentid;var title = this.articleinfo.prop1;return {title: title,path: path}
},

我主要展示分享到朋友圈的部分

shareTimeline(){'&type=Article';var that = this//console.log(url)// --------app分享朋友圈开始------// #ifdef APP-PLUSuni.share({provider: "weixin",scene: "WXSenceTimeline",//WXSceneSession 微信好友 WXSenceTimeline//微信朋友圈type: 0,href: url,title: "分享标题" ,summary: "分享标题",imageUrl: "88888888888888.png",success: function (res) {//console.log("success:" + JSON.stringify(res));uni.showToast({title: '已分享到朋友圈',icon: 'none'})},fail: function (err) {console.log("fail:" + JSON.stringify(err));}});// #endif// --------app分享朋友圈结束------  // --------小程序分享朋友圈开始------// #ifdef MP-WEIXINwx.showShareMenu({withShareTicket: true,menus: ['shareAppMessage','shareTimeline'] // ***这地方两个配置都要写上})// #endif// --------小程序分享朋友圈结束------
}

欢迎各路大佬的指教,共同进步。

uniapp转小程序分享到朋友圈相关推荐

  1. 2行代码实现小程序分享到朋友圈功能

    期盼已久的小程序直接分享到朋友圈的功能,官方终于支持了.今天就来带大家实现小程序分享到朋友圈的功能.代码很简单. 老规矩,以图为证 新加分享到朋友圈的按钮 分享到朋友圈的效果 分享成功 打开朋友圈分享 ...

  2. 小程序分享到朋友圈_如何给小程序添加分享朋友圈

    微信公众号更新以后,推送不是按照优先来的,你们可以把我的微信公众号点击设置为星标,以便于及时的接收信息. 从微信小程序官方分享朋友圈有那么几天了,今天就分享下如何给自己的小程序添加分享朋友圈代码,几行 ...

  3. 小程序分享到朋友圈功能_小程序开发日记 分享到朋友圈

    贵州 水司楼 图片来自 视频截图 最近微信小程序开始公测小程序分享到朋友圈的功能了.记得前两天刚开始内测时,小程序社区里就不断有人发帖问关于分享到朋友圈的各种问题.很显然大家对这个新特性都特别关心.那 ...

  4. 【小程序】766- 一文看懂小程序分享到朋友圈

    点击上方 关注我们 作者简介 张所勇 转转平台运营中心前端负责人,在前端领域有深入研究,包括:sketch一键切图.前端数据模型化,小程序基础能力建设等多个方面,10年工作经验中,做了2年工程师,5年 ...

  5. 一文看懂:如何将小程序分享到朋友圈[建议收藏]

    背景 近日小程序支持分享到朋友圈的消息可以说是小程序开发圈的一个重磅炸弹,转转小程序团队也在收到微信邀请后第一时间进行了调研,并对转转小程序迅速进行了能力支持,本文将全面解读微信此项能力. 概述 此项 ...

  6. golang-vue实现微信小程序分享到朋友圈

    最近涉及到微信小程序分享到朋友圈,不知道微信为什么不直接接口分享,咱也不敢佛,咱也不敢问,只能百度问度娘,看官方文档,网上的一些分享五花八门,每一个重点的,所以整理了一下到底怎样生成二维码分享图片才是 ...

  7. android微信分享走小程序流程,教你怎么把微信小程序分享到朋友圈

    教你怎么把微信小程序分享到朋友圈 2020年07月13日 | 萬仟网移动技术 | 我要评论 7月8日收到邀请,可将小程序页面分享到朋友圈.适用于内容型页面的分享,不适用于有较多交互的页面分享.该功能为 ...

  8. 一文看懂:小程序分享到朋友圈【建议收藏】

    点击上方 关注我们 作者简介 张所勇 转转平台运营中心前端负责人,在前端领域有深入研究,包括:sketch一键切图.前端数据模型化,小程序基础能力建设等多个方面,10年工作经验中,做了2年工程师,5年 ...

  9. 解决 ios 微信小程序分享到朋友圈 禁用问题

    微信小程序分享到朋友圈 显示当前页面的转发按钮 显示当前页面的转发按钮 wx.showShareMenu 配置当前页面的转发按钮. onLoad(){wx.showShareMenu({withSha ...

最新文章

  1. C#学习笔记(四):数组
  2. 系统负载LoadAverage
  3. 成功解决sklearn\cross_validation.py:41: DeprecationWarning: This module was deprecated in version 0.18 i
  4. c 语言 string库,C语言编程必备资料(包括库函数,string类,stl库模板).docx
  5. 读取XML文件的节点内的内容
  6. React开发(183):ant design 中treeSelect控制选中
  7. 百度AI学习:一、语音识别
  8. Byte[]、Image、Bitmap 之间的相互转换
  9. C语言编程-9_4 字符统计
  10. 下载离线aptana的eclipse插件
  11. 12306对抢票软件“下手”了
  12. 手机 长按删除 html5,移动端长按删除
  13. 兼职程序员可以从什么平台接私活?
  14. SHGetFileInfo 报错 异常 问题
  15. 【Hadoop】谷歌的三篇论文(GFS、MapReduce分布式计算模型 、BigTable大表)
  16. 数据挖掘 第四篇:OLS回归分析
  17. 坚守在技术无人区,一群无名英雄的低调与浪漫
  18. 每个人都值得学的一项技能
  19. Part1 コンビニエンス・ストア編(1)---基本的な業務を知る
  20. AI驱动制药的一种典范模式

热门文章

  1. uni-app 使用高德地图部分内容
  2. 使用DevExpress WPF主题设计器轻松创建Office 2019绿色主题(二)
  3. RL78/F13 在E2 studio(GCC)上的FLASH(FDL)读写应用
  4. .netcore+vue 实现压缩文件下载
  5. CSUST OJ 2020
  6. android ar物体识别_玩转AR图形识别小程序
  7. Qt实现360安全卫士主界面(中央窗体)
  8. 一套HTML网站后台信息管理静态网页模版下载
  9. day03-流程控制01
  10. Hyperledger-Fabric-01简介