智能小程序開發解決方案

今天主要分析瞭解小程序開發生態解決的方案，尤爲技術分級解決的方案，和開發工具鏈。

小程序開發流程總覽

第一，若是有本身的小程序能夠經過遷移工具一鍵轉換成智能小程序。第二，使用第三方框架，應用層的架構上面，接入咱們的三方框架。開發者在開發調試以後，在開發工具上沒有問題，再在手機上進行預覽，測試沒有問題，就能夠發佈到後臺，就能夠被百度想換的數組之類的進行調起下載，能夠進行web、H5的瀏覽。今天重點講解接入。

技術分級解決方案

當咱們要接入百度開發小程序的時候，會面臨一個技術水平的問題。那麼會面臨二者狀況，從零開發，或者已有微信小程序。若是沒有開發太小程序，就從零開發，能夠選擇使用原生開發，或者應用層框架開發。

沒有開發太小程序，從零開發

原生開發

原生開發，就是使用百度的這一套智能小程序進行開發，分爲視圖層和邏輯層。咱們的視圖層相似H5語言，不是用的HTML，而是在SWAN文件，還有標記語言和H5是不同的。若是開發原生的小程序，須要參照咱們的標籤，原生工具上都有，也能夠自定義標籤、綁定事件、控制流、屬性及表達式都有。邏輯層定義了一套本身的生命週期，主要是在頁面內層，如何轉場、切換，都會調用生命週期，這和WEB不同。這是咱們本身的聲明週期和事件響應，基本的包括數據管理、數據驅動，很傳統的方式，上手成本很低。

應用層框架開發

應用層框架接入，跨平臺永遠是軟件開發永恆的主題。而跨平臺的解決方案，想在百度小程序上跑，又想在微信小程序上跑，又想在WEB上面，或者其餘平臺等，有沒有解決方案呢？可使用框架層的源碼，進行編譯以後，能跑在各自的平臺上面。如今出名的框架分別是Taro、Mpvue、WePY，很是活躍並不停迭代，也和這三方框架進行合做，不斷開發優化小程序。

WePY框架五大特色是更符合現有的MVVM框架開發模式，類VUE,省去學習小程序語法的時間；組件化開發，支持組件的循環、嵌套、組件Props傳值、組件通訊、自定義事件、第三方組件；NPM包管理，支持NPM資源，處理NPM資源的依賴；支持ESNext規範，提高開發體驗，擁抱開發者；細節性能優化，setData性能優化（髒檢測），事件傳參、編譯器（babel、Ts、Less、Sass）、Mixin。

Mpvue框架的四大特色是完全的組件化開發，使用Vup.js組件機制開發小程序，實現小程序和H5的組件複用；完整的Vue開發體驗，Vue的組件規範、Vuex的實現；基於Mpvue小程序，能夠轉爲H5 ，基於Vue開發的H5也能夠轉爲小程序；NPM包管理。

Taro框架的四大特色是React風格，下降小程序開發學習成本；JSX處理，採用JSX做爲模板，相比字符串模板，更自由、天然、更具表現力，不依賴字符串模板語法糖，也能完成複雜處理；數去驅動思想的類似，小程序的數據模板更新思想和實現機制，與React類似；React的跨端解決方案，能夠給Taro後期多端開發帶來很大的便利。

若是你開發過微信小程序

分級接入方案——遷移工具

使用遷移工具進行分級接入，輸入微信小程序性的代碼，輸入微信小程序的名字，能夠達到80%的遷移量，可是好比登陸須要處理下。遷移工具能夠實現代碼的搬遷，視圖轉換，轉換log，語法變換等，並能夠進行二級開發，意味着是兩個版本。即從遷移的時間節點開始，有兩套版本進行修改和維護。

百度智能小程序原生開發+wx2swan遷移工具的原生開發、Taro框架、Mpvue框架、和WePY框架三種框架，從不一樣的維度進行對比，語法規範、樣式規範、組件化、跨小程序平臺、多端複用、自動構建、上手成本、數據流管理，沒有優劣之分，只有適不適用。因此根據本身的須要，好比技術棧、框架，進行選擇各自適合本身的架構。

從零開發有兩個選擇，就是原生開發和框架開發；已有微信小程序也有兩個選擇，原生微信開發和框架開發。

開發工具鏈

開發工具備編輯器、模擬器、調試器，還有遠程調試、搬家工具、編譯工具、預覽。模擬器的做用是真機仿真、多平臺切換、忘了限制模擬、大小自調節。編輯器的做用是代碼自動補全、代碼高亮、多文件類型支持。調試器的做用是Swan節點樣式調試，Console輸入輸出調試，Sources代碼斷點調試，Network網絡抓包調試，Storages編輯展示調試，AppData編輯展示調試，Sensors羅盤重力感應調試。遠程調試的做用是真機運行，PC遠程調試，快速定位問題。編譯工具的特色是支持CMD/AMD/自定義模式編譯，還有支持熱編譯。

最後，百度·智能小程序，期待你的加入。