社区团购软件-社区团购-社区团购(查看)

前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：

前言

前面我们研究了下微信小程序的执行流程，因为拿不到源码，只能算我们的猜想，我们需要更加了解小程序还需要做具体的项目，于是我们将原来那套还算复杂的业务拿出来：

【组件化开发】前端进阶篇之如何编写可维护可升级的代（有些晦涩有些乱，但是对于整体了解小程序结构有帮助）

我们用小程序实现这里的代码，看看是个什么样的体验，另外我这里想保证代码程度重用，为后续一端代码四端运行做前驱探索。

页面复杂度还是比较高的，包括了：

① 弹出层

② 页面跳转

③ 缓存

④ 数据请求

⑤ 列表页、滚动分页

⑥ ……

我相信完成了这个例子，社区团购，我们对小程序业务代码怎么写会有比较好的了解，于是让我们开始今天的代码吧。

小程序的布局

为什么不使用HTMLamp;CSS

微信小程序这种平台型的超越Hybrid系统诞生还是有一些客观条件的，其中一个就是移动端的应用相对来说简单的多，想想PC负责的布局，如果要使用小程序实现，那么复杂度会提高很多。

小程序代码编写逻辑层依旧使用JS完成，但是结构层以及样式层推出了：

① WXML，Weixin Markup Language，是微信设计的一套标签语言，社区团购制作，与HTML类似，做过Reactamp;Vue的同学会非常熟悉

② WXSS，WeiXin Style Sheets，是一套样式语言，用于定义样式，与CSS类似，一般认为是CSS的子集

因为小程序中UI组件都是Native实现，所以小程序直接手起刀落压根放弃让我们使用HTML容器，这样做我觉得有个好处是：

为了更好的限制，我之前也在做Hybrid乃至前端框架，一般来说我会限制到View级别的实习，要求必须按照我的规则做，但是因为入口为ml文件，我甚至将全局控制器App的实例化放到了main.js里面，只提供了建议的做法，事实上HTML还是太过灵活，有些同事逐渐根本不按照我们的规则玩，他觉得他的做法更好，但是这样一来便会了项目的总体性，后续的工程性的优化或者监控可能就不能帮助他了，从某个角度来说，我是认可小程序的做法的。

我们之前在这里研究过自定义标签的做法：从DOM操作看Vueamp;React的前端组件化，顺带补齐React的demo

从这个文章以及小程序的实现可以看出基本的概念：

① 标签的出现根本不是做标签用，而是为了让JS执行相关逻辑，***后生成真正的标签

② 为了做更好的限制，小程序根本不提供入口ml文件了，所以这里的标签是用作JS做模板解析后生成Native能识别的代码，更具体点说是，Native实现了一个组件，组件有很多规则，可以使用JS去调用，正如我们这里的header组件调用逻辑（JS会设置Native的Header组件展示），这里如果不太清晰可以参考下这个文章：浅谈Hybrid技术的设计与实现第二弹

当然，小程序底层具体是不是这么做，我们不得而知，如果有小程序的同事，可以指导下：），至此，我觉得可以从技术层面说明为什么不直接使用HTMLamp;CSS了：更好的业务限制 方便JS解析模板被Native执行。

小程序组件

我们之前做Hybrid应用的时候，事实上只提供了一个真正具有结构的组件Header，其他loading类的提示组件都比较简单，而我们看看小程序提供了哪些组件呢：

容器类组件

有demo有代码，还是比较清晰。

微信开发小程序的理念是“无需安装，用完即走”。在实际的使用过程中，现在的小程序大多界面简洁，功能实用。

在小程序的发展过程中，小程序发展的不只是功能，而是更明确了***和使用场景。小程序的出现，让微信看起来更像一个操作系统，小程序之于微信，就像是APP之于手机。

不过，小程序与APP还是有很大区别的，及***根本的还是理念上的区别：小程序强调的是“去中心化”，APP则需要集中流量。

小程序开发者也从照搬APP的功能开发小程序，到现在背靠着小程序生态开发出更符合的小程序。比如转发获得奖励的的小游戏，微信拼团的拼多多。

此外，低频刚需、刚需高频Lite版应用其实更适合用小程序，既省事、又安静，耗流量低、占用内存小。而且因为在微信里面，换手机也无需重新安装了。

比如摩拜单车、美团，用户使用他们的小程序即可使用，无需APP。

从这个角度上说，小程序可以取代某些APP，但是小程序与APP终究是互补的。张小龙说，两者是不同的应用方式，小程序不是来取代App，而是丰富App的场景。

我们先从用户说起。

虽说APP面向的是所有手机用户，但是安装这一步骤就拦住了许多用户，尤其是中老年用户。APP的用户比微信的用户人群年龄上更小，在微信里面用户年纪较大，他们不会、也不爱装APP。

小程序的“无需安装”的特性决定了它可以接触到年龄更为广泛的用户，举个例子——唱吧小程序。

在没有小程序前，用户的习惯是这样的——我看到我的家人朋友分享了一个唱吧的链接，点进去，我没有唱吧APP需要，我就放弃了。

但现在，有小程序了，我不用APP也能唱歌、评论、转发，小程序实际上是把一批不太愿意APP的用户

了，相当于借助小程序开拓了一个新的用户群。

除了触及更多用户，小程序还能够“唤醒用户”。在APP上，用户需要更新APP才能够体验到新的功能，而在这个过程中，APP会不厌其烦地发送推送，但是依然难以唤醒用户更新；而微信几乎不存在这个现象，基本不会有人想着屏蔽微信通知，开发者的小程序只需要通过腾讯审核就能立即生效。

从数据上来看，小程序更是证明了自己在转化用户上的能力。

拼多多小程序抓住了初期上线的流量红利，仅半年多就获得了超过 1 亿的访问量，做到3亿用户、千亿元年GMV 只用了两年；当大家都在为流量和转化率发愁的时候，蘑菇街仅用三个月就吸引了6000多万小程序用户，单日成交额已达到2016年双十一期间单日的20多倍。

说好了用户，我们再来看小程序的使用场景。

就现阶段而言，微信小程序主要适合一些低频刚需的场景。根据这个特点，微信小程序比较适合点餐场景、工具类产品以及电商类产品。

线下进入小程序的入口就是通过扫描二维码进入。

数据显示，2018年上半年在小程序餐饮用户场景入口分布中，二维码占比，达到28.4%。餐饮小程序的使用场景主要是在线下，因此，扫描二维码进行点餐或领取优惠券等活动成为餐饮类小程序用户的主要需求，例如麦当劳就在2017年12月上线了小程序点餐功能，该功能的上线为麦当劳带来了大量的新会员注册，也大富提升了门店的点餐效率和减少用户排队等候时间。

再来看一个数据。

据《中国餐饮报告2018》显示，2017年我国餐饮业收入达到3.9万亿元，市场规模巨大。美股、港股、A股中的一些市值很高的的餐饮企业，又都具有显著的零售化特征，例如广州酒家，它将近40%的营收是零售化产品。

同时，餐饮行业竞争激烈有目共睹，我国 2017 年年底比年初新增了311万家餐厅，但餐饮门店的关店数是开店数的91.6%，平均每个玩家的生命周期仅508天。

此外，外卖平台竞争格局逐渐稳定，补贴力度早已下降，每单外卖含7-10块钱的超高物流成本，让客单价 30 元以下的餐品无法支撑盈利。

而如果是餐饮商户自己的小程序则不需要向平台***服务费，能够将这部分成本用在提升自身服务质量上。餐饮小程序不仅可以只用于门店点餐，也可以通过小程序进行外卖下单，还能够帮助商户进行数据经营管理，提升门店经营效率，增加收益。

小程序作为一种新型的轻量级应用，它的出现无疑是给原来已经呈现中心化的移动互联网带来一种新的可能。

张小龙在微信公开课上是这么说小程序的原则：

小程序不为任何场景特殊设计，平台要足够抽象；微信不会以裁判的身份下场，好的小程序要由用户自己发现；小程序在 2018 年要更多的连接线下，社区团购系统，搜索、扫码、对话是小程序的「去中心化」流量入口。

小程序的存在对于许多企业来说，是自身产品的延伸，可以将扩大用户基数，通过微信来获取更多的流量；对于线下商户来说，小程序更像是一个生产工具，提升了效率，降低了成本。小程序更是催生了小程序相关的行业，诞生了一大批第三方服务商和无数的商机，小程序上一定有更广阔的机遇和未来，给所有怀抱梦想的人以回应。

这一天被视为微信小程序（当时还叫做应用号）的启动日。而白板上的日期也为张小龙***后宣布小程序上线日埋下了伏笔。“2017年1月9日小程序将会正式上线。”一周年，不长不短刚刚好。

预期中的流量红利没有了

作为小程序一批参与内测的开发者，“朝夕日历”创始人程昊是临时起意去广州参加201微信公开课的，本来打算只在北京收看***的他觉得“去现场感受下肯定不一样”。在来广州之前，他和很多开发者都笃定了小程序将会在28日的微信公开课上正式上线。

27日晚，程昊被告知，小程序并不会在第二天的微信公开课上宣布上线，而被业界视为“一出生便风华正茂”的小程序究竟何时上线则成为了谜。

谜底很快就被揭开。然而，小程序的完整规则发布，“在微信中没有入口”、“没有应用商店类分发平台”、“不能分享朋友圈”等条件，让本来期望小程序能有红利期的程昊有些“吃不消”，他告诉DoNews记者，回北京后需要再系统地梳理一下思路，“只有一的二维码入口，这对产品本身以及用户体验的要求更高了。限制的因素增多了，不过对于整个微信生态是好事。”

从去年1月份，张小龙宣布开发微信应用号（后改名微信小程序）以来，关于下一波互联网红利的表述不断发酵，不少拥趸者开始宣扬这是“下一个成就亿万富翁的机会”，他们把小程序当作错失APP和公众号时代之后的另一个崛起机遇。而在去年12月28日的公开课上，微信也把主题定为“下一站，Let"s reset”，在一定程度上也迎合了这种想法。

对小程序大肆吹捧的人群多半并不理解小程序究竟是什么。在一个500人的微信群中，开发者李云鹏感叹道，“就是因为不是程序员的人，才把小程序炒上天了啊。”

预期中的流量红利没有了，微信小程序究竟能有多大价值，社区团购软件，所有人心中都打有一个问号。对那些已经参与开发小程序的公司来说，也只是抱着试错的态度而来。包括去哪儿只选取了火车业务推出去哪儿车小程序，按照他们的***说法这叫做“趟坑”。

曾经被张小龙手机截图秀出过的云阅文学MiniAPP，其创始人黄志强也坦言，不管以后的成败得失，开发小程序主要是为了不错过机会。

困惑：微信不提供流量，大家为微信打工？

“APP的用户都是我辛苦培养的，导入微信后，就开始为它输入流量了”，一位有过经历的创业者表示。在他看来，开发小程序显然是一笔赔本的买卖。

摩卡公社负责人张江认为，小程序对于那些稳定的大公司而言，会在前期使自身流量外流，而能给公司带来的实际利润却并不高，所以开发小程序的往往是那些小公司。

更有不少创业者担心，一旦把小程序与微信深度绑定之后，以后的生死存亡全由微信来定，太没有安全感了。一方是微信8.5亿巨大流量入口可以极大降低获客成本的，另一方是囿于极为苛刻的规则，开发者需要思考的是，是否要将自己的命运完全交到微信手上？

轻松筹联合创始人于亮选择了观望。这款主打社交众筹的公司受益于微信公众号的一波红利而获取了一批客户，然而却对小程序无法上心。

“从一开始我们就没太看重小程序，所以没全力开发。我们在服务号上投入的开发精力非常大，产品做的已经非常复杂和完善了。小程序对我们而言只是一个补充。”于亮对记者说道。

在于亮看来，小程序限制分享到朋友圈的规则与微信环境下生存的大部分互联网创业者的需求是背道而驰的。

“他想让大家都给微信打工，大家想从微信中获取属于自己的用户。”暂时得不到解答的疑惑让一些开发者不想去轻易试水。

APP

小程序，会死APP吗？荔枝FM创始人兼CEO赖奕龙给出的答案是否定的。而荔枝FM是首批开发微信小程序的知名公司之一。

“APP对用户留存和用户黏性还是有帮助的，所以小程序也不可能是全部单一化，还需要APP配合，长短结合。” 赖奕龙觉得，小程序是一个趋势，但也别抱太大期望。

微信团队与荔枝FM在技术、产品和交互体验方面在此之前都进行过沟通，也专门成立了个小组来协助去打造一款可以成为行业标杆的产品。不过，与较为的APP相比，荔枝FM的小程序中目前只保留了音频***的内容。

与荔枝FM一样，专门做快递代收发服务的APP “易代买”创始人王先标暂时也还没有放弃源生APP的想法。易代买的用户***行为80%以上为小额微信***，王先标希望通过微信小程序，完成用户更便捷的***行为，同时能通过小程序带来更多的用户群体。

然而，由于易代买上游用户以快递员和社区门店店主为主，“每次让他们都扫描二维码不现实，没有入口的小程序是不的，”王先标告诉记者，“如果仅仅是二维码，估计前期小程序的使用用户必然会像我们一样，同时保持源生APP和小程序。”

微信开发小程序，箭指何处

根据张小龙的描述，小程序的入口重在线下扫码，解决现实场景需求，这样***终会撬动所有的线下服务商去大面积通过生态的方式去铺设小程序的二维码的入口。

小程序与APP并不冲突，只有***宝中枪。APIcloud的CEO刘鑫这样描述微信小程序。如何理解这句话，刘鑫婉转地说，你可以这样想，小程序就是“线下的淘宝”。

刘鑫认为，小程序的应用场景还是O2O，二维码存在多的地方就是在线下，利用小程序打通客户服务和***。而对于小程序的线下场景，张小龙曾经举了两个例子：车站不用排队，扫码购票；公交站扫个码，就可以看到下一趟车什么时候来。

从商业逻辑来讲，微信希望利用小程序改变此前公众号和服务号不挣钱的状况，优化自身商业模式。微信公众号做得好，得益的是微信公众号运营者，与微信并没有关系。所以，微信做小程序优先思考的必然是变现问题。

小程序将微信的***能力和流量优势联系在一起，提供服务入口，一旦开发者的小程序与用户产生交易，就要使用微信***。刘鑫说，“微信的打法就像是当初的线上淘宝，线下商家可以免费在淘宝开店，但是必须使用***宝。“

小程序背后的第三方生意