前言

如果對快應用和 Taro 都已進行過了解的話，那么我們就直接進入主題“如何用 Taro 轉快應用？”。首先必須明確我們的目標，并不是僅僅為了用 Taro 語法寫快應用，而是“用 Taro 語法解決多端程序開發(fā)”，簡單的說就是用我們熟悉的 Taro 語法（React 語法），然后通過編譯打包成多種不同的語言，如微信/京東/百度/支付寶/字節(jié)跳動小程序、快應用、H5、RN 等。從而實現(xiàn)書寫一套代碼，多端運行的理想。（Write once, run anywhere）

內容大綱

1. 基于 Taro 框架的快應用架構。
2. 如何啟動項目？
3. 如何開發(fā)項目？
4. 如何調試項目？
5. 如何交付項目？

一、基于 Taro 框架的快應用架構

1.項目目錄結構基本如下，src 下的內容根據(jù)團隊標準自定義。

.
├── config # taro 構建配置文件
├── dist
│   └── quickapp # 編譯后的代碼
├── scripts # 自定義的腳本命令
├── sign # 快應用項目簽名證書
│   ├── debug
│   └── release
└── src # 源文件目錄
    ├── apis
    ├── assets
    ├── components
    ├── models
    ├── packages # 分包模塊
    ├── pages
    ├── services
    ├── store
    └── utils
復制代碼

2.由項目目錄結構可知，開發(fā)模式為分包模式開發(fā)。

• 1.所有子業(yè)務模塊（分包）都可單獨開發(fā)
• 2.主工程（基礎包）可看作為組件庫（所有公共模塊都由主工程包裝）
• 3.項目發(fā)布統(tǒng)一通過主工程做自動化打包操作，集成測試和發(fā)布

如何保障各子模塊能夠單獨運行，以及主工程能夠穩(wěn)定集成呢？

1.首先統(tǒng)一了項目開發(fā)腳手架，減少了各個項目間溝通問題。 2.每一個項目都可自認為是主工程，啟動項目時會將其他項目以分包模式，下載到 src/packages/ 目錄下，保障子工程能夠單獨開發(fā)，不缺失任何功能。 3.基礎工具類都由主工程輸出，減少代碼冗余，保證了各個子工程內容純且簡單，從而提升集成項目的穩(wěn)定性。

（具體如何實現(xiàn)以上功能，在下一章中會詳細介紹）

3.有哪些工具來支持整個架構？

• cli 工具來創(chuàng)建和更新統(tǒng)一的腳手架工程
• 統(tǒng)一的依賴包配置表 (保證每個項目的 Taro 相關 npm 包環(huán)境相同，以及一些基礎工具包環(huán)境相同
• 發(fā)布平臺（保障發(fā)布平臺環(huán)境相同，不同項目的構建發(fā)布命令相同）

二、如何啟動項目？

輸入的命令為三類較為合適。1.清理環(huán)境，重頭啟動服務 2.直接啟動服務 3.構建生產包

（當然很多人往往會想要有更多的功能命令，但建議對開發(fā)人員只輸出簡單的命令，而那些復雜的功能命令，由發(fā)布平臺根據(jù)參數(shù)自動生成，無需暴露）

yarn start:qa # 刪除緩存，初始化分包等內容，啟動快應用服務

yarn dev:qa # 直接啟動快應用服務

yarn build:qa # 構建快應用
復制代碼

三、如何開發(fā)項目？

簡單可概括為，在 src/ 根目錄 app.quickapp.js 配置頁面路由,頁面模塊寫在 pages/ 中，組件寫在 components/ 中，具體代碼語法這里不做介紹。當然如何在 Taro 中，調用快應用原生組件，以及 Taro 語法和原生語法混合寫，以及一些高階寫法，會在后續(xù)的文章中詳細介紹。

四、如何調試項目？

目前方案有三種（Taro 編譯后）：

1.chrome 上直接輸入 http://localhost:12306 調試

極其方便和快捷，能夠非常高效的熱更新，快速完成 UI 樣式的調試，但也因為是 web 模擬，絕大多數(shù)原生 API 功能無法模擬，建議調整完 UI 后更換

2.在快應用 IDE 中可以直接調試

比較方便和快捷，基本上所有功能都和真機相同，但偶爾會卡死，或者點不動，或者部分問題無法在模擬器上測試出來，建議在最后驗收階段還是更換

3.手機上安裝調試器（快應用調試器和快應用加載器）

方便？和 快捷？ 因為華為采用了不同的技術，所以手機上我們需要安裝兩個調試器，快應用調試器是針對非華為的機型，快應用加載器是針對華為的機型。調試器提供了兩種方式，第一種掃碼安裝對應的快應用包，IDE上能夠生成二維碼或者 chrome 調試界面上也有對應的二維碼；第二種本地安裝對應的快應用包，也就是要把編譯后生成的快應用包，先上傳到手機端，然后手機從存儲中尋找并安裝。（可以1.通過手機連線電腦快速傳送或者2.網(wǎng)站工具無線傳送 [愛莫助手](http://web.airmore.cn/)） 調試器還提供了在線調試功能，掃碼安裝連線電腦socket服務后，點擊開始調試按鈕，會自動在電腦端打開調試面板

（注：掃碼安裝或者開始調試手機上無法自動打開，可能是因為沒有給調試器存儲的權限）

五、如何交付項目？

正式交付項目之前，我們需要通過測試，快應用調試器 1040-1070 版本都要兼容測試，華為的快應用加載器也需要通過兼容測試。

同時我們采取的是分包加載模式，在構建成功后會生成兩個文件 rpk 和 rpks,我們要上傳市場的就是 rpks 包（他會采用分包加載的功能）。

最后

總結一下，在初次接觸 Taro 的時候，你會覺得還可以，初次接觸快應用的時候，可能感覺也還可以。但是當你打算采用 Taro 轉快應用語法的時候，你可能會發(fā)現(xiàn)寸步難行，不過我們不能一味的只是吐槽，我們大可以思考為什么這些問題還沒有被社區(qū)解決，為什么原作者會這么設計，以及我是否可以幫助社區(qū)做更好的改善。