複雜小程序架構設計與案例實戰

以打造內容全、技術新、可實操的小程序優質內容為目標，整本小冊共包含 21 節，不僅講述了小程序開發的一些基礎知識，也通過摩拜單車業務案例深入小程序開發，此外，還加入了主流框架的使用對比和深入的技術細節分析。

本小冊首先會帶著讀者快速了解小程序開發中最基礎的一些差異性的內容，如生命周期、開發語言（包含 WXML、WXSS、JS）。

以摩拜單車小程序為例，小冊簡單直觀地介紹了真實上線業務案例實現流程，比如：

登錄和快速登錄

支付和免密支付

基於定位的地圖展示單車、禁停區、圍欄等

運營類的裂變騎行紅包活動

經歷近2年時間的業務發展，摩拜單車小程序也做了一些技術演變，比如：

從最早基於 WXML 提供的 template 功能，封裝了一套簡易的 「組件工具」 —— wx-component， 到 1.6.3 開始基於官方組件規範重新實現組件庫

優化並引入工程化工具進行資源的預編譯轉換、壓縮合併等，最終生成小程序需要的目標目錄和文件類型

封裝並統一了事件廣播觸發機制（跨頁面通信）

支持小程序、H5 和 App 互相跳轉調用的混合小程序應用

體積優化手段，如資源編譯自動託管、自動部署 CDN 等

本小冊以豐富的案例實戰角度，穿插一些相關的基礎知識，告訴大家真實應用場景，同時深入分析如何打造一個包含多種業務的高可用複雜小程序。

本小冊也以WePY和mpvue這兩個主流框架的使用案例，來讓讀者快速掌握和使用它們來落地小程序業務。

高級篇是摩拜單車小程序團隊自己的一些深入學習和思考，將會帶著大家看看這兩個主流框架的對比、它們背後的設計細節，以及如何針對某一類的業務場景進行選擇。這本小冊是由摩拜前端小程序團隊的多名前端開發工程師（小春、binnng、yingye、yubin、zhiwen、huwei）結合自身工作實踐，梳理整合了摩拜單車小程序近 2 年來的技術積累沉澱，聯合編寫。

作者介紹

摩拜單車小程序團隊由多位資深小程序開發專家組成，從內測開始接觸小程序，在複雜小程序架構設計上有深度思考，同時對 mpvue 和 WePY 也有實戰和深入研究。

名人推薦

你會學到什麼

在本小冊中，讀者將學習如何從最簡單的小程序逐步搭建擁有組件化、多端交互、完整構建和發布系統的複雜小程序。前幾篇旨在幫助讀者打造一款高效開發的小程序。基於摩拜單車小程序的實戰經驗，筆者將帶領讀者了解一些高頻功能和真實案例在小程序端的實現細節。當然，在具有一定的開發基礎後，讀者還可以了解當下主流框架的使用案例及設計細節，小冊第 18 節「主流框架對比： WePY 和 mpvue」可幫助讀者選擇適用自身或團隊技術背景的開發框架。

基於此，小冊主要分為以下幾個部分：

架構設計：技術演變、項目構建、組件化、跨端能力、開發環境優化、數據埋點和監控

實戰案例：登錄、支付、地圖、分享、運營活動、動畫、長連接、藍牙

主流框架：WePY、 mpvue 及框架對比

高級進階：主流框架設計細節

適宜人群

掌握 HTML、CSS 和 JavaScript 基本語法的技術愛好者

希望從事小程序開發的 Web 前端工程師

希望深入理解和實踐的小程序開發者

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！