小程序开发

微信小程序中滴滴长什么样?滴滴出行分享小程序探索与实践


找不到小程序入口的同学,请点击这里微信小程序入口及激活指南


有入口的同学直接在小程序搜索框中进行搜索“滴滴”两个字,即可使用滴滴出行小程序。




以下为正文内容:

2016年9月微信小程序开启内测,首批开放了200名内测名额,传闻内测邀请的基本是腾讯投资过的小伙伴们。


滴滴于2012年6月成立,2013年即获得腾讯的1500万美元投资,之后又获得腾讯和其他VC追加的投资。目前腾讯虽未完全控股滴滴,但已是滴滴的大股东。因此在小程序开启内测时,滴滴自然也是最早被邀请参与小程序内测的企业之一。


做为从内测即开始参与的行业领先企业,他们的小程序会做成什么样,无疑将为众多小程序开发者起到很好的示范作用。昨天(2016年12月24日)的CSDN技术主题月分享上,滴滴出行的小程序开发负责人王静,分享了滴滴在小程序方向上的探索和实践:




分享的前半部分,主要介绍了小程序开发的基本知识,包括视图的标记,样式和特殊元素,以及事件,循环/判断指令,页面切换和页面的生命周期,服务端通讯,本地存储,位置获取等,以及最新出的分享组件:





之后又介绍了一些滴滴上特有的开发经验,包括滴滴打车时标志性的转圈等待动画的实现,




以及类似支付密码的自定义验证码输入框




最后,则介绍了一些在开发小程序时遇到的坑:



虽然是技术分享,但通过PPT,我们仍然能一睹滴滴在小程序上的端倪:

主界面是打车的需求表单,点击左上头像,侧滑出二级菜单:行程,钱包,设置

从这点上看,和在微信上点“我”->“钱包”->“第三方服务-滴滴出行”进入的界面差不多,如下图:




相比之下,无疑小程序更加简洁。据透露目前小程序只做了快车的打车流程,这一方面和小程序不支持外链有关(几乎无法加各种运营banner位和下载滴滴的App链接),同时也符合了小程序简单快捷的设计理念。


因为是技术人员之间的分享,分享沟通非常实在,很多开发人员遇到的实际问题都获得了满意的解答。现场也有人提问关于小程序的发布节奏等信息,但即便是和腾讯密切合作的滴滴,得到的信息也是和外界一样。


本次CSDN技术主题月活动,还有Qunar,LeanCloud,阿里Weex的精彩分享,如果对这些感兴趣,可以点击“原文链接”查看活动详情。


想获得《滴滴在小程序方向上的探索和实践》完整讲稿,关注本公众号并回复“滴滴”,即可获得在线观看链接。