使用Laravel 8.x + Vue.js + Capacitor构建API和单页应用及IOS移动应用

329 阅读12分钟

为什么要建立一个API?

本课程将引导您完成以API(应用编程接口)为中心的应用程序的构建过程。

首先,让我们来回答"为什么你要围绕一个API来构建一个应用程序?"。有一大堆合理的理由,但我们来谈谈三大理由。

代码组织和标准化

首先,将是代码组织和标准化。如果你按照我们在本课程中介绍的做法,你将能够轻松地扩展你的应用程序,从各种设备,如手机,桌面应用程序,Web应用程序等访问它,并允许其他开发人员潜入并拾起你离开的地方。通过遵循预先定义的RESTful应用标准,其他开发者可以接手你的应用,第三方开发者可以集成到你的应用中,最重要的是你可以轻松地修复错误。

易于规划

其次,将是规划、测试、更新应用程序的方便性。因为你的所有代码都将通过适当的RESTFul(表示状态转移 - 维基百科)来实现API端点,我们知道要调用和测试什么HTTP方法,以及正确的响应应该是什么。我们不仅可以轻松地记录这些端点,还可以编写测试代码,帮助确保我们的代码是稳定的,并准备好被消费。

开发一个RESTFul API还可以消除规划您的应用程序的多个部分之间的通信应如何操作的一些痛苦。无论您是要创建数据、检索数据、更新或删除数据,端点命名方案和结构都已经定义好了。你只需要创建我们将通过的那块拼图!

允許其他開發人員整合

第三,是允许其他开发者与你的代码集成。大多数使用过API的开发者都是以增强自己应用的方式来使用API的。例如,如果你想从Spotify中抓取现在正在播放的歌曲,你可以代表用户进行API调用来抓取这些信息。这些信息会以JSON格式返回,你可以在你的应用中使用它。现在我们正在围绕我们自己的API构建我们的应用,这在如何消费其他API上非常相似。最酷的功能是,当我们准备好了,我们可以允许其他人使用API,而不需要改变很多代码。别担心,这听起来很疯狂,但我们会通过所有的过程来实现这一点。

为什么你要让其他开发者与你的应用整合?目标是增长。提供API,使用你的应用的用户可以使用你的数据和流程,并创建自己独特的工具,从而使你的应用更有价值,吸引更多用户。即使在大公司工作,开发内部工具,提供API也是跨部门、跨地区等共享和整合数据的关键。

完整版本

网盘下载地址:【同步更新】

原版PDF下载 密码:994629

原版Word下载 密码:994629

中文版【已经翻译】word下载 密码:994629

资源文件 Sketch 及 fig文件,epub,mobi文件下载:

2020年9月更新 密码:994629

2020年11月更新 密码:994629

原版购买 【35美金】

思考一个核心

当设计您的应用程序时,我们是将前端用户界面与后端代码100%分离。在一个标准的调用和响应应用程序中,你可以让一个后端语言,如PHP,在返回数据之前,将数据构建并插入到HTML中。从单页应用的角度来看应用开发,你将把用户界面和后端完全分离。

你的界面将直接响应从API加载的数据。如果现在听起来很混乱,不要担心,我们将使用NuxtJS来帮助它,这是一个轻而易举的事情。现在,把API想象成你的应用的守门人,多个源可以在这里绑定、提交请求并访问某些功能。图1.1有助于实现这种可视化。

图1.1

先决条件

在跳进去之前,我们肯定会推荐几件事情,以get到书中最好的学习体验。

熟悉PHP和Javascript

这不是一个关于如何编程的初级课程, PHP和Javascript的知识是必须的.如果你是Laravel和VueJS的新手也没关系.我们会包含文档和其他资源的链接来帮助你.如果你有任何问题, 当然, 请随时联系我们!

发展环境

你的开发环境必须能够运行Laravel8.x要求。你也必须能够运行NPM来安装NuxtJS和其他工具.除此以外, 你应该就可以了!

学习的意愿

老生常谈了吧?不过这是真的。要想学习,你必须愿意学习。不过,这也是双向的。我们也欢迎大家提出意见和批评。软件开发的魅力和艺术在于没有100%正确的方法,只是有比别人更好的方法。如果你有什么问题、意见、建议,就在我们的社区上留言,我们很乐意与你讨论!

以终为始

在我们太过深入地了解其他事情之前,不管是与API相关的还是与开发相关的,我想先介绍一下项目开始时要考虑到终点的概念。

如果说在我15年的软件开发生涯中,或者说在我一生中学习新事物的过程中,有什么概念是我铭记在心的,那就是这个。无论你是一个经验丰富的开发人员还是一个新的软件开发者,这都是一个很重要的概念。

绝对是你可以从最强大的起点开始。

完整版本

网盘下载地址:【同步更新】

原版PDF下载 密码:994629

原版Word下载 密码:994629

中文版【已经翻译】word下载 密码:994629

资源文件 Sketch 及 fig文件,epub,mobi文件下载:

2020年9月更新 密码:994629

2020年11月更新 密码:994629

原版购买 【35美金】

这个概念很简单。在学习新的东西之前,计划好你想要的最终目标是什么。让我们把它带到软件开发中去。在写一行代码之前,问自己你想建立什么。它的外观如何?它将提供什么价值?你需要拥有哪些数据?你想要什么功能?这不仅是项目规划的好做法,也是一种激励和乐趣!

想想你在学校里可能解决过的那些无聊的软件问题,或者如果你没有上过软件开发课,想想你被布置的100道数学题作为家庭作业。是的,它有助于让你接触到概念,但它真的不能激励你继续学习这门课。如果你是想挠自己的痒痒,你就会有动力去解决你的一个问题,你会学到高效和有效地解决这个问题的工具和过程,当你弄明白它的时候,你会感觉到PHENOMENAL。一旦你遇到了路障,也会很有动力。你会想要解决这个问题,因为它将帮助你完成你想要的东西。

在下一节中,我们将通过这个过程来布局我们将构建的应用。我们将讨论这个应用将解决什么问题,背后的目标,为什么我们要做这个应用等等。我们将带着心中的想法开始我们的开发之旅,我们希望在应用的最后得到什么。这并不意味着我们会详尽地列出应用将包含的所有内容,但它肯定会给我们一个方向,帮助我们专注于我们想要完成的事情。

哦,是的,我们建立的应用程序也将是生产准备!我将把关于这个问题的唠叨留到以后再讲,但你将学习如何构建一个实际使用的应用,发布在生产型网络服务器上,推送到iOS和Android应用商店,并能够被注册。我相信,没有比体验一个实际的过程和一起工作的思维方式更好的学习方式了。我们应用中增加的任何功能都会有记录、解释和指导。让我们开始吧!

我们****将建设什么

在这门课程中,我们将建立一个实际的、可运行的、你可以使用的网络和移动应用程序!这不是一个'Hello

World"应用程序或应用程序,只是为了证明一点。这不是一个"Hello

World"的应用程序,也不是一个只是为了证明一个观点的应用程序。这是一个我想使用的应用程序,希望其他人也会使用。这款应用名为ROAST,它可以帮助深L爱好者找到下一杯喜欢的咖啡。用户可以搜索自己所在地区的咖啡店和烘焙师,按冲泡方式进行筛选,贡献自己喜欢的公司和咖啡馆,喜欢的咖啡店等等一大堆东西!这款应用还可以帮助用户找到自己喜欢的咖啡。是的,Web和移动应用的源代码是完全一样的!

我们将使用现代平台,如NuxtJS和Laravel 8.x,这些平台都得到了很好的支持,使开发过程变得轻而易举。本书将深入探讨身份验证、从API+SPA角度出发的开发范围、移动编译,以及一大堆技巧、窍门和技术,帮助你从构建API

Driven Application中获益。

我可以使用App吗?

当然啦!如果你真的很喜欢手工咖啡,其实你真的会很喜欢用这款应用来寻找你下一杯最爱的咖啡。即使你讨厌咖啡,但只是想用这个应用,也要去做!这款应用是开源的,100%的功能。随着我们部署新的功能,我们将扩展本书以涵盖这些功能。希望你能在ROAST上找到下一杯喜欢的咖啡。如果你已经有了喜欢的咖啡店,请确保将其添加到应用中。

为什么我们选择Laravel和****NuxtJS?

选择合适的工具是极其重要的。Laravel和NuxtJS都是最正确的选择。它们都有精美的文档, 特别的维护, 而且最好的是它们都有很棒的社区.

为什么选择Laravel?

那么为什么我们选择Laravel来写这本书呢?为什么不选择Ruby on Rails, Django, 或者其他的PHP框架呢?除了我对Laravel的熟悉之外, 这个框架绝对是令人惊奇的.它安全, 完善的文档, 开放的资源, 漂亮的功能, 让我们可以在最短的时间内从概念到功能.哦,还有就是它的生态系统和社区非常棒!

文档会在各种情况下有所帮助,还有Laracasts,它有很多有用的视频(有些是免费的)和一个很棒的社区。有各种各样的官方软件包,都有精美的文档和社区支持。还有一个Discord频道可以寻求帮助。最重要的是, 它得到了广泛的支持和现代化.Laravel将PHP从死胡同里带了回来,并推动了PHP语言的发展方向, 使得它变得超级快速、现代和可扩展.

我们选择Laravel的另一个原因是它很容易被其他开发者所接受.有了这样的生态系统, 文档和帮助, 如果你想做出贡献或者想交给其他开发者, 那是轻而易举的.他们可以查看你的代码,并从你离开的地方接手。试图解读一个自定义编写的代码库的日子已经一去不复返了。

作为开放源码的Laravel,它也始终保持着最新的安全和错误修复.在本书中, 我们将使用8.x版本.尽管这不是LTS(长期支持), 但它仍然带有最新的安全和bug修复.

为什么选择NuxtJS?

首先,NuxtJS是我们的前端框架,用来运行我们的单页应用(SPA)。我个人很喜欢VueJS,认为它是目前最好的前端框架。

那么我们为什么要使用NuxtJS呢?嗯,NuxtJS就是VueJS!只是以更大的规模为中心,围绕着整个VueJS生态系统(VueRouter,VueJS,Vuex)而构建。而且它还有一个漂亮的结构,可以实现和我习惯的组件组织方式非常相似。

我们之所以选择NuxtJS来做我们的项目,是因为它积极维护,干净,有漂亮的文档,而且是用VueJS编写的。他们有一个精彩的生态系统,有一流的工具,可以消除很多开发难度的痛苦,比如认证模块、数据存储等等。使用一个可维护的开源框架,类似于Laravel的好处是,你可以轻松地将你的代码交给另一个开发,或上岗另一个开发!一切的结构都是友好的,易于使用的!

在本书中,我们将涵盖所有有趣的细节,让你的NuxtJS应用程序安装并运行一个通用应用程序和一个将连接到我们的API的单页应用程序。当你完成这些设置和配置后,你就可以将其部署到你所选择的托管提供商,如Netlify或你自己的定制卷式解决方案。

完整版本

网盘下载地址:【同步更新】

原版PDF下载 密码:994629

原版Word下载 密码:994629

中文版【已经翻译】word下载 密码:994629

资源文件 Sketch 及 fig文件,epub,mobi文件下载:

2020年9月更新 密码:994629

2020年11月更新 密码:994629

原版购买 【35美金】