本文作者:DurkBlue

微信小程序122100版本关于分享、二维码功能介绍与解析

DurkBlue 2020-02-07 2172
微信小程序122100版本关于分享、二维码功能介绍与解析摘要:         关于新版本就不吐槽了,整的自己跟个愤青似的。人老了,喷不动了。下午随着新版本开放,微...

        关于新版本就不吐槽了,整的自己跟个愤青似的。人老了,喷不动了。下午随着新版本开放,微信居然破天荒的开放了开发者论坛。我很是担心官方能不能承受住开发者的愤怒。


        还好,小龙兄很聪明,发帖要审核。我就在帖子里反馈了下bug,顺便劝了下腾讯,做不好小程序还是去卖皮肤吧。10秒钟后帖子就被封了。

        群里有同学问,你不是说要大家支持小程序么,毕竟是国人这么多年唯一有点儿希望比肩iOS和Android生态的平台。当然要支持。但该喷的还是得喷,api都无法保持稳定,还能指望什么?我可没那么多闲心跟着微信屁股后面跑。

        关于122100版本的主要bug,已经在上一篇文章里总结完毕。

        这个版本的更新确实让我浪费了很多时间,视频课程要更新,书稿要更新,还要回答学生们的问题。就不能让人省点儿心么?但,喷归喷,话说回来,122100这个版本的更新内容非常的有价值。毫不夸张的说,这个版本几乎重新定义了小程序。

        腾讯官方发稿说,春节前开放小程序,看来这一天是真的不远了。

        我们来梳理一下,本版本最有价值功能排行榜。

        1. 新增页面分享功能。这个功能重新定义了小程序的能力,回归到了我之前的预测。必须具备传播能力的小程序才是有价值的小程序。但你文档里说,只有页面里加入onShareAppMessage处理函数后页面才会出现分享的按钮。可事实是,页面什么都没加,每个页面默认跟狗皮膏药一样贴3个小点儿。

        2.带参数的二维码。具备扫一扫后,小程序将具有线下业务处理能力。基于二维码的很多应用都将被移植到小程序上来,更加符合小程序线上线下结合,用完即走的服务概念。但要注意,小程序里是无法实现扫码打开网页这种功能的。

        3.开发工具支持微信支付调试。很多人没有开发者账户,这个调试支持很重要。

        4.客服消息。更进一步的加强了小程序电商应用场景。我们期望的就是这样越来越多的场景同微信结合。如果没有这种原生的微信功能支持小程序的应用场景,那还真和App没什么区别。想想你们在京东买东西的时候和客服交流是多么的难受。京东那聊天功能做的,真的是烂到家了。而微信如果能把IM的功能更多的开发给小程序,这将对用户体验是一个大大的增强。

        5.模板消息。这个就不说了,之前就有的功能,但意义非常的重大。

        其他那些对破组件修修补补的行为,没有什么太大的意义。后续这篇文章我将持续更新,把一些新的组件、API的用法集成进来和视频课程做一个互补。

一 带参数的二维码扫描

基本使用方式:

  scanQRCode:function(){
    wx.scanCode({
        success:function(result){
          wx.showModal(
            {
              content:JSON.stringify(result)
            })
        },
        fail:function(error){
             wx.showModal(
            {
              content:JSON.stringify(error)
            })
        }
      })
  },


        还是一如既往的简单。执行这个方法后,如果是在开发工具下,小程序将弹出一个文件选择器,让你选择一张二维码。如果在真机上,则是打开相机进行二维码扫描。

微信小程序122100版本关于分享、二维码功能介绍与解析 第1张

        元稹的“取次花丛懒回顾,半缘修道半缘君”就是我们二维码的信息。

        带参数的二维码将可以实现扫码到达小程序的指定页面,比如我在推广某个商品,那么扫描带这个商品id号的二维码可以直接抵达这个商品的页面,进行购买。小程序将二维码的使用范围限制在了小程序的内部。小程序不在像以前固定入口这么单薄了,内容的展示将呈现更加多样化的效果。

        带参数的二维码的象空间是巨大的,好好利用吧,开发者们。

二 分享功能的使用与注意事项

        分享功能是本次版本更新里具有里程碑意义的一项功能。小程序从此将具备一定的传播能力。我们后面再说为什么只是具备“一定的”传播能力。

        先看看如何使用:

        分享功能目前以一个Page的方法—— onShareAppMessage作为触发方式,而不是以api的方式给出这个接口。看看下面的示例代码:

    /*    * 定义页面分享函数    */
    onShareAppMessage: function (event) {
        return {
            title: '离思五首·其四',
            desc: '曾经沧海难为水,除却巫山不是云',
            path: '/pages/posts/post-detail/post-detail?id=0'
        }
    }


        注意,path必须是以 / 开头的完整路径,代表用户点击分享消息后要跳转的小程序页面。可以附加参数,如id=0。也就是说,分享出去的消息是可以抵达小程序内部任意一个页面的,但要注意附加上页面的参数。

        当页面定义了这个方法后,页面右上角的 · · · 点击后将弹出一个分享菜单:


微信小程序122100版本关于分享、二维码功能介绍与解析 第2张
        点击分享后可以将页面分享给群聊和好友。


微信小程序122100版本关于分享、二维码功能介绍与解析 第3张
        如果现在自己点击这个分享的消息,可以正确跳转到对应的小程序内部的post-detail页面。目前小程序还处于公测,对方如果没有打开小程序的权限,那么是无法点开这个页面的。

        为什么说只是具备一定的传播能力,因为小程序现在不能够分享到朋友圈。朋友圈是最为重要的营销和消息集散地了。微信再一次向用户展现了克制的一面。但我觉得,多此一举。H5为什么能够分享到朋友圈,既然H5可以分享到朋友圈,你这里屏蔽又有什么意义。预测早晚要开放朋友圈分享。

        最后说下,关于右上角的 ··· 。很多同学问如何取消上面的 三个点,看着难受。官方文档里说: 只有定义了onShareAppMessage事件处理函数,右上角菜单才会显示“分享”按钮。

        这句话的意思是,这三个小点会一直存在,无法取消。不管你是否定义了onShareAppMessage处理函数。只不过,如果不定义这个onShareAppMessage,这三个点还是存在的,只是三个点菜单选项里没有“分享”这个选项。原文中“右上角”这三个字非常容易让人误以为是不出现这三个点。微信这写文档的水平,也就是小学三年级的吧。

        大家可以在真机上看到,小程序现在可以被显示在聊天顶部,而这个功能也是从右上角三个小点菜单里触发的(看上面的图中分享的下面)。如果这三个点没有了,那么这个功能也无法触发了。

        这个显示在聊天顶部的功能非常重要。如果大家有在微信里看一篇很长文章的经历,应该知道,如果你正在阅读的时候,突然有消息要回复,那么退出H5页面去回复消息后,再回到文章是相当相当繁琐的一件事儿。这个功能可以解决这个问题。

        放大一个层面看,小程序也初步具备了可以做一些让用户较长时间停留的应用了。

此篇文章由DurkBlue发布,请自觉转载请注明来处
文章投稿或转载声明

来源:DurkBlue版权归原作者所有,转载请保留出处。本站文章发布于 2020-02-07
温馨提示:文章内容系作者个人观点,不代表DurkBlue博客对其观点赞同或支持。

赞(1)

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

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享