一宇博客致力创造一个高质量网络资源教程的综合分享平台
广告位 后台主题配置管理

网站首页 闲言碎语 正文

2行代码实现小程序直接分享到微信朋友圈功能

一宇A1xt 2020-09-03 闲言碎语 109 ℃ 0 评论百度已收录

期盼已久的小程序直接分享到朋友圈的功能,官方终于支持了。今天就来带大家实现小程序分享到朋友圈的功能。代码很简单。

老规矩,以图为证
新加分享到朋友圈的按钮

2行代码实现小程序直接分享到微信朋友圈功能 第1张

分享到朋友圈的效果
2行代码实现小程序直接分享到微信朋友圈功能 第2张

分享成功

2行代码实现小程序直接分享到微信朋友圈功能 第3张

打开朋友圈分享链接后的效果
2行代码实现小程序直接分享到微信朋友圈功能 第4张

可以看到底部有个前往小程序,这样我们就可以在朋友圈里直接打开小程序了。

是不是很激动,接下来就教大家如何实现小程序分享到朋友圈的功能吧。

小程序分享到朋友圈的代码编写

或许你都想象不到,小程序分享到朋友圈真是太简单了。只需要下面这几行代码,并且这几行代码是小程序页面的默认配置。

//第一步:设置可被分享
onShareAppMessage: function (res){
    return {title:'我是传统分享的标题'}
},
//第二步:设置分享到朋友圈的标题
onShareTimeline:function (res){
    return {
        title:'转发到朋友圈'
        query:'我是携带参数'
    }
},

onShareAppMessage是我们默认就有的配置,也就是onShareTimeline是我们新加的,其实你只要配置好onShareTimeline这段代码,就可以轻松的实现小程序分享到朋友圈功能了。

来看下官方的文档

其实小程序分享到朋友圈只需要满足下图红色框里的两个条件。

2行代码实现小程序直接分享到微信朋友圈功能 第5张

而这两个条件很好满足,就是我们这两行代码

2行代码实现小程序直接分享到微信朋友圈功能 第6张

注意点

还有一点要注意的,就是我们要想使用小程序分享到朋友的功能,必须
1,使用最新版的开发者工具
2,使用最新版的调试库

2行代码实现小程序直接分享到微信朋友圈功能 第7张

2行代码实现小程序直接分享到微信朋友圈功能 第8张

到这里我们就轻松的实现小程序分享到朋友圈的功能了,赶紧给你的小程序添加这个功能吧。

请自行测试吧~!

如果不能分享,本人在这里提供另一个版本的代码,需要的回复下载。

[hide]

 onShareAppMessage: function () {
        return {
          title: this.data.shop.name,    //自定义标题   string
          path: `/pages/store/store?id=${this.data.shop.shop_id}`  //这个地址需要把页面路径拼接的参数发送出去,直写页面地址的话,别人进入会是空的页面
        }
      },
      onShareTimeline: function(res){
        let img = this.data.path_image+this.data.shop.shop_img  //取得是每个店铺的图和店铺名称
        console.log(img)
        return {
          title: this.data.shop.name, //字符串  自定义标题
          query: `id=${this.data.shop.shop_id}`,  //页面携带参数
          imageUrl:img   //图片地址
        }
      },

[/hide]

Tags:微信小程序代码分享

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
  • 特大暴雪预报已经出现,南方是否会雪灾?两省或有极端化趋势
  • 男童扔鞭炮炸飞5个井盖,母亲受伤送医
  • 打工人返乡过年破防瞬间:孩子夜幕中打着手电筒狂奔迎接
  • 什么是盲盒交友,日入十万是真的吗?
  • Win11怎样强制开启毛玻璃横向排列
  • H5漂流瓶交友源码 社交漂流瓶H5源码 附安装教程
  • 2021美国奇幻冒险《超能敢死队》HD1080P.中英双字
  • 关于goto在线解密源码问题
  • 全新防黑运营版在线客服系统源码 自助注册客服系统/im即时通讯聊天/多商户机器人
  • 学法减分小程序2021最新可用可运营源码附带安装教程
  • 标签列表
  • hide (50)
  • 微信 (8)
  • 模板 (21)
  • 代码 (36)
  • typecho (131)
  • 样式 (11)
  • 页面 (24)
  • 图片 (25)
  • wordpress (10)
  • 文章 (36)
  • 目录 (12)
  • 后台 (12)
  • 浏览器 (9)
  • 链接 (10)
  • 分类 (12)
  • 归档 (14)
  • pjax (11)
  • 设置 (10)
  • 支持 (9)
  • 缩略图 (9)
  • 特性 (10)
  • 主题 (32)
  • 全站 (7)
  • 评论 (11)
  • typecho插件 (21)
  • 最新留言
    站点信息
    • 文章总数:933
    • 页面总数:11
    • 分类总数:28
    • 标签总数:927
    • 评论总数:182
    • 浏览总数:102473
    请先 登录 再评论,若不是会员请先 注册