评论

[填坑手册]假如你被要求上线beta版功能--小程序分享到朋友圈

分享朋友圈功能还不完善,且用且小心~

看到各种大V和技术圈都说在小程序分享到朋友圈的事情,不少人忍不住开始尝试起来,不少甲方爸爸、需求方大佬看到了宣传,就想直接用上。。。我想说beta测试的东西常常有很多坑要填的,慎用·

先来看下官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html

很明显,还只是beta版,而且只支持Android分享,还有很多不完善的地方。(截止7月28日)

如何操作

1.先下载最新版IDE工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

2.代码

Page({
  onLoad: function (options) {
    //用于设置显示分享到朋友和朋友圈的icon
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline'],
      success(res) {
        console.log('showShareMenu',res);
      }
    })
  },
  onShareTimeline(res){
    let shareObj = {
      title:"前端智酷方程",
      path:"/pages/news/index" // 配置这个目前是没有用!!! 不能自定义路径
      query:"a=1&b=2",
      imageUrl:"/pages/img/logo.png"
    }
    return shareObj;
  }
})

可以看到目前分享到“朋友圈”只能分享当前页面,可以带参数,但是不能自定义路径

3.具体操作

IDE上



实际手机上朋友圈的效果:

误区:分享到朋友圈不是小程序入口,其实是单页模式

很多人以为分享到朋友圈,就是在朋友圈直接打开小程序,其实并不是,而是打开一个单页,你可以认为是一个“独立的空间”,有诸多限制!

  1. “单页模式”下,页面顶部固定有导航栏,标题显示为当前页面 JSON 配置的标题。底部固定有操作栏,点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。
  2. “单页模式”默认运行的是小程序页面内容,但由于页面固定有顶部导航栏与底部操作栏,很可能会影响小程序页面的布局。因此,请开发者特别注意适配“单页模式”的页面交互,以实现流畅完整的交互体验。
  3. “单页模式”下,一些组件或接口存在一定限制。

限制:很多功能无法使用

  • 页面无登录态,与登录相关的接口,如 wx.login 均不可用;云开发资源需开启未登录访问方可在单页模式下使用,详见未登录模式。
  • 不允许跳转到其它页面,包括任何跳小程序页面、跳其它小程序、跳微信原生页面
  • 不允许横屏使用
  • 若页面包含tabBartabBar 不会渲染,包括自定义 tabBar
  • 本地存储与小程序普通模式不共用
  • 云函数部分功能不支持

如下:
最基本的wx.login 明确说不可用了

wx.getUpdateManager() 用户更新小程序的 onCheckForUpdate 方法也报错

实际使用和总结

目前(7月28日)只有Android设备才能分享到朋友圈,但是IOS和Android设备都可以访问,只要避开文档上写的一些不支持的api,普通的页面展示还是没问题的。

现在还在beta测试,建议大家还是忍忍,等正式版上了再用,毕竟有些坑没必要去跳。如果被甲方架着走,要硬上。。。你就跟他们说二个字:加钱 ! ! ! 这样或许能逼退他们大胆的想法~

看完觉得有帮助记得点赞哦~

你的支持是我持续分享的最大动力yo ^-^

最后一次编辑于  07-28  
点赞 7
收藏
评论

2 个评论

  • Admin²⁰²⁰
    Admin²⁰²⁰
    08-01

    这个比较全。分享朋友圈功能看这一篇就够了。感谢分享。

    08-01
    赞同
    回复 2
  • 拾迹
    拾迹
    07-28

    如果被老板架着上呢,哈哈

    07-28
    赞同
    回复 1
    • 圣殿骑士
      圣殿骑士
      07-28
      这个就得看你个人能力了,怎么感化老板了。。。哈哈
      07-28
      回复
登录 后发表内容