recordstore - Vue.js前端与基于Ruby on Rails API的后端配对

Created at: 2019-01-22 07:00:14
Language: JavaScript

https://i.imgur.com/fjlYsDH.jpg

带有Vue.js的Ruby on Rails API

一个由8部分组成的教程,介绍如何使用Vue.js作为前端来构建基于Ruby on Rails API的应用程序

您知道Ruby on Rails可以用作基于API的严格后端应用程序吗?这有什么好处?可以将其视为单个事实来源,以便将来多个应用程序直接吸收和使用此数据。从本机移动应用程序到前端框架,任何东西都可以与该数据进行通信。从本质上讲,许多应用程序都可以与“真理之源”进行通信,这意味着所有人都可以使用更加一致的应用程序。

在此构建中,我将设计一个简单但全面的应用程序,其中Ruby on Rails是我们的后端,而Vue.js + Axios是我们的前端。我将创建两个可以通信的应用程序,以实现与常规基于Rails的应用程序相同的结果,但要具有API的所有优势。

在此版本中使用

我们到底在建造什么?

这个应用程序的核心很简单。这将是黑胶唱片的出售档案,并由艺术家分类。我们将不会实现大量的外部逻辑,而只是按顺序获得基于API的应用程序的基础。我们将介绍身份验证(不使用Devise😉)和基本CRUD。

将有两个应用程序。

  • Ruby on Rails后端-这将处理我们的数据,会话和身份验证。
  • Vue.js前端-这将是视图层,也是负责向基于Rails的后端发送和接收数据的层。前端将使用Vue-CLI在不同的实例上运行,以帮助我们设置应用程序。

阅读并观看整个教程系列