聊聊微信小程序

最近因为项目需要,算是完完整整体验了一把微信小程序的开发。整体的感觉还算不错,这里稍微谈谈使用心得。

关于文档

微信小程序总体来说还是很简单的。这个完全得益于腾讯团队的付出。官方文档简直是各位产品经理的教科书。所有你需要的东西,在文档里面都能找到相应的资料。

对小程序的偏见

从微信第一天说要做小程序起大家就开始各种谣传。说微信小程序是为了做掉原生App而生的。然而我们看他们给自己的定位。这其实是微信为了打通线上与线下的壁垒而给门店使用的工具。可以说和原生APP没有半毛钱的关系。至于网上的流言,在小程序发布之前说是能做掉APP,在小程序发布不到一个月又说它已经死掉了。这些我们只用当做每天都会弹出来的娱乐新闻看看就可以了。没必要认真。只是作为一个开发者,我们有必要来理解下微信做这个东西的初衷。

开发思想

小程序的整体开发思想还是紧贴前端发展潮流趋势的。如果你熟悉vuejs这样的前端框架,那么几乎可以一秒上手小程序的开发。微信做的事情,无非就是将像html,css这样的文件后缀名改为了自家的wxml,wxss,将向v-if这样的指令用wx-if来替换一下。其开发思想和vue完全一致。既减少了开发者的学习成本,又能将学到的东西用到主流web开发中。这点还是很不错的。

关于教程

小程序的帮助文档是非常完备的。所以这里我首先不推荐在网上花一些钱去购买某某大神的视频这样的方式来学习。在教程选择上还是优先选择微信官方的教学。不过小程序对于个人开发者而言还是有相当的局限性的(主要面向企业)。我们无法取得appid这样的帐号。也就意味者无法在手机端调试。无法发布自己的小程序。只能在电脑上进行简单的预览。

然而对于我们学习来说,完全是足够了的。

小程序的开发并不是一路平坦,里面也会有一些相应的坑。

首先是页面的层级限定,这是微信对小程序很重要的一个限定。微信目前的限定是5层。首页->栏目页->…->详情页。微信小程序中的层级跳转是使用wx.navigateTo()这个方法。当超过5层之后再使用wx.navigate()就无法打开新的页面了。所以在决定跳转的时候要注意是否是有必要采用这个层级式跳转(这种跳转方式会保留反回按钮,允许用户从下一层级反回到上一层级)。所以,在不必要保留返回按钮的页面我们要采用wx.redirectTo()这个方法来跳转。

小结

这里主要还说聊聊微信小程序这个小玩意,就不展开来谈了,因为确实比较简单,花点心思的同学都能学好。我还是比较看好小程序的。未来每个小店都有自己开发自己小程序来方便大家还是很棒棒的(微信就是这样的设想)。对于我们前端来说,能学到新技术新思想还是值得开心的,就不要太多的抱怨了啦 : D