生鲜社区团购平台小程序-生鲜社区团购平台-微信社区团购

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

前言

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

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

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

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

① 弹出层

② 页面跳转

③ 缓存

④ 数据请求

⑤ 列表页、滚动分页

⑥ ……

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

小程序的布局

为什么不使用HTML&CSS

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

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

① WXML，Weixin Markup Language，是微信设计的一套标签语言，与HTML类似，做过React&Vue的同学会非常熟悉

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

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

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

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

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

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

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

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

小程序组件

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

容器类组件

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

摩拜单车车身二维码最早导流到APP，那是个很重的体验——用户为了骑车还得耗费流量下庞大的应用程序。这让摩拜选择尝试小程序，成了最早的线下用小程序的商家。

一开始，摩拜高管害怕小程序抢夺APP用户，结果试点了以后，转化率提高，APP用户量也随之增长。“每周使用量达到100%的增长。”摩拜单车产品负责人杨毓杰告诉锌财经。小程序开发之后，新用户几乎都来自小程序。也正是微信和摩拜在小程序上的合作，让“用完即走”的理念有了实际的诠释。

线下跑通，还有线上。

新锐电商平台蘑菇街，前后派了100多人到微信总部，他们租了一层办公空间，只留一张沙发给自己老板，带着一个“Do It Right Now”的早期创业时横幅，和慰藉自己肚子的电饭煲，进入了密集加班状态。

蘑菇街团队搬到微信总部与小程序团队一起工作

蘑菇街胡轶苗解释他们的动机：“我们整个公司，从CEO一直到每个人，对于微信小程序的市场非常看好，觉得这是一个全新的能够为我们带来新市场增量的机会。”

6月蘑菇街女装初步上线，7月社交立减金内测、直播上线、拼团玩法、矩阵形成，蘑菇街没错，他们在小程序端的转化率甚至达到了APP端的2倍

就连大泼冷水的罗振宇，也在6个月后，低调重启“得到”小程序。

一切就绪，只差爆发。

从惊艳到惊喜

小程序的程序员内部说，这是一款“特别简单的游戏”。不过是小人发力跳跃，乍看无聊，简单到爆。

它叫做跳一跳，一款真正意义上让小程序红起来的游戏。

2017年12月28日，微信开放了小游戏，同时重点推荐了小游戏“跳一跳”。公开数据显示，截至2018年1月，跳一跳已经积累了3.1亿玩家，有史以来单款游戏用户规模达到的最水平。

跳一跳小游戏

没人说得清跳一跳为什么就火了。人人都在玩它。

它更像一个发力点：

当小程序覆盖面越来越广，微信下拉入口也有了，用户也开始养成习惯。这一切让跳一跳成为引爆点。

这款游戏里还有着程序员“闷骚”文化的体现。比如加分的方块，其实都有小游戏团队的名字；比如“徐记士多”，就是因为那位设计师姓徐。

张小龙的高纪录，据说超过两万分。

“它简单到让你可以有一个面对自己，一个最个人的时刻。大家在微信上，你可能会有很多的消息要处理，朋友圈里有很多信息要你去点赞、评论，可能还有很多工作的信息也夹杂在里面。这个时候玩这样一个小游戏，反而是一个非常正经的事情。”

不过，张小龙认为，如果开发者只是把小游戏作为流量变现的一种手段，而不在意品质，流量很快会被耗尽的。

但是，跳一跳让更多人认识了小程序。

对很多普通用户来说，也许不需要了解什么是小程序，也不关心什么是小程序。立即触达，使用它，然后离开，就够了。

如果故事到此结束，小程序只是惊艳，不够惊喜。

惊喜的是，很多产业都开始探索小程序，并将小程序视为自己的必选项。中国中部地区一个知名连锁企业的高管，在内部放言，“要么让做小程序，生鲜社区团购平台，要么自己。

接触一线企业的微信小程序零售行业负责人于洪潇，最早是和沃尔玛沟通的。一开始，作为外资企业的沃尔玛，根本不知道小程序是什么。双语沟通了3小时，对方还在考虑要不要把订阅号转成服务号。

首先打开智慧零售场景的是永辉超市。当时永辉超市在做业态的改造和升级，不仅有“超级物种”和社区店，还成立了科技公司叫永辉云创，同时推自己的APP。每当中午高峰来临，大楼周围的白领会去超级物种买便当、饮料。虽然用自助收银机，或是扫码结帐，似乎还差了一些东西。

“其实用户在门店排队是很的，赶着吃饭，根本没有人去下APP，超市却还花很多钱去推广，效果很差。”于洪潇说。

一是用户排队的问题，第二是用户数字化的问题。对于线下零售行业来说，这是两道不大不小的门槛：首先必须将线下的用户数字化，然后通过数据和移动互联网追用户的行为习惯。用企业自己的APP，不但要面对开发所需投入的资金和困难，还要长期与推广和后台数据记录作斗争。

永辉超市的小程序开发、上线，会员增速是以前的2倍，留存率是60%，数据比任何表达更有力量。

图片来自网络

对传统企业来说，小程序代表的东西更多。

“小程序帮助他们加快了内部组织架构的优化，甚至包括利益分配，都通过这些项目加速了调整。”某跨国超市中国区的英国籍CEO，在一次沟通中和于洪潇分享了这个观点，比如电商曾经独立核算，哪怕用户在线上下单，到门店去取货也算电商的，那么门店就缺少了服务的动力，现在全由电商负责，但内部的利益分配做了调整，门店也会享受到。

在线上和线下产业不断融合的今天，小程序扮演了越来越重的角色。

“零售企业像割韭菜一样一茬一茬的被收割。”有赞创始人白鸦告诉锌财经，近十年来，这些店主曾以为，线量可以变出点什么，但最后他们才发现，自己曾经的所有客户，都变成了别人的客户。

以外卖为例，3年前，餐馆老板们，接受从20%、15%、10%，再到5%，到最后没有的外卖补贴，把超过80%的到店吃饭的人变成了外卖用户，培养出了全国巨大的餐饮外卖市场。而如今，他们却为了继续留在这个市场中，不得不付出10%、15%甚至20%的外卖提成。顾客店内消费时，还要拿出手机来，打八折的同时再给团购网站分成10%。

小程序的出现恰恰弥补了这一“缺憾”，把线下企业的流量和生意还给线下企业。

沃尔玛、宜家、家乐福纷纷拥抱小程序

沃尔玛最终接受了小程序中的“扫码购”，每天30%的支付通过小程序；

宜家的合作伙伴给总部连续写了1000封邮件后，终于在小程序临上线前一周得到关注，小程序会让传统的拍照与签字形式，优化成扫一扫；

家乐福给法国总部汇报6月新增1000万用户时，曾被惊讶的询问“是不是多写了1个0”，而它新访问量达到了2亿，这是APP时代不可能发生的事情。

甚至连不少互联网巨头，也纷纷开始布局小程序。2018年9月，支付宝宣布正式成立小程序事业部。

在BAT的另一端，百度也在2018年9月底宣布，在两个多月的邀请制公测期间，百度智能小程序月活过亿。

而在不久前，今日头条和抖音相继上线了小程序功能。

这个时代，小程序比APP更好做。

也许，人人都是小程序员

上线半年后，陈浩的妈妈终于知道了小程序是什么。

“是我发现我妈竟然往我家的微信群里转了很多小程序，她也不知道是什么，反正用得舒服就重复使用。过了半年后，她知道这个东西是我做的，我会很有成就感，我记得我妈一个丢的是‘小年糕’的视频，我妈还给我看了一个小程序的视频。”陈浩想起了自己一次看到妈妈使用小程序时的场景。他感到默默的喜悦。

同样感触的还有胡仁杰。他表示，有一天他爸爸突然给他发了个小程序，说芦荟可以，切出来可以煮了吃。他家里种了很多芦荟，爸爸以前耳朵不太好的，要通过电话才能费力把这件事说清楚。

“他读完之后发给我这个小程序，我看了很直观，知道他要说什么，那一刻我觉得这是最幸福的事情。”胡仁杰说，那一刻他可以告诉家人自己整天在忙什么了。

小程序潜移默化的改变着普通人的生活方式，生鲜社区团购平台制作，甚至改变着它本身的内在。

“以前公众号时代，外面说我们高冷。”郑文晓说，那是因为公众号产品门槛低，不需要过多干预，到了生态多元的小程序时代，高冷的微信也主动了。

郑文晓他们开始主动每隔个把月跑城市，看到服务商做出了门口体重秤放小程序、美发店的小程序互动屏幕、专心给商家做补货用的小程序等，会主动关心需要提供什么的功能支持。也开始主动制作行业服务商教学视频，计划做服务商成长体系，去尝试提升服务商水准。

他们同时计划主动公布服务商的案例、权限、用户评价等信息，避免“微信之母”等借着小程序合作方会销、欺诈甚至直接骗钱等啼笑皆非的事件发生，透支小程序的信任度。

一、社区团购的背景是怎样的？

社区团购是什么？它诞生的背景是怎样的？

我们先来讨论下：社区团购的诞生背景有哪些因素？社区团购是什么？

还记得拼多多刚上市的时候，网页上赫然弹出的口号是：3亿人都在拼多多。

这个数字当时吓了很多人一跳。

在淘宝和京东主导的电商围城和眼皮底下，拼多多硬是杀出了一条血路；通过瞄准并满足广大被忽略的五环外人群，再通过将微信社交红利砍价到，实现了3年则上市。

这个夏天，当人们还在桌子上热门的讨论和转发：拼多多和京东上乌江榨菜的热销，生鲜社区团购平台哪家好，到底是消费升级和消费降级的时候，社区团购的赛道已经灼热起来。

这一次，社区团购在拼多多的启发和眼皮底下，在它难以满足和覆盖的生鲜领域咬开一道口，围绕着二三四线城市社区里的主力人群和居民，进行分发和发货。

记得有位日本作家说过：“物品即自我投射”。

你买任何东西，其实都是自我意识、心理需求、生活价值观在物品上的一种投射。

深感认同。

这几年，在社交媒体上，喜茶、丧茶、答案茶、一点点、伏牛堂等网红品牌纷纷冒出。

70后与90后，90后与00后，消费费分群，消费分级的现象也越来越多。

这个时代已经不缺货，也不缺购买东西的渠道。

缺的是什么？

实际上，在二三四线小区居民里，在各种房贷和现金贷的压力下，人们更多缺的是口袋里流动的现金；缺的是高性价比和物美价廉，缺的是更好更优惠的货，还有买到这些货更好更快的渠道。

广大的人民群众，对高性价比，对实惠与物美价廉的追求，从来没有停止。

而高性价比与社交化，似乎已经是新晋电商的标配。

而社区团购，将性价比与社交，一 一满足。

在这样的背景和因素下，社区团购诞生了。

那，社区团购到底是什么？

在湖南长沙，社区团购热烈时，有一天，你也许很容易被身边的邻居朋友拉进微信群买水果。

社区团购，实际场景就是：

基于线下真实的小区，通过微信群进行开团预售，把同一个小区人群需求统一凑团集起，通过微信支付后，再统一发货然后到社区门口统一自提的一种购物方式。

当然，团购的不仅仅是生鲜水果，还有食品、日用品，甚至居家用品等。

从本质上来说：社区团购是一种基于真实LBS小区，生鲜社区团购平台小程序，由c端驱动B端（即由消费者端驱动供应端）的电商渠道。

创新有两种：一种是技术创新，一种是模式创新。

而从创新上来说，社区团购是一种电商渠道和模式的微创新。

社区团购是技术创新吗?

显然不是。

目前，社区团购参与的门槛其实不高，不需要特别高深的技术，主力人群就是社区里的宝妈和团长，还有给团长统一供货和配送支持的社区团购公司。

所以，严格来说，社区团购实际是一种模式的微创新。

相比其他电商渠道，它通常用到的3个标配工具是：微信群、小程序、微信支付。

本质上，当下社区团购是寄居于微信生态下的一种电商渠道，也许有一天可以独立出来做自己的 APP。

其实，团长既是小区里的销售者，也是消费者，是基于真实地理位置上近的社区进行，所以社区团购是基于信任和情感建立的购物场景，是有温度的。

货坏了，很容易损伤邻里关系。

实际上，社区团购比货更重要的可能不是货，是货背后的感情和微信群。

那么，社区团购能持续多久？它背后的价值支撑在哪里？

二、社区团购的价值点在哪?

一夜之间，为什么社区团购和生鲜会变成资本的宠儿，价值点在哪里？

要看一件事能持续多久，先问它解决什么问题？价值点在哪里？

我们先来讨论下：社区团购和传统团购，社区团购和传统电商都有什么区别呢？

1. 传统团购

先来说说团购：

团购的出发点，原本是商家希望通过给出一个比正常更低的价格，吸引大量顾客快速带来人气和销量；而顾客也能够享受比正常购买更低的折扣价。

目前的团购平台和形式，一般分成两种：

一种是商家直接给出促销价格，然后消费者在团购页面直接购买完成消费，以美团和聚划算为代表。