关于作者

顺序开辟人员，不拘泥于言语与手艺，现在主要处置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框架的装置设置和一些主要扩大包的装置设置

注：不论运用什么手艺去做怎样的事变，一定要学会去看官方的手艺文档，要学的不是哪一项手艺而是学会怎样更快的去顺应并运用一项手艺的才能

安小下同砚