Cómo usar AngularJS con Ruby on Rails

Welp! Hay algunas formas de hacer esto, pero antes de continuar enumerándolas quiero responder: ” cuál fue el beneficio
Así es como me sentí después de 2 meses de trabajar en torno a esta mezcla de dos tecnologías:

¡A mi experiencia personal de desarrollo! ¡No! pero eso es solo porque elegí usarlo en el lugar y momento incorrectos, así que asegúrate de que eso no te suceda.

Aquí hay algunas formas en que puede usar AngularJS con Ruby On Rails:

  • Aplicación de página única (SPA), donde Rails funciona como API y Angular como receptor en el front-end.
  • AngularJS como un marco de interfaz de usuario componente (Tal vez no tengo la redacción correcta, pero usar AngJS dentro de la plantilla Erb es lo que quiero decir)

Para hacer el primero, aquí algunos recursos:

  • BASIC:
    1. # 405 AngularJS (pro) – RailsCasts
    2. Creación de aplicaciones web con Rails4 y AngularJS en 15 minutos
  • Un poco más avanzado:
    1. Cómo conectar Ruby on Rails y AngularJS como una aplicación de una sola página – Angular on Rails
    2. Un año en Angular on Rails: una retrospectiva
    3. Cómo configurar la autenticación con AngularJS y Ruby on Rails
  • Guía impresionante: crea aplicaciones web con AngularJS y Rails 4
  • Más sobre cómo consumir API: Recetas con Angular.js

2da forma:
4 formas de pasar datos de rieles a AngularJS
StackOverFlow: llaves angulares Js en rieles erb

Una vez que siga estos tutoriales, se dará cuenta de algo muy molesto:
¡Algunos usan la gema AngularJS! Que está completamente restringido a lo que la versión de gema ha incluido más o menos para la versión angular.

¡Si bien puedes usar Bower para incluir las bibliotecas!
En caso de que no sepa cómo funciona esto y sea un Rails / Rubyist, imagine el Gemfile para incluir los nombres de gemas, pero de una manera un poco más desordenada para los paquetes Javascript y NodeJs.

Desafíos:

  • La cantidad insondable de actualizaciones que recibe cada biblioteca cuando incluye dependientes.
  • Tratar con la autenticación API si no tiene una buena comprensión de la creación de autenticación / autorización API segura.
  • Tratar con los términos Coffeescript / Ruby / Framework Jargon, por ejemplo, las etiquetas ” ng- ” dentro de las plantillas html.
  • Mientras esté en, incluya tratar con un sistema de plantillas si planea usar uno.

¿Hace que valga la pena?:
¡Sí! si solo necesitas hacer un esfuerzo adicional.

Logré crear una aplicación y luego migrar a un backend más grande sin usar Rails.
¡Sin embargo!
Apenas, con dureza y horror, fallé cuando intenté usar AngularJS dentro de las plantillas ERB. Como un Dev senior les dice a los demás que es bueno hacer esto, pasemos 3 semanas alrededor como quemar dinero, porque es un callejón sin salida, ¡no conducirá a ninguna parte!

Diviértete con él, úsalo para un proyecto personal, pero cuando decidas participar, asegúrate de que tus apuestas estén equilibradas.

En caso de que esté planeando:
Trae nuevos desarrolladores de JS, entonces sí, hazlo.
Migrar a un nuevo backend API, luego Sí nuevamente.
Cosas como esta pueden ayudarlo a tomar una mejor decisión.

Aquí hay algunos libros que usé, ¡son bastante tontos! Comprendí bien AngularJS en menos de 3 semanas utilizando más de 4 fuentes:

  1. AngularJS: en marcha
  2. Rieles de conducción con AngularJS

Impresionantes video conferencias sobre AngualrJS y el tutorial de integración de 1 Rails AngularJS también:

  1. Egghead.io – Aprende AngularJS con videos tutoriales y capacitación
  2. AngualrJs + Rails en fullstackedu.com

Charla interesante:
Consumir API REST con Restangular

Mantengo la siguiente lista de lectura para ayudarme a configurar en esta pila de desarrollo.

Enfoque de bricolaje. Angular + Rails eBook – Cero para implementar en menos de 10,000 palabras

Enfoque rápido del andamio. patcito / angularjs_scaffold

Tutoriales de una sola página. Primeros pasos con AngularJS y Rails 4 | Cómo integrar AngularJS con Rails 4

Gemas hiravgandhi / angularjs-rails (GitHub) | el host de gemas de tu comunidad (angularjs-rails en RubyGems)

Aplicación de muestra Todo. mkwiatkowski / todo-rails4-angularjs

Espero que esto te ayude a comenzar.

En Cyrus Innovation, usaríamos Angular para construir el “front-end” de la aplicación como una aplicación web de página única, y usaríamos Rails para proporcionar una API REST para el back-end de la aplicación.

El principal beneficio es la productividad del desarrollo. Hay toneladas de módulos para Rails que eliminan la necesidad de escribir módulos para funcionalidades tales como autenticación, conectividad de base de datos, serialización / deserialización JSON y más. Angular es una curva de aprendizaje mucho menos pronunciada que algunos de sus contemporáneos (por ejemplo, Ember o Meteor). La mayoría de los desarrolladores con los que he trabajado encontraron que Angular es más fácil de usar y más rápido para ofrecer valor.

Estamos construyendo una startup con Rails y AngularJS. Este es el tutorial único que nos ayuda a usar ambas tecnologías en las aplicaciones web.

Cero para el despliegue en menos de 10,000 palabras

Todo es sencillo, desde el tutorial puede aprender a hacer la estructura para los proyectos de Angular-Rails, la prueba de configuración, la solución para la canalización de activos.

Hay una sorprendente falta de publicaciones sobre el uso de AngularJS con Ruby on Rails, por lo que nos propusimos detallar nuestro uso en la producción en Localytics.

Un año en Angular.js on Rails: una retrospectiva

  • Organización del código y la cartera de activos
  • Cargando guiones
  • Archivos de manifiesto
  • Carga parcial
  • Pruebas

Hicimos una aplicación web para el Departamento de Química de UBC este año y también elegimos la combinación angular de rieles. La mayoría de los miembros de nuestro equipo no tenían experiencia previa en rubí y angular. Thinkster (página en thinkster.io) tenía un muy buen tutorial paso a paso sobre rieles angulares. El tutorial nos tomó a la mayoría de nosotros alrededor de 5 horas, pero ayudó mucho.

Espero que esto ayude: cómo integrar AngularJS con Rails 4

1. Consulte la página en thinkster.io
2. Este libro también puede ser útil: Riding Rails with AngularJS.
Educación FullStack | EDU Fullstack

Rails usa vistas, las vistas son HTML, por lo tanto, AngularJS se puede usar dentro de las vistas. AngularJS con Ruby on Rails, Tutorial de AngularJS: Aprenda a construir aplicaciones web modernas con Angular y Rails

No los tengo todos, pero mi colección de cosas para iniciar una aplicación de una sola página tiene algunas que usan Angular y Rails. Buena suerte.

Compare las tecnologías de aplicaciones web

Rails se ejecuta en el servidor, Angular en el cliente. Use ajax para llamar a funciones en el servidor y haga que los rieles pasen los datos como JSON.