【Laravel+Apicloud+Vue开发混合式App系列】第0集

Corwien 发布于2019-06-27 15:29 / 2534人阅读

摘要：关于作者程序开发人员，不拘泥于语言与技术，目前主要从事和前端开发，使用和，端使用混合式开发。个人网站最近刚写了一个手机在线播放的电影站开发混合式系列第集技术选型是一套简洁优雅的开发框架。

关于作者

程序开发人员，不拘泥于语言与技术，目前主要从事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框架的安装配置和一些重要扩展包的安装配置

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

安小下同学

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/22378.html

【Laravel+Apicloud+Vue开发混合式App系列】第0集

摘要：关于作者程序开发人员，不拘泥于语言与技术，目前主要从事和前端开发，使用和，端使用混合式开发。个人网站最近刚写了一个手机在线播放的电影站开发混合式系列第集技术选型是一套简洁优雅的开发框架。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://...

adie 2019-08-20 14:25 评论0 收藏0
基于apicloud原生模块实现的凌乱的单点音频播放凌乱功能总结

摘要：个人网站最近刚写了一个手机在线播放的电影站缘由公司项目使用开发混合式，用到了官方提供的原生音频播放模块来做单点音频播放功能。首页和播放页始终进行暂停事件监听。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是永不停息的追求。个人网站：https://www.linganmi...

shery 2019-08-20 17:34 评论0 收藏0
关于Vue实例的生命周期created和mounted的区别

摘要：通俗说就是实例从创建到销毁的过程，就是生命周期。在这一步，实例已完成以下的配置数据观测，属性和方法的运算，事件回调。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://www.linganmin.cn 最近刚写了一个手机在线播放的H5电影站：...

Integ 2019-08-20 14:46 评论0 收藏0
关于Vue实例的生命周期created和mounted的区别

摘要：通俗说就是实例从创建到销毁的过程，就是生命周期。在这一步，实例已完成以下的配置数据观测，属性和方法的运算，事件回调。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是最完美的追求。个人网站：http://www.linganmin.cn 最近刚写了一个手机在线播放的H5电影站：...

baukh789 2019-08-01 16:26 评论0 收藏0
Laravel+OSS使用笔记

摘要：为什么使用对象存储对象存储是云服务提供商面向企业和个人开发者提供的高可用，高稳定，强安全的云端存储服务。什么是阿里云对象存储服务，简称，是阿里云提供的海量安全低成本高可靠的云存储服务。关于作者程序开发人员，不拘泥于语言与技术，目前主要从事PHP和前端开发，使用Laravel和VueJs，App端使用Apicloud混合式开发。合适和够用是永不停息的追求。个人网站：https:/...

CloudwiseAPM 2019-06-27 16:55 评论0 收藏0