美团小程序开发文档（美团小程序开放平台）

本篇文章给大家谈谈美团小程序开发文档，以及美团小程序开放平台对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、小程序开发所有的流程
• 2、美团小程序功能设计（需求文档）
• 3、小程序标题的加载效果怎么做？
• 4、微信小程序如何接入美团api

小程序开发所有的流程

小程序开发流程如下：

1、微信小程序注册

在微信公众平台注册小程序，完成注册后可以同步进行信息完善和开发。

2、微信小程序信息完善

填写小程序基本信息，包括名称、头像、介绍及服务范围等。

3、微信小程序开发

完成小程序开发者绑定、开发信息配置后，开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。　

4、微信小程序提交审核和发布

完成小程序开发后，提交代码至微信团队审核，审核通过后即可发布(公测期间不能发布)。

美团小程序功能设计（需求文档）

         墨刀连接： 

一.需求背景

二.需求目的及明细

三.业务流程

    3.1业务流程

    3.2页面流程

四.功能详细设计

    4.1交互设计

    4.2原型

五.考核指标

六.总结

公司最近想把用户约见这个场景在微信小程序上做深做透，基于这个业务诉求，设计聚餐投票的功能，便微信群用户在线下聚会前，能先在线上把大家喜欢的美团店铺汇总在一起，然后投票决策聚会去吃哪个店，可以节约用户的时间成本。

使用投票聚餐一定是针对的一个小群体，这个小群体一定是有一定关系的，如;同事，朋友，同学，家人等，基于上述理论对用户-场景-需求分析：

需求目的：完整的投票聚餐功能，选择商户到统计投票。解决用户在聚餐选择商家时意见不统一或者想要统计大家意见时的需求。

创建流程 ：

编辑流程 ：

1.我的

在我的页面中新增入口图标，点击后可进入投票聚餐

2.新增投票页

页面分为新增投票模块以及历史投票模块，历史投票模块以时间顺序排列

创建投票：创建投票后进入选择餐厅页面

编辑：点击编辑后，重新编辑此次记录，进入确认页面，可重新发起投票

3.选择餐厅页

选择餐厅页面分为3个模块，顶部的搜索模块，排序模块以及商家展示模块。

排序模块分为4种筛选模式：

按照美食种类分类，其中默认为全部美食，用户点击后出现下拉菜单，用户可选择美食分类（如：食品保健，特色菜，福建菜等）

按照地理位置进行排序，分类模块按城市区域地理性标志划分，默认选择为附近

为用户筛选的常用关键字排序，分为：智能排序，离我最近，好评优先，销量最高，默认为智能排序

按照餐厅服务以及用餐人数为用户进行筛选，默认状态为关闭

确认添加：点击确认添加后，进入确认页

添加商户：点击加号添加商户，再此点击取消添加商户

搜索：点击搜索页进入搜索页面

已添加商户:点击后进入展开已添加商户，可以对已添加商户进行删除

4.确认页

确认页分为主题元素，商户展示模块

主题默认为系统填写，用户点击后可进行修改

生成投票分享好友：点击后进入好友页

添加喜欢餐厅：点击后进入选择餐厅页，无人员限制

删除商家：点击后删除商家

5.结果页

模块分为主题模块，商户展示模块以及出现在商户暂时模块下面的统计模块

投票：点击投票按钮投票，再次点击取消投票；用户若已选择商户，在点击其他商户的投票按钮将自动取消已选的上加商户。

随机功能：场景为当出现平票时为用户随机一家商户，没有操作权限，任何人都可以操作，但点击一次后默认10分钟后才能再次点击，随机结果将一直展现，直到下次随机出现新的结果

回首页：点击后返回首页

添加喜欢餐厅：点击后进入餐厅选择页，选择完毕后直接进入到结果页。

1.考察用户日活增长指数：当天日货量-前一天的日活量/前一天的日活量x100%。投票聚餐是有分享属性存在的，纯在分享属性，进入小程序的用户数应相应增多。

2.对投票聚餐的入口，新增投票以及生成投票分享好友进行埋点，统计访问人数，分别计算转化率。是考核功能的转换率，用户流入入口的数据，是判断这个需求是真需求还是伪需求的根本。

3.使用流程转化率：新增投票访问人数/投票聚餐的访问人数x100%，生成投票分享好友访问人数/投票聚餐的访问人数x100%。此数据是对流程的考察，用户是否觉得流程好用，从此数据能够得出一定的结论。

总结

投票聚餐是针对于当代年轻人常出现的聚餐场景，由于每个人都有自己的喜好而出现的意见不统一的需求，因此诞生出来的功能。此功能要包含完整的投票流程，从选择餐厅-投票，并需将选择餐厅的分类功能尽量做详细，给用户更多的参考意见。此功能完成后，用户日活应有一定程度的增长。

小程序标题的加载效果怎么做？

相对来说还是比较简单的.图片列表展示数据是一个数组，在后台请求回来数据时我们定义一个和图片列表数组长度一样的数组arr，里面的元素都是布尔值false；再定义一个数组arrHeight用于存放每个图片相对于顶部的高度值。通过滚动监听每个图片高度值是否小于滚动条高度，从而改变数值arr里对应的布尔值。然后页面的image组件通过对src设置三目运算来判断是展示默认图片还是实际图片。我也是即速应用里的即速问答摘抄过来的，ask.jisuapp.cn

里面涉及到的api我就不详说了，可以去小程序开发文档查具体用法。以下是具体代码：

html代码：

js代码：

注：第28行的延时实际上是等待image组件加载图片然后初始化获取单个图片高度，image组件有一个bindload属性，但是这个属性是有一个图片加载就会执行一次，在这里做获取就会获取N次，不利于性能优化;

第50行的i/2是因为每行有两张图片，这两张的高度是一样的，所以Math.floor(i / 2)，加10是我上下图片之间的margin值;

第57行如果不加上  app.globalData.windowHeight 那效果就是一滚动加载的不是底部的两张图片而是顶部的两张图片，大家可以试一下效果;

在此图片懒加载效果已实现，这里并不是滚动到了某张图片的位置然后向后台请求图片数据再加载出来，其实本质上图片早就已经全部加载了，只是通过滚动到位置再显示，达到懒加载的效果，希望能对你们有所帮助。

微信小程序如何接入美团api

微信小程序接入美团api：调用聚合数据API开发微信小程序，首先需要注册并进行实名认证，然后在后台中申请数据，通过申请之后就可以获取APPKEY。

目前微信已支持40个国家（地区）接入微信支付可以找第三方服务商帮忙注册认证海外公众号以后，接入跨境支付，资料齐全的前提下，申请开通需要的时间：大概2周左右。

团长“三重保障”：

社区便利店、快递站点等店铺经营者，或是宝妈、自由职业者，都可通过“美团优选团长端”微信小程序申请成为美团优选团长，最快当天就可完成审核。

美团优选本着“携手百万团长，服务一亿家庭”的愿景，针对团长提供“三重保障”措施——有竞争力的佣金和奖励金、完善的培训体制、质优价廉的商品及售后支持，赋能团长服务好社区家庭用户，也帮助团长获得持续、稳定的收入。

美团小程序开发文档的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于美团小程序开放平台、美团小程序开发文档的信息别忘了在本站进行查找喔。