uniapp实现小程序页面转发和分享到朋友圈

这篇具有很好参考价值的文章主要介绍了uniapp实现小程序页面转发和分享到朋友圈。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、借助uniapp中页面生命周期钩子onShareAppMessage(OBJECT)用户点击右上角分享
在 js 中定义 onShareAppMessage 处理函数(和 onLoad 等生命周期函数同级),设置该页面的分享信息。

onShareAppMessage(res) {
      if (res.from === 'button') {
           // 来自页面内分享按钮
           console.log(res.target);
       }
       return {
           title: 'xxx', //分享的名称
           path: '/pages/index/xxx?id=xx',//分享详情页面时,需要把所需参数代入
           mpId: 'xxxx', //此处配置微信小程序的AppId
       };
  },

2、借助uniapp中页面生命周期钩子onShareTimeline监听用户点击右上角转发到朋友圈
在 js 中定义 onShareTimeline 处理函数(和 onLoad 等生命周期函数同级),转发朋友圈无需携带页面所需要的参数文章来源地址https://www.toymoban.com/news/detail-609194.html

onShareTimeline(res) {
        return {
            title: 'xxx',
            type: 0,
            summary: '',
        };
    },

到了这里,关于uniapp实现小程序页面转发和分享到朋友圈的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序分享页面转发给朋友是灰色如何处理

    前言 在微信小程序中,将小程序转发给我朋友,发现转发到朋友圈是灰色的 ::: hljs-center ::: 解决方法 解决方法有两种: 每个页面配置, 使用uniapp全局配置。 微信原生写法 局部配置 每个页面局部配置,在页面下,和data同级 全局配置: 在app.js中加入以下代码 UniApp写法 新建

    2024年04月17日
    浏览(33)
  • uniapp开发中基于vue的混入(mixin) 实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】

    一、在开发微信小程序的时候,发现【发送给朋友】、【分享到朋友圈】、【复制链接】功能,灰色不可用。 很常见的功能,但是这几个功能,并不是你项目建起来了就有的。 1.【发送给朋友】使用 onShareAppMessage 这个方法 如果你的小程序,发现他的【转发给朋友】的按钮时

    2024年01月17日
    浏览(67)
  • uniapp 微信小程序分享、分享朋友圈功能

    页内自定义分享按钮 当页面js上没有添加事件“onShareAppMessage”,右上角‘…’不会出现“转发”事件。 如果有事件,但是没有定义事件内容的话,转发的卡片则是当前页面的截屏信息。 官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 方式1:小程序右上角原生菜

    2024年02月16日
    浏览(64)
  • 【uniapp】微信小程序分享到聊天,朋友圈

    ​​​​​manifest.json的app模块配置开启Share微信分享,填入appId。  2.示例  3.界面分享按钮:button open-type=\\\"share\\\"分享/button

    2024年02月14日
    浏览(63)
  • uniapp 微信小程序中实现“发送给朋友”和“分享到朋友圈”

    先新建一个js文件,内容如下: 在main.js中引入 完成上面两步后,每个页面都会有分享按钮了,在页面的 data 里面可以单独设置参数了 效果图如下

    2024年03月10日
    浏览(77)
  • onShareAppMessage 使用uniapp小程序分享好友,朋友圈功能

    1、分享到好友,可以使用button,绑定open-type=\\\"share\\\" 就可以调onShareAppMessage方法 注意: onShareAppMessage和methods、onLoad等同级 这个项目要求就是传当前页面过去,用户好友再页面也可以进行操作,不需要登陆账号,所以传了用户id过去,可以调取相同后台数据 2、分享到朋友圈

    2024年02月13日
    浏览(45)
  • uniapp-微信小程序分享给好友和朋友圈功能

    只需要在要分享的页面中设置 onShareAppMessage 即可 只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮 监听用户点击页面内转发按钮(button 组件  open-type=\\\"share\\\" ) 或者右上角菜单“转发”按钮的行为,并自定义转发内容 具体代码如下  onShareAppMessage如果带了参

    2024年02月03日
    浏览(68)
  • uniapp 微信小程序 动态生成海报分享朋友圈,需先保存图片

    直接拷贝代码,不使用插件,自己纯代码实现。 从相册 或拍照 选择一个图片做海报背景。 大吉大利 今晚吃鸡。

    2024年02月11日
    浏览(96)
  • uniapp 微信小程序 实现 将base64图片保存相册和转发分享微信好友功能记录 直接cv就能用!!!!

    一、base64图片保存相册功能 提示api:that.$refs.uToast.show用的是uview2.0的toast,可以根据具体引入的ui库去更换; 二、转发分享base64图片给微信好友功能  该功能在微信开发者工具中调试的时候会一直报错,真机是没问题的,可能是编译器的bug。 其实整个wx.showShareImageMenu会拉起保

    2024年02月11日
    浏览(74)
  • uniapp 打包H5,打包小程序,打包app分享到微信聊天、朋友圈

    1.uniapp打包H5操作手法:Hbuilder-发行-网站-PC-WEB端或手机端H5访问,需要填写个访问域名,即发布后访问的域名路径 2.uniapp打包H5配置注意事项:uniapp下manifest.json文件中H5配置相关配置,路由模式选择hash,勾选上https访问。 注:如果是本地访问没有https设置,则该项不要勾选,打

    2024年02月09日
    浏览(68)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包