前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：
前言
前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：
【组件化开发】前端进阶篇之如何编写可维护可升级的代（有些晦涩有些乱，但是对于整体了解小程序结构有帮助）
我们用小程序实现这里的代码，看看是个什么样的体验，另外我这里想保证代码程度重用，为后续一端代码四端运行做前驱探索。
页面复杂度还是比较高的，包括了：
① 弹出层
② 页面跳转
③ 缓存
④ 数据请求
⑤ 列表页、滚动分页
⑥ ……
我相信完成了这个例子，我们对小程序业务代码怎么写会有比较好的了解，于是让我们开始今天的代码吧。
小程序的布局
为什么不使用HTMLamp;CSS
微信小程序这种平台型的超越Hybrid系统诞生还是有一些客观条件的，其中一个就是移动端的应用相对来说简单的多，想想PC负责的布局，如果要使用小程序实现，那么复杂度会提高很多。
小程序代码编写逻辑层依旧使用JS完成，但是结构层以及样式层推出了：
① WXML，Weixin Markup Language，是微信设计的一套标签语言，与HTML类似，做过Reactamp;Vue的同学会非常熟悉
② WXSS，WeiXin Style Sheets，是一套样式语言，用于定义样式，与CSS类似，一般认为是CSS的子集
因为小程序中UI组件都是Native实现，所以小程序直接手起刀落压根放弃让我们使用HTML容器，这样做我觉得有个好处是：
为了更好的限制，我之前也在做Hybrid乃至前端框架，一般来说我会限制到View级别的实习，要求必须按照我的规则做，但是因为入口为index.html文件，我甚至将全局控制器App的实例化放到了main.js里面，只提供了建议的做法，事实上HTML还是太过灵活，有些同事逐渐根本不按照我们的规则玩，他觉得他的做法更好，但是这样一来便会了项目的总体性，后续的工程性的优化或者监控可能就不能帮助他了，从某个角度来说，我是认可小程序的做法的。
我们之前在这里研究过自定义标签的做法：从DOM操作看Vueamp;React的前端组件化，顺带补齐React的demo
从这个文章以及小程序的实现可以看出基本的概念：
① 标签的出现根本不是做标签用，而是为了让JS执行相关逻辑，***后生成真正的标签
② 为了做更好的限制，小程序根本不提供入口index.html文件了，所以这里的标签是用作JS做模板解析后生成Native能识别的代码，更具体点说是，Native实现了一个组件，组件有很多规则，可以使用JS去调用，正如我们这里的header组件调用逻辑（JS会设置Native的Header组件展示），这里如果不太清晰可以参考下这个文章：浅谈Hybrid技术的设计与实现第二弹
当然，小程序底层具体是不是这么做，我们不得而知，如果有小程序的同事，可以指导下：），至此，我觉得可以从技术层面说明为什么不直接使用HTMLamp;CSS了：更好的业务限制 方便JS解析模板被Native执行。
小程序组件
我们之前做Hybrid应用的时候，事实上只提供了一个真正具有结构的组件Header，其他loading类的提示组件都比较简单，而我们看看小程序提供了哪些组件呢：
容器类组件
有demo有代码，还是比较清晰。
互联网时代，渠道为王！
一个有足够流量入口的渠道，对于创业者来说，就是机会。而现在，微信小程序快速发展，让企业和商家见识了其强大的引流能力。在接下来的日子，小程序将备受创业者青睐。
微信小程序的特点是小而快，特点在于灵活、快捷、用完即走。它基于微信平台而生，本身就自带流量优势，而且获客成本特别低。正因它所具备的这些特性，已让电商市场格局发生了巨大改变，也让很多个创业者找到了新的商机。
微信小程序以其强大的功能和入口能力，为创业者开启了一个全新的业态模式，而且随着小程序开发门槛和开发成本的不断降低，也让广大创业者省却了时间和技术成本，社区团购，从而更好的助力创业者进行互联网领域的创业，也能够更好的实现其梦想。未来小程序必将是互联网领域的主角，而微信小程序也将成为创业者获取红利的***便捷方式。
那什么叫红利呢？简单来说就是“更低的成本、更高的回报”。小程序的不断的升级和成功案例告诉我们，小程序远远不止我们想的那么强大，它能跟不同的行业组合衍生出不同的玩法，更好地服务各行各业，给创业者带来了更多的选择和更多的可能。
马化腾曾指出：场景才是网络发展重要的因素，如果讲的通俗一点，“场景”就是“市场”，对网络企业来说则是“战场”。毕竟要先有了应用场景，才能有市场，并且自然产生数据、驱动技术发展，甚至带来人才。
事实的确如此，如果说以前创业需要先有“人、资金、场地”才能开始运转的话，那么，移动互联网时代，“应用场景”则是要素，也是创业的“起源”。
比如，BAT分别在社交、电商和搜索都有各自的主战场和场景；滴滴、摩拜有交通出行的场景；而58同城则有日常生活的场景和使用习惯。
现在看来，这些公司都是以“场景”切入，并开始自己的商业、运营模式构建的。移动互联网时代，“场景”是商业的起源。
既然所有企业都在构建自己的“场景”切入口，“场景”市场也慢慢成为“红海”，毕竟在微信***和***宝的压力下，再造一个“***场景”的公司难上加难。如何在巨头林立的领域里分得一杯羹，“场景创新”尤为关键。
先来看一下场景革命的：产品即场景，分享即获取，跨界即连接，流行即流量。但随着互联商业领域的变化，这些方也在发生着变化：
1、不再是简单执着于产品研发，而是专注洞察新的场景可能；
2、不再是拘泥于自我本位诉求，而是激发用户主动传播分享；
3、不再是红海竞争性流量获取，而是新品类独占新场景红利。
新场景势必会带来新机会，通过和公众号、 群关系等成熟流量生态的联动，给小程序电商提供了更多分支流量场景，让购买行为渗透到用户使用的全路径，显著提升效率和购买转化。
中小企业的自有渠道提供了有针对性的营销场景，更加垂直的场景化营销能够从用户群体的特性出发，提供更精准的营销方式，效果更好。
微信自身一个大的场景，在微信内就能完成 “获客-购买-转化-拉新”的闭环，传播和沉淀更加容易。
纵观互联网巨头的“连接对象”，生鲜社区团购哪家好，百度连接人与信息，阿里连接人与商品，腾讯则连接一切，微信则连接情感（熟人关系链），所以，微信已经从社交沟通工具演进成场景基础设施。
近期精品文章推荐：
实体店如何精准运营？答案还在小程序上94%的公众号停更，小程序成公众号的下一个出口?有时间骂拼多多，不如抽空学学拼多多！
抖音和小程序，谁才是2018年的风口？微信小程序刺激社交裂变，巨头抢滩万亿社交电商市场？商家沦为给美团打工？他们早就靠着微信小程序每天接200单！
微信借助小程序干掉的不是AppStore，而是连接所有落地场景的app。可以想像，未来的智能手机上，用户只要安装一个微信就够了——这才是让苹果和整个业态高度关注的真实原因。
需要再次强调的是，开发者小伙伴们不要把小程序视为纯粹的互联网产品。小程序的用户都是存在于现实生活场景中的，而非存在于虚拟的互联网中。这是小程序和其它互联网产品的区别。关于现实生活场景衣食住行，我们将展开想象，生鲜社区团购小程序，看看小程序在衣食住行上能会有什么玩法花样。
食
相信各位小伙伴都已经用微信公众号体验过类似的功能了：当你走进一家餐馆，不需要服务员要菜单，直接扫描自己桌子上的二维码就能完成选餐、点餐、付款等一系列动作。有了微信小程序，这个过程将变得更加快捷，用户既不需要关注商家的公众号，也不用经过繁琐的***过程，直接就能打开菜单进行点餐。
在小程序出来之前，很多线下的商业场景，其实试图通过微信服务号来提供低成本，便捷的解决方案。
到店微信点餐其实就是一个非常典型的场景。虽然很多服务商都做了微信点餐的方案，但是其实，微信的方案，在很多饭店，使用的并不好。服务号是H5来实现的，每一步，都需要载入，流畅性体验会很差。任何一种线上的场景，如果用户体验很差，自然就无法继续流行下去，客户的行为也会影响商家，所以比较大的商家（譬如海底捞）更倾向于使用保证用户体验的本地网络 APP的解决方案。
肯德基也在批小程序内测邀请之中，为了解决排队难的问题，在已有的人工服务台之外，扫描二维码，完成自助点餐服务。可以预见点餐一体机制造商将迎来一轮洗牌，同时你的手机中又少了一款大小20-30M的 App，延伸线下场景消费，我们大概可以知道诸如保洁、美甲、洗车、打车等等O2O业务的App都将被以二维码为入口的小程序所取代。
小程序由于是在本地执行，体验会非常的流畅。并且，点餐入口，都是由贴在桌面上二维码，用户需要时，可以随时呼出小程序。所以，点餐是小程序一个非常有代表性的应用场景。难怪张小龙在演讲时，举的个例子，就是微信小程序点餐的场景。
行
从功能上来看，共享单车类原生应用除了具备借车、等功能外，往往还有一些附带的健身类功能，譬如里程统计、卡路里计算等，未来还有可能做运动社交。但共享单车的小程序功能点就非常集中——扫码、提车、锁车。用户只需要在用到共享单车时扫一扫二维码，不需要更复杂的额外功能。在这种使用场景下，小程序调用方便、启动迅速等优点会被放大，带给用户更好的体验。在无WIFI环境下，假如只需要1M的流量，那用户会果断扫码骑走。APP 小尺寸=微信小程序。摩拜单车“触手可骑”的理念和小程序“触手可得”的理念不谋而合，堪称绝配。
在公交站里面等公交站的时候，想要知道下一班车什么时候来，这个时候只要扫一下公交站的二维码，启动公交站的小程序就可以看到下一班车什么时候来，这都是特别典型的一个小程序的场景。
线下门店提供二维码，使用小程序可以降低获客成本，直接在小程序内查看衣服款式分类，是否符合自己品味，再进店试衣，有喜欢的款式可分享给好友，买单无需注册会员，直接后台记录，多买多享受折扣等等。
进入美发店，扫码获取预订信息，还可以挑选发型种类，查看发型师资料，***后完成***，喜欢的话还可以分享给好友，获取优惠券。
基于LBS小程序提示，出门在外不小心挂坏了衣服，断了鞋跟，立马搜索附近的裁缝店，及时补救。
住
在小程序上实现一些与线下资源搭配的创新短流程场景，例如：房间扫码锁。APP 低频使用场景 更小尺寸=微信小程序；公众号 硬件搭配场景=微信小程序。在酒店门口扫码就能获取预定信息，酒店评价，还能查询周边攻略，目的地游记等等。
家居商店，扫码提供家居详细信息与相关搭配，显示尺寸与价格还有配送信息，也极其便利。
小程序有无限的可能，但也并不会包囊所有，这几个行业是小程序需求之外的：
一个游戏
刀塔传奇、天天酷跑、消消乐，等等。图形处理能力是小程序的劣势，小程序只能做做小游戏（做个贪吃蛇还是可以的）。
一个系统工具
迅雷，美图秀秀，腾讯地图，百度云盘，等等。系统工具需要原生操作系统接口、硬件接口的支持，这方面小程序能做的事情很有限。
一个社交工具
陌陌、微博。先不考虑功能是否可以实现，在腾讯生态下做社交肯定不行。
一个OA、ERP、CRM
在企业管理软件领域，OA、ERP、CRM这些都是“大”的代名词，这很小程序的“小”是冲突的。小程序可以做OA中的某一个场景化的流程（例如打卡签到），但无法将一整个完整的企业管理应用搬进小程序。
有时候，生鲜社区团购，很多人醉心于技术的细节，有些人忙于空泛的营销。却恰恰忽略了一个新事物存在的本质。小程序不是要取代什么，也不是要颠覆什么，其实它就是一个工具。
版权所有©2024 产品网
