进日工作压力比较大,连出门吃饭的时候都没有,所有就一直是店外卖的状态。由于工作的职业习惯,我就尝试了「美团外卖」的小程序点外卖,美团外卖小程序二维码是微信美团外卖小程序的扫码入口,用户可以通过扫描此二维码使用外卖订购服务,美团外卖小程序会获取你的地理位置(注意一定是要获取你的地理位置,如果无法获取你的地址位置,美团外卖的小程序是无法提供服务的),为你提供高品质的外卖服务。
首先我们来看看如何找到「美团外卖」的小程序?打开微信手机客户端---点击搜索“美团外卖”,就会出现美团外卖公众号和美团外卖小程序。而我们今天要介绍的就是美团外卖小程序
本文重点分析这款微信小程序的主要功能,以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点,传递知识,分享收获。
- 数据接口:进入首页,系统自动定位,并且展示周边的服务
- 用到的小程序组件:view,text,image,input,form
- 用到的小程序API: wx.request, wx.getLocation
- 数据接口:点击外卖分类,进入商户列表,也可以进行搜索或筛选
- 用到的小程序组件:view,text,image,input,form
- 用到的小程序API: wx.request
- 数据接口:进入商户页面,显示不同商户的菜单和信息
- 用到的小程序组件:text,view,image
- 用到的小程序API:wx.request
- 数据接口:选择团购,进行填写,提交订单
- 用到的小程序组件:text,view,button,form
- 用到的小程序API:wx.request,wx.requestPayment
- 数据接口:进入“订单”,可以查看我的所有订单
- 用到的小程序组件:text,view,image,tab
- 用到的小程序API:wx.request
- 数据接口:进入“我的”,可以查看我的红包
- 用到的小程序组件:text,view,image
- 用到的小程序API:wx.request
- 数据接口:
- ①编辑|添加地址:点击填写收货地址,输入相对应的关键词,进行提交
- ②显示|删除地址:点击收货地址,显示用户全部的收获地址,并且可以点击删除
- 用到的小程序组件:text,view,input,form,button
- 用到的小程序API: wx.request
总结:「美团外卖」小程序有14个页面,用到的小程序组件有8个,用的小程序API有3个,分别如下:
爱盈利(aiyingli.com)移动互联网最具影响力的盈利指导网站。定位于服务移动互联网创业者,移动盈利指导。我们的目标是让盈利目标清晰可见!降低门槛,让缺乏经验、资金有限的个人和团队获得经验和机会,提高热情,激发产品。