【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框架的安装配置和一些重要扩展包的安装配置

注：无论使用什么技术去作怎样的事情，必定要学会去看官方的技术文档，要学的不是哪一项技术而是学会如何更快的去适应并使用一项技术的能力

安小下同窗