摩拜单车小程序开发实践与框架分析

2018 年 7 月 24 日 前端大全

以打造内容全、技术新、可实操的小程序小册为目标,整本小册共包含 21 节,不仅讲述了小程序开发的一些基础知识,也通过摩拜单车业务案例深入小程序开发,此外,还加入了主流框架的使用对比和深入的技术细节分析。


本小册首先会带着读者快速了解小程序开发中最基础的一些差异性的内容,如生命周期、开发语言(包含 WXML、WXSS、JS)。


经历近 2 年时间的业务发展,摩拜单车小程序也做了一些技术演变,比如:

  1. 从最早基于 WXML 提供的 template 功能,封装了一套简易的 “组件工具” —— wx-component, 到 1.6.3 开始基于官方组件规范重新实现组件库

  2. 优化并引入工程化工具进行资源的预编译转换、压缩合并等,最终生成小程序需要的目标目录和文件类型

  3. 封装并统一了事件广播触发机制(跨页面通信)

  4. 支持小程序、H5 和 App 互相跳转调用的混合小程序应用

  5. 体积优化手段,如资源编译自动托管、自动部署 CDN 等


以摩拜单车小程序为例,小册简单直观地介绍了真实上线业务案例实现流程,比如:

  1. 登录和快速登录

  2. 支付和免密支付

  3. 基于定位的地图展示单车、禁停区、围栏等

  4. 运营类的裂变骑行红包活动


本小册以丰富的案例实战角度,穿插一些相关的基础知识,告诉大家真实应用场景,同时深入分析如何打造一个包含多种业务的高可用小程序。


本小册也以 WePYmpvue 这两个主流框架的使用案例,来让读者快速掌握和使用它们来落地小程序业务。


高级篇是摩拜单车小程序团队自己的一些深入学习和思考,将会带着大家看看这两个主流框架的对比、它们背后的设计细节,以及如何针对某一类的业务场景进行选择。



这本小册是由摩拜前端小程序团队的多名前端开发工程师(小春、binnng、yingye、yubin、zhiwen、huwei)结合自身工作实践,梳理整合了摩拜单车小程序近 2 年来的技术积累沉淀,联合编写。


作者介绍


摩拜单车小程序团队 由多位资深小程序开发专家组成,从内测开始接触小程序,在复杂小程序架构设计上有深度思考,同时对 mpvue 和 WePY 也有实战和深入研究。


名人推荐


 你会学到什么

在本小册中,读者将学习如何从最简单的小程序逐步搭建拥有组件化、多端交互、完整构建和发布系统的复杂小程序。前几篇旨在帮助读者打造一款高效开发的小程序。基于摩拜单车小程序的实战经验,笔者将带领读者了解一些高频功能和真实案例在小程序端的实现细节。当然,在具有一定的开发基础后,读者还可以了解当下主流框架的使用案例及设计细节,小册后面「主流框架对比: WePY 和 mpvue」一节可帮助读者选择适用自身或团队技术背景的开发框架。


基于此,小册主要分为以下几个部分:

  • 开发实践:技术演变、项目构建、组件化、跨端能力、开发环境优化、数据埋点和监控

  • 实战案例:登录、支付、地图、分享、运营活动、动画、长连接、蓝牙

  • 主流框架:WePY、 mpvue 及框架对比

  • 高级进阶:主流框架设计细节


如果你想深入理解和实践小程序开发,

可以长按下方的二维码,享受5折优惠购买

登录查看更多
3

相关内容

CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容,解决 Internet网络拥挤的状况,提高用户访问网站的响应速度。
【2020新书】使用高级C# 提升你的编程技能,412页pdf
专知会员服务
60+阅读 · 2020年6月26日
FPGA加速系统开发工具设计:综述与实践
专知会员服务
68+阅读 · 2020年6月24日
【实用书】Python技术手册,第三版767页pdf
专知会员服务
239+阅读 · 2020年5月21日
【实用书】Python爬虫Web抓取数据,第二版,306页pdf
专知会员服务
122+阅读 · 2020年5月10日
【新书】Java企业微服务,Enterprise Java Microservices,272页pdf
【电子书】C++ Primer Plus 第6版,附PDF
专知会员服务
88+阅读 · 2019年11月25日
【电子书】Flutter实战305页PDF免费下载
专知会员服务
23+阅读 · 2019年11月7日
分布式核心技术知识图谱,带走不谢
架构师之路
12+阅读 · 2019年9月23日
微信小程序支持webP的WebAssembly方案
前端之巅
19+阅读 · 2019年8月14日
网易游戏海外AWS实践分享
高效开发运维
3+阅读 · 2019年5月21日
硬核实践经验 - 企鹅辅导 RN 迁移及优化总结
IMWeb前端社区
5+阅读 · 2019年5月6日
职人沙龙 | 走进小打卡,小程序技术实战交流
使用 C# 和 Blazor 进行全栈开发
DotNet
6+阅读 · 2019年4月15日
1月书讯:从这10本好书开读
图灵教育
5+阅读 · 2018年1月23日
Arxiv
4+阅读 · 2018年6月14日
VIP会员
相关VIP内容
【2020新书】使用高级C# 提升你的编程技能,412页pdf
专知会员服务
60+阅读 · 2020年6月26日
FPGA加速系统开发工具设计:综述与实践
专知会员服务
68+阅读 · 2020年6月24日
【实用书】Python技术手册,第三版767页pdf
专知会员服务
239+阅读 · 2020年5月21日
【实用书】Python爬虫Web抓取数据,第二版,306页pdf
专知会员服务
122+阅读 · 2020年5月10日
【新书】Java企业微服务,Enterprise Java Microservices,272页pdf
【电子书】C++ Primer Plus 第6版,附PDF
专知会员服务
88+阅读 · 2019年11月25日
【电子书】Flutter实战305页PDF免费下载
专知会员服务
23+阅读 · 2019年11月7日
相关资讯
分布式核心技术知识图谱,带走不谢
架构师之路
12+阅读 · 2019年9月23日
微信小程序支持webP的WebAssembly方案
前端之巅
19+阅读 · 2019年8月14日
网易游戏海外AWS实践分享
高效开发运维
3+阅读 · 2019年5月21日
硬核实践经验 - 企鹅辅导 RN 迁移及优化总结
IMWeb前端社区
5+阅读 · 2019年5月6日
职人沙龙 | 走进小打卡,小程序技术实战交流
使用 C# 和 Blazor 进行全栈开发
DotNet
6+阅读 · 2019年4月15日
1月书讯:从这10本好书开读
图灵教育
5+阅读 · 2018年1月23日
Top
微信扫码咨询专知VIP会员