zoukankan      html  css  js  c++  java
  • 微信小程序-分享到朋友圈功能

    之前为了把小程序分享到朋友圈很费劲,通常做法是用canvas绘制一张带小程序码的图,让用户先下载下来在手动分享到朋友圈,这样确实很费劲。现在小程序开放了beta版版本分享到朋友圈功能,体验了下不得不说比上面那种做法方便得多了。那么如何实现,请按照下面的步骤进行:

    1.页面需设置允许“发送给朋友”

    onShareAppMessage: function () {
        return {
          title:'发送给好友',
          desc: '描述描述',
          path: 'page/plug/plug'
        }
      },
    

    2.页面需设置允许“分享到朋友圈”,同时可自定义标题、分享图等

    onShareTimeline(){
        return {
          title: '分享朋友圈功能测试',
          query: 'a=1&b=2',
          imageUrl: '../../images/qr.jpg'
        }
      },

    这两步设置后,用真机测试结果:

           

      

       

     此功能注意点: 

      1.从基础库 2.11.3 开始支持,此功能为beta版,暂仅在Android平台支持


      2.适用于内容型页面的分享,不适用于有较多交互的页面分享


      3.用户在朋友圈打开分享的小程序页面,并不会真正打开小程序,而是进入一个“小程序单页模式”的页面
       a.“单页模式”下,页面顶部固定有导航栏,标题显示为分享时的标题。底部固定有操作栏,点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。
       

       b.“单页模式”默认运行的是小程序页面内容,但由于页面固定有顶部导航栏与底部操作栏,很可能会影响小程序页面的布局。因此,请开发者特别注意适配“单页模式”的页面交互,以实现流畅完整的交互体验。
        1.通过判断场景值等于 1154 的方法来进行页面适配
        2.页模式下,可设置顶部导航栏与页面的相交状态,具体参考 navigationBarFit 配置。
        3.在单页模式下,wx.getSystemInfo 接口返回的 safeArea 为整个屏幕空间
         

         c.单页模式”下,一些组件或接口存在一定限制
        1.不允许跳转到其它页面,包括任何跳小程序页面、跳其它小程序、跳微信原生页面
        2.不允许横屏使用
        3.若页面包含 tabBar,tabBar 不会渲染,包括自定义 tabBar
        4.本地存储与小程序普通模式不共用
        5.页面无登录态,与登录相关的接口,如 wx.login 均不可用;云开发资源需开启未登录访问方可在单页模式下使用,详见未登录模式。

          

         

      

     4.不支持在小程序页面内直接发起分享
     5.自定义分享内容时不支持自定义页面路径
     6.存在 web-view 组件的页面不支持发起分享
     7.支持打开开发版、体验版,无权限人员进入时页面会提示无权限
     8.低版本微信客户端打开时,会进入一个升级提示页面

      此功能限制挺多的而且目前只支持安卓版本,但是对于这种营销性功能还是很受欢迎的,而且开发上的设置很方便。

  • 相关阅读:
    Ajax基础知识详解
    php 基础语法整理
    06 js-递归
    原生js 实现瀑布流布局
    解决高度坍塌问题
    jQuery动画效果
    jQuery增删元素类名
    JQueryTab栏切换(important!)
    jQuery排他思想(important!)
    jQuery设置元素样式
  • 原文地址:https://www.cnblogs.com/changxue/p/13292845.html
Copyright © 2011-2022 走看看