【Laravel+Apicloud+Vue開發混合式App系列】第0集

關於做者

程序開發人員，不拘泥於語言與技術，目前主要從事PHP和前端開發，使用Laravel和VueJs，App端使用Apicloud混合式開發。合適和夠用是最完美的追求。

我的網站：http://www.linganmin.cn

最近剛寫了一個手機在線播放的H5電影站：http://www.ifilm.ltd

Laravel+Apicloud+Vue開發混合式App系列第0集

技術選型

• Laravel5.3

  • why is Laravel ?

  Laravel是一套簡潔、優雅的PHP Web開發框架(PHP Web Framework)。它可讓你從麪條同樣雜亂的代碼中解脫出來；它能夠幫你構建一個完美的網絡APP，並且每行代碼均可以簡潔、富於表達力。Laravel還有清晰的文檔和豐富的擴展包，能夠快速開發一個優秀的應用。

• Apicloud

  • what is Apicloud ?

  APICloud是中國領先的「雲端一體」的移動應用雲服務提供商。APICloud爲開發者從「雲」和「端」兩個方向提供API，簡化移動應用開發技術，讓移動應用的開發週期從一個月縮短到7天。基於APICloud提供的「雲API」和「端API」，開發者甚至能夠忘記繁雜的服務端編碼，也能夠忘記複雜的Objective-C和Java，更能夠忘記那數不清的屏幕適配。APICloud推行「雲端一體」的理念，從新定義了移動應用開發，幫開發者搞定一切。

  • why is Apicloud ? why is not Native?

    • 相同點：1.App最終體驗相同 2.都是iOS和Android應用

    • 不一樣點：1.APICloud開發方式是hybrid（混合式）App開發 2.開發的成本和時間

  總的來講就是，Apicloud能夠在更快的時間內以更少的成本去開發並完成一個和使用Native開發出來體驗基本一致的app，因此，時間和金錢面前還有什麼糾結的必要呢。

• Vue

  • why is Vue ?

  VueJs是一套構建用戶界面的漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，而且很是容易學習，很是容易與其它庫或已有項目整合。另外一方面，Vue 徹底有能力驅動採用單文件組件和Vue生態系統支持的庫開發的複雜單頁應用。

  Vuejs 的目標是經過儘量簡單的 API 實現響應的數據綁定和組合的視圖組件。VueJs自身不是一個全能框架——它只聚焦於視圖層。所以它很是容易學習，很是容易與其它庫或已有項目整合。另外一方面，在與相關工具和支持庫一塊兒使用時，Vuejs 也能完美地驅動複雜的單頁應用。

  只由於在微博多看了它一眼，就此迷戀

• JavaScript擴展包

  • jQuery

  • Swiper

  • 目前就是用到這些，後面用到在再添加

各司其職

• Laravel：用於該項目後端開發，爲app和往後的HTML5版提供api接口，目前已使用到的Laravel擴展以下，具體安裝和配置詳見第2集：

"barryvdh/laravel-cors": "^0.8.6", // 解決使用apicloud構建page時使用瀏覽器測試會出現的跨域文件
"barryvdh/laravel-ide-helper": "^2.3", // 代碼編輯器助手，用於生成代碼提示文件
"tymon/jwt-auth": "0.5.*", // 實現先後端分離後的用戶認證
"yangyifan/upload": "v0.2" // 擴展Laravel的存儲介質，擴展了阿里雲的OSS和七牛雲存儲等

// 目前就是用到這些，後面用到在再添加，具體安裝和配置請見第二集

• Vue：用於Apicloud使用HTML構建page時的數據渲染，能夠減小jquery渲染數據過多的DOM操做。至於爲什麼不用Vue的組件化開發，是由於Apicloud構建的app每一個可視頁面都是有且僅有一個完整的HTML文件，而後在這個頁面內作相應請求和頁面跳轉數據渲等，因此並不適合使用Vue的組件化來作

• Apiclud：主角，用於app的總體構建和打包。官網提供不少模塊，能夠直接拿來使用，節省不少開發時間和成本，另外官方提供了命令行工具apicloud-cli,具體的安裝和使用見第三集。

下一篇將主要記錄Laravel框架的安裝配置和一些重要擴展包的安裝配置

注：無論使用什麼技術去作怎樣的事情，必定要學會去看官方的技術文檔，要學的不是哪一項技術而是學會如何更快的去適應並使用一項技術的能力

安小下同窗