微信小程序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)
            })
        }
      })
  },

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

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

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

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

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

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

        先看看如何使用：

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

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

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

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

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

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

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

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

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

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