小程序丨微信小程序体验评测之携程旅行

作为在线旅游OTA的龙头老大，携程旅行在微信宣布小程序上线的当天就推出了「携程旅行」小程序.但是那会小程序都还不成熟，粗略看了一下功能就没有仔细研究。但是小程序已经上线2个多月了，对于在线旅游这样的行业，2个多月足以让一个产品成熟！所以今天要介绍的是「携程旅行」小程序！携程旅行小程序页面简单明了，共有酒店、机票、火车票、汽车票四大产品入口，基本满足用户出行、住宿的“刚需”。进入小程序后，它会基于地理定位自动运行，为用户推荐附近酒店，并确定机票、火车票的原始出发地。对用户来说是非常方便。

本文重点分析这款微信小程序的主要功能，以及对应的数据接口和采用的小程序组件/API技术。让我们离小程序更近一点，传递知识，分享收获。

• 数据接口：进入首页，显示酒店、机票、火车票等不同类型服务
• 用到的小程序组件：view,text,image,tab
• 用到的小程序API: wx.request
  
  

• 数据接口：点击“酒店”，进入酒店列表，也可以进行搜索或筛选
• 用到的小程序组件：view,text,image,input,form,tab
• 用到的小程序API： wx.request
  
  

• 数据接口：进入酒店详情，显示酒店的详情并且可以预定酒店
• 用到的小程序组件：text,view,image
• 用到的小程序API：wx.request,wx.chooseLocation
  
  

• 数据接口：选择酒店，进行预定支付
• 用到的小程序组件：text,view,image,button,form
• 用到的小程序API：wx.request,wx.requestPayment
  
  

• 数据接口：进入机票、火车票、汽车票，输入起始点、终点和时间，进行搜索
• 用到的小程序组件：text,view
• 用到的小程序API：wx.request
  
  

• 数据接口：填写乘机人的信息和电话号码，进行支付
• 用到的小程序组件：text,view,image,input,form,button
• 用到的小程序API：wx.request
  
  

• 数据接口：点击“添加乘客”,输入乘客的相关信息，进行添加
• 用到的小程序组件：text,view,input,form,button
• 用到的小程序API：wx.request
  
  

• 数据接口：进入景点门票，可以选择城市，输入目的地进行搜索
• 用到的小程序组件：text,view,input,form,image
• 用到的小程序API：wx.request
  
  

• 数据接口：点击景点门票，查看景点门票的详情信息
• 用到的小程序组件：text,view
• 用到的小程序API：wx.request
  
  

• 数据接口：填写订单信息，并且进行支付操作
• 用到的小程序组件：text,view
• 用到的小程序API：wx.request ,wx.requestPayment
  
  

• 数据接口：进入我的，可以查看我的所有订单
• 用到的小程序组件：text,view ,image
• 用到的小程序API：wx.request
  
  

总结：「携程旅行」小程序有42个页面，用到的小程序组件有6个，用的小程序API有3个，分别如下：