小程序开发指小程序开发指南2018-11-23两年前还籍籍无名的小程序，如今已经成为移动互联网的新风口。***早小程序在微信平台上成名，手握10亿月活用户的微信，很快成为小程序创业者的掘金之地。巨头的嗅觉敏锐，***宝、百度随即跟进，今日头条也开始内测小程序，几大平台纷纷出手，让小程序赛道更加拥挤，小程序生态多元化的背后，是巨头新一轮圈地。而小程序之所以这么火，是因为其自身的引流模式和盈利模式，毕竟既会技术、又知道如何将技术变现的开发人员到哪都是香饽饽。本文以四大巨头都在关注的小程序电商为例，手把手教你开发小程序版网上商城。1.开发小程序商城本文将实现一款小程序版的网上商城，前端使用JvaScript开发小程序，后端使用Node.jsExpressMySQL。首先用SQL脚本建立MySQL数据库，数据库名为orishop。MySQL用户名是root，密码是12345678，也可以使用其他用户名和密码。下面先看一下本项目的主界面，本项目分为客户端和服务端实现，客户端涉及到轮询图、按钮、图片列表、产品展示、购物车等。项目效果展示：2.轮序图设计轮序图是在App首页上部显示的，用于展示商品信息，可以以一定时间自动切换商品信息。轮序图需要使用swiper组件，每一个轮序图Item需要使用swiper-item组件，通常每一个Item是一个图片，可以直接在lt;swiper-itemgt;中放置一个lt;imagegt;标签。轮序图的布局代码如下。3.控制轮序图轮序图的布局代码中使用了很多变量来控制轮序图的显示，例如，indicatorDots用来控制是否显示面板指示点，autoplay用于控制是否自动切换图像。interval用于控制切换时间的间隔，duration用于控制滑动动画时长。这些变量都需要在index.js文件的data变量中设置，代码如下：在上面的代码中imgUrls变量没有设置值，如果想测试轮序图，可以在小程序工程的根目录创建一个images目录，并且在该目录中放置若干个图像文件。为了让轮序图水平充满整个界面，需要在index.wxss文件中添加如下的样式代码。4.使用Node.jsExpress连接MySQL数据库由于本项目需要使用服务端，所以在编写客户端的同时，还要编写服务端的程序，这一部分会使用Node.jsExpress连接MySQL数据库，在连接MySQL数据库之前，先要创建相关的表和视图。本项目使用WebStorm开发，创建一个名为service的工程，接下来在service工程中创建my_connect.js文件，并输入下面的代码。接下来测试连接数据库的代码是否正确，在service工程的index.js文件中添加如下代码。由于Node.js提供的模块不支持操作MySQL数据库，所以运行本例的代码需要使用下面的命令行安装MySQL模块。然后在浏览器地址栏中输入http://localhost:3000，就会在WebStorm的控制台看到输出结果。5.从MySQL数据库中获取要显示的轮询图信息在这一部分仍然编写服务端代码，在小程序端需要显示轮询图，轮序图中的数据需要从v_goods视图获取，该视图可以得到，瓜果蔬菜社区团购平台系统，销售的商品信息。接下来在mysql_connect.js文件中添加如下代码。接下来创建路由脚本文件hnf.js，并添加下面的代码：接下来在app.js中使用下面的代码注册hnf路由。6.动态显示轮询图现在修改小程序端的代码，在这一部分会在小程序端通过wx.request函数访问上一部分创建的路由，并根据返回数据动态显示轮序图。在index.js文件的onload()函数中添加下面的代码。7.实现导航按钮布局在轮序图下方是一排导航按钮，效果如下图所示：导航按钮的布局代码需要添加到小程序工程的index.wxml文件中。接下来在app.wxss文件中添加如下的样式，其他布局也会用这个样式，所以将该样式添加到全局的app.wxss文件中。在index.wxss文件中添加样式代码，每一个按钮占整个宽度的11%。导航按钮也是动态显示的，数据依赖于ngationData变量，可以在index.js文件的data中添加如下代码来测试导航按钮的布局是否正确，记住，这只是用于测试的代码，在后面的布局会用动态的数据替换这些实验数据。8.动态显示导航按钮本节会在服务端从数据库中获取导航按钮的数据，客户端会根据这些数据动态显示导航按钮。首先切换回WebStorm，在mysql_connect.js文件中添加如下的方法，该方法用于获取商品类型，也就是导航按钮数据。有多少个商品类型，就显示多少个导航按钮。在服务端创建一个type.js路由文件，在app.js文件中添加代码注册路由。切换到小程序端，在index.js文件的onLoad方法中添加下面的代码。9.显示、畅销商品在小程序首页下方通过列表显示了、畅销商品，与轮询图显示的商品类似，此处只是为了演示列表的使用。10.显示商品详细信息本节显示了显示商品详细信息的布局，首先在小程序端创建shopinfo.wxml布局文件，并输入下面的代码。接下来在shopinfo.wxss文件中输入代码，***终显示的效果如下图所示。喜茶用小程序排队：半年零成本***600万在各家门店营业额持续上涨的前提下，喜茶的排队人数正在大大减少，排队加价也从20到30元不等，降为10元。来源|Tech星球文|侯敏零售老板内参经***转载喜茶真的用小程序杀了排队吗？还没有，但也许快了。零下10度的北京三里屯寒风刺骨，但依然挡不住消费者们在两个商店门口大排长队的热情。这两家店离得不远，一家是上周刚刚进入中国市场的羽绒服品牌加拿大鹅，另一家则是从去年8月就在这里开业的喜茶，开业了487天，排队了487天。但就在***近，喜茶带来了一个不容忽视的重要信号：在各家门店营业额持续上涨的前提下，排队的人数正在大大减少。为了解门店新排队信息，2018年12月31日晚7点，Tech星球（ID：tech618）记者走访了北京多家喜茶门店，来到北京三里屯喜茶门店时，看到整个屋子里依然挤满了拿着取茶的顾客，但门口却只有20多位年轻人在排队，相比以前排到大街的人壮观场面，排队情况大大缓解。酷爱喜茶的小君和她的朋友当时正在排着队，等了一会她们注意到一张贴在玻璃上的二维码，写着「扫码下单，无需排队」，于是等待排队的她们，原地琢磨起了扫码下单。小君说，这是她次用喜茶GO小程序，但一打开页面就知道怎么用，顺利下单付款后随即撤出逛街去了，等茶做好后，订单会自动提醒她来取，再不用总站着排队，连想上个厕所都不敢动。但在测试喜茶GO小程序的时候，我们发现北京地区的小程序高峰时段会出现爆单现象，喜茶工作人员的解释是超出了门店运营能力，门店做不过来的时候，就会选择暂时关闭线上订单，缓解订单压力。门口除了有顾客在排队，记者发现喜茶店门口，依然徘徊着几位」在加价售卖喜茶，但可能是生意不好做，他们已将加价20-30元的代购费，改为加价10元，小程序上线后，很多人直接在路上用小程序下单，到店直接取走就行，就更没什么事了。记者另外走访了朝阳大悦城店和崇文门店，发现排队情况相较往常，也有所缓解，一个小时内就能拿到订单。据了解，今年喜茶内部正在进行一场以「解决排队」为目标的技术革命，而背后的工具正是喜茶GO小程序。-1-小程序排队？「小程序确实能够帮助我们提高点单效率，减少排队，但***深层的原因在于产能，只有更密集地开店，让消费者更容易获买到产品，让供应跟上需求，才能解决排队。如果一个城市只有一家店，消费者所有的需求都汇集到一家店，那也是没办法用技术去改变的。」喜茶CMO肖淑琴对记者说，今年喜茶再次加快了开店速度，已经从去年的***80多家，增长到了今年140多家。但小程序也确实用技术手段，提高了点单效率和用户体验。以前没有线上点单业务的时候，消费者的购物流程一般为：顾客到店，然后排队点单，在点单的时候，需要和服务员沟通糖度、温度、小料，但有时候服务员也会听错、漏听导致下错单，无法做到准确。但有了小程序以后，这一切都可以解决，首先一切沟通在线上完成，干掉了错单率，其次不用排队，门店告知你的时候，茶就已经做出来了，没有排队，只有拿到茶的那一刻。「这种方便的消费体验和效率一旦上去，便是不可逆转的」。喜茶CMO肖淑琴告诉Tech星球（ID：tech618），自喜茶GO小程序今年5月份上线以来，总用户数已经超过600万，日活已经达到20万，复购率超过300%，有35%的订单来自线上，在深圳30多家门店的数量优势前提下，线上增长更明显，几乎50%都来自线上订单。「而我们的推广方式很简单，就是到门店贴一张海报，上面写上「扫码下单，无需排队」，贴完就离开了，不用教消费者自己就知道怎么用」。但有人会问，担心不担心排队的人少了以后，别人会误以为喜茶不火了，反而影响到生意？聂云宸曾在一篇文章里提到对年轻消费者的看法，他认为今天的年轻人越来越懒，出门一定要有意义，否则宁愿死宅在家。而且门店的顾客不是靠强拉过来的，不是靠不做小程序不做外卖，而是说你要给他来到店里的意义。有些顾客仅仅只是对产品有需求，就是仅仅想喝一杯茶而已，他只是为了获得你的产品于是很痛苦地离开了家和办公室。你能送到家门口为什么不送？但有些人就是想来到店里坐一坐喝杯茶逛个街，歇歇脚，而来到店里的喝茶的顾客，对品牌的体验更完整一些。「所以我们怎么服务到店这群人呢，就是给了他更多的来店的意义，我们还在尽力拿店，北京地区有10家店，但这10家店空间设计都不一样，这就构成一个更优更完整的体验过程。」喜茶CMO肖淑琴说。线上有外卖和在线点单，线下有不断扩张的门店数量，对聂云宸来说，他这样定义喜茶的门店：「门店是空间，但空间并非仅仅提供座位，而是品牌文化的起点和载体，喜茶不过分追求坪效，每个空间都是一个诠释灵感的过程，将禅意、极简、美学等元素融入门店设计，让喝茶这件事变得更酷」。不管是到店也好，到家也好，品牌才是喜茶的根本。「一切的思考来自消费者的习惯，消费者是怎样的习惯我们就去适应他们」，喜茶团队觉得这是一个年轻人的茶饮品牌，就要按照年轻人的消费习惯来走。-2-粉丝600万，复购率300%喜茶与小程序的故事，起始于2017年年末。***喜茶曾想过把小程序外包出去，找第三方合作，但后来发现行不通，不仅是因为外包团队无法满足产品需求，更是因为越往后越觉得，开发小程序是个系统化工程，未来还可能成为公司的战略级决策，想清楚后他们便毅然决定放弃外包，从零组建喜茶自己的技术团队。「我们表面上是一个小程序，但其实拆分成了几十个项目组，内部看起来在做小程序，但其实涉及到供应链、营运、市场、财务，会员，每个项目都有对应的开发进程。」陈霈霖在接受Tech星球采访时说道。陈霈霖认为小程序***难的不在于技术，而是人性，这是一个对内部流程打乱重新梳理的过程，在他那里他早已从一个CTO的角色，变成了互联网产品经理，产品、研发、运营、IT公司各个领域他都要对接，龙岩社区团购平台系统，随之而来的，是要解决的是技术背后带来的公司流程和习惯的变化。「有很多人觉得开发小程序很简单，但这其实是一个很大的误会，小程序只是一张脸，心肝肺肾都还需要靠自己，很多人都把它误以为是技术，但技术只是工具，小程序更在乎的是你的运营能力，只有运营策略的人，才知道怎么用好这个小程序。」***早的喜茶小程序，只规划了一个电子菜单，后来经过团队内部的无数次思想碰撞迭代，才有了现在的喜茶GO小程序。3月份喜茶版小程序正式内测，5月份，***大多数门店正式推出喜茶GO小程序，但令人惊喜的地方有很多，一是这个集堂食、预约、外卖于一体的小程序让喜茶门口等待的长队慢慢消失了，二是大大增加了订单量，与此同时，小程序上的微信***功能也令门店以往经常出现的人力收银出现错误的情况消失了，数据上传后端，对账也变得简单，门店的经营效率大大提升，公司也不再需要庞大的财务人员，节省了人力。7个月后在「零成本」的低调推广下，小程序就吸引了600万客户，复购率翻到了300%。除此之外，小程序还让喜茶更懂用户「以前只知道门店会来多少客人，但不知道顾客是谁，多大年纪，喜欢喝什么，有什么喜好，这个用户画像是不清晰的，但有了小程序以后，就可以更精准地获取用户画像，更好地服务他们，营销也能更精准。」喜茶CMO肖淑琴表示，小程序对整个企业的运营很有帮助，可以在预计门店的销售量、物料采购、食材原材料采购、新品***销量预估等方面，帮助提升整个企业的运营效率。而在传统餐饮行业谜一样的复购率，也因为小程序，变得非常清晰。「用户通过小程序购买，购买多次的信息也很容易看到」。-3-仔细思考后，有以下9点：1.未来的社区团购应该会去微信群化随着社区团购竞争足够剧烈，团购公司会逐渐培养起消费者在公司微信小程序上面去下单的习惯，当足够多的消费者知道了社区团购和团购小程序，可能***后的购买场景不再是微信群，而会直接迁移到某个社区团购公司的小程序和平台上去。而团长，主要精力不再是维护群，***终可能会演变成周边社区生活店整合者或者店长。2.消费渠道和消费形态会多样化社区团购可能只是众多消费形态中的其中一种，甚至会演变成类似Costa会员制的消费渠道；消费渠道和消费形态会越来越多样化。消费者除了到店场景，到线下门店到店体验和购买，未来还可以坐在家里，到家场景。通过外卖渠道和传统搜索式电商渠道，还有基于社交和内容分享推荐的社交电商渠道，还有各种团购渠道、小程序渠道，都可以购买。消费渠道会越来越分层和个性化。3.向供应链演变部分社区团购公司可能会演变成一种供应链，给外部门店和渠道供货和配送。作为一种渠道的创新，社区团购的选品，其实更适合的商品应该是偏向新奇特，非标准化的产品，因为这样的商品，才会有可以把控的毛利和增长空间。4.电商渠道越来越下沉包括仓库渠道和店面越来越下沉，商品和服务离用户越来越近，离社区和三四线城市越来越近。而社区店正好有离用户近的优势，所以社区经济和社区店会有不错的挖掘增长空间。5.店仓结合的模式在消费者体验和效率成本均衡考虑的基础上，的零售渠道是线上线下结合，店仓结合的模式。在离用户一定近的地方，既有线下门店可以切身体验，又可以通过就近的仓库将产品和服务快速配送到家。兼顾用户端体验和供应端效率成本。6.新型的会员制电商平台国内的团购公司和团购平台，其实可以看作是一种新型的会员制电商平台。美团团购目前可以看作是0会员费的线下会员制电商平台。以往的会员形式，往往是先购买会员卡，然后消费时享受一些特别的权益，更多是价格上的折扣优惠。而团购和拼团，是一种不需要办会员卡，低门槛就可以享受的会员优惠，也算是一种会员权益，而且，团购除了一起集中参与带来的会员折扣，还具有社交的温度和乐趣。7.价格越来越透明随着商品流通越来越快，标准化产品价格会越来越透明。消费渠道里，商品和品牌的个性化和获取服务的便利性，会越来越成为商家和零售渠道的核心竞争力。而消费渠道越来越多，消费信息不对称越来越小。反而是那些提供个性化产品和快速方便触达服务的公司和渠道，会越来越受到消费者青睐。同时，人以群分，消费人群和消费渠道的分级会鲜明化。8.社交式电商渠道比重加大基于内容和订阅的互动式，社交式的电商渠道，未来存在比重会进一步增大。社交可以让购物变得有温度和乐趣，而社交电商的本质是通过分享和互动带来的共识和优惠，是自下而上，由下游的用户驱动上游的供应端，是C2B模式。而传统的搜索式，人找货这种货架式的电商平台，会逐渐引入会员制和社交化。9.基于同城的物流和同城电商会越来越多随着仓库和店面渠道的下沉，消费者对速度的要求越来越高。电商只有基于同城和社区，才可以足够快捷和方便的触达并获取商品和服务。五、更好的团购/电商模式是怎样的基于社区团购延伸，更好的团购模式或者电商模式是怎么样的？电商的趋势一定是离用户越来越近，快、好、省。有没有一种基于社区团购来延伸和升级的电商模式？我们可以来讨论下：社区团购的未来方向，不仅仅是生鲜，可能是社区周边生活服务的入口，现有的部分社区团购，已经切入到一些社区服务：收发快递、洗衣代收、家政服务、教育培训等；那么，基于社区团购的升级，在社交和交易基础上，搭建这样一个平台，一开始给团长统一供货，物流。到后阶段形成一定粘性后，可以把足够多周边社区团购的团长和本地服务店家，聚合到一个平台和小程序上，团长和店家进行认证，认证后团长可以自主来发布商品并交易。基于交易，还可以在小程序上以社群贴吧和鱼塘对话的方式进行互动，让足够多的社区人购物的同时进行社交互动，有足够多的团长和本地商家主动开团；基于本地同城，延伸出离用户足够近的一种社区、社群、社交的电商平台？比如：以小区附近3公里为边界，想买水果时候或者理发服务时候，直接上这个平台，就可以看到附近3公里内的认证团长，或者店家提供的团购水果和生活服务；只要发布商品和本地服务后，附近社区的人就可以参团，拼团社区团购平台系统，可以直接到店自提，享受团购价。这不是的，关键是：1.有社区和社交的氛围可以看到附近3公里内的社区用户，可以看到同城附近谁谁也正在购买同样的商品，附近谁谁也加入了拼团，可以发购物和美食帖子，类似小红书模式。甚至加入某个社区鱼塘，类似闲鱼的鱼塘，进行微信群一样的互动和聊天，不再到滴滴答答比较吵闹的微信群里，拼团后可以通过和附近社区的人直接进行分享和互动。2.享受折扣和优惠量变产生价变，参与就可以享受折扣优惠和互动乐趣。人越多，优惠越大，前5名和后5名加入的人群享受的阶梯折扣力度不一样，量变产生价变，一个人也可以成团直接购买，但是折扣力度会相对小点。同时，团长和店家可以建立附近的鱼塘，通过上社区鱼塘，不仅仅可以认识更多周边社区的朋友，还可以享受一起参与带来的团购优惠，让本地社区生活和电商开始变得更有温度。3.降低商家资金和库存风险通过预售到店自提和的模式，降低商家的资金和库存风险。比如：可以上午提前预售水果，下午就可以到店自提，也可以提前2小时开团预售周边美容理发或者餐饮服务，预售结束就可以直接***消费。以上，基于社区团购延伸到的这种新电商模式，且把模式和项目的名字，叫做：蓝社区。***：身边3公里的社群社交社区电商。使命：茫茫城市，让社区和电商变得真实有温度。模式：线下社区店线上社群线上社交=邻邻社区。产品达成的要点是：1.让平台认证的团长乐于在上面开团，因为可以基于社区吸引周边3公里粉丝，搭建比微信群更大的活跃社群。2.基于线下同城附近社区，构建一个有温度的，个性化和透明互动的购物方式。3.基于拼团的参与和产生的量变，构建一个高性价比和可信赖的实体社区交易方式。4.摆脱社区团购微信群太吵，效率低这样的购物方式和场景。5.构建一个去中心化，从商家和供应链端到顾客的直接沟通和互动的社群社交社区。可以类类比目前阿里的盒社群，小区社区团购平台系统，开始的时候也是基于微信群，现在直接转移到app上面的盒社群。而社区店的优势，就是离用户很近，近意味着获取服务非常方便，无论是自提还是到家。龙岩社区团购平台系统-微企邦业务4部(推荐商家)由临沂微企邦网络技术服务有限公司666提供。龙岩社区团购平台系统-微企邦业务4部(推荐商家)是临沂微企邦网络技术服务有限公司666（/）今年全新升级推出的，以上图片仅供参考，请您拨打本页面或图片上的联系电话，索取联系人：张继营。)