Despega con Vuejs 2, Amplify y Amazon Web Services

[vc_row][vc_column][vc_single_image image=»23648″ img_size=»full» alignment=»center» style=»vc_box_rounded» css=».vc_custom_1568143908843{margin-top: -120px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566126465807{margin-top: -60px !important;}»][vc_column][vc_column_text]

¿Eres desarrollador web o móvil? ¿Buscas una solución seria para proyectos de cualquier tamaño que sean fáciles de escalar sin tener que preocuparte por nada? Si la respuesta a alguna de las preguntas anteriores es sí, simplemente necesitas aprende a trabajar con Vuejs 2 y Amazon Web Services de la mano de Amplify, olvídate de tener que lidiar con complejos servidores y backends y todas las complejidades relacionadas.


  • Inicia un nuevo proyecto con Vuejs 2.

  • Configura y crea tu servidor con unos pocos clicks.

  • Crea la base de datos de forma dinámica desde el cliente, añade tablas, elimina, actualiza.

  • Define un completo sistema de autenticación con 1 línea de código.

  • Lleva a cabo de forma completa el trabajo con archivos (subida, bajada, borrados) haciendo uso de S3, el sistema de Storage de Amazon.

  • Actualiza el código de tu servidor con un sólo click.


Amplify es un SDK desarrollado por Amazon que nos permite hacer uso de todas sus dependencias a través de clicks y archivos de configuración.

La mínima latencia de las bases de datos NoSQL DynamoDB hace que este tipo de bases de datos sea ideal para el desarrollo de aplicaciones móviles, pero más aún para el desarrollo de bases de datos para juegos.

A continuación te expongo algunas de las cosas que podrás hacer con Amplify:


      • Define múltiples entornos para tus proyectos, {env}, {staging}, {qa}, {prod} vinculados a una rama de tu repositorio.

      • Haz uso de funciones Lambda para manejar complejos procesos en el servidor gracias a la directiva @function.

      • Utiliza el completo sistema de autenticación con Cognito para registro de usuarios, inicio de sesión, recuperación de contraseña y mucho más.

      • Pásate de REST a GraphQL y olvídate de tener que definir ENDPOINTS para consumir los datos de tu base de datos.

      • Maneja toda la lógica del trabajo con archivos de forma sencilla gracias al sistema de almacenamiento de S3.

      • ¿Quieres publicar tu aplicación Vuejs en un servidor? Ejecuta el comando amplify publish, tendrás un Bucket con tu código dentro de Cloudfront completamente configurado con pocos clicks.

      • ¿Has finalizado el proyecto y quieres eliminarlo? Ejecuta el comando amplify delete y todo tu trabajo será eliminado de los servidores de Amazon.


Si te interesa lo que lees, te invito a que te suscribas a la plataforma para que puedas llevar a cabo los 3 cursos que tienes a continuación en ese orden y a todos los trucos y consejos que estamos preparando para que nada te frene. Tendrás acceso inmediato a todo el contenido durante el tiempo que dure tu suscripción.

SI TIENES CONOCIMIENTOS BÁSICOS DE JAVASCRIPT Y HTML PODRÁS LLEVAR A CABO ESTOS CURSOS A LA PERFECCIÓN
CADA CURSO TIENE SU PROPIO FORO PARA PODER ACLARAR CUALQUIER DUDA RÁPIDAMENTE

[/vc_column_text][vc_separator][vc_row_inner][vc_column_inner width=»1/3″][vc_single_image image=»17441″ img_size=»full» add_caption=»yes» alignment=»center» style=»vc_box_rounded» onclick=»custom_link» link=»https://www.cursosdesarrolloweb.es/course/curso-de-vuejs-2-y-vuex-desde-0/» title=»El mejor curso de Vuejs 2 de la web»][/vc_column_inner][vc_column_inner width=»1/3″][vc_single_image image=»19099″ img_size=»full» add_caption=»yes» alignment=»center» style=»vc_box_rounded» onclick=»custom_link» img_link_target=»_blank» link=»https://www.cursosdesarrolloweb.es/course/curso-de-vuejs-2-con-aws-cognito-y-graphql/» title=»Iníciate en Vuejs 2 y Amplify AWS»][/vc_column_inner][vc_column_inner width=»1/3″][vc_single_image image=»23478″ img_size=»full» add_caption=»yes» alignment=»center» style=»vc_box_rounded» onclick=»custom_link» img_link_target=»_blank» link=»https://www.cursosdesarrolloweb.es/course/curso-de-vuejs-2-con-graphql-y-cognito-avanzado/» title=»Vuejs 2 y Amplify AWS Avanzado»][/vc_column_inner][/vc_row_inner][vc_separator][vc_column_text css=».vc_custom_1568128897483{margin-top: 50px !important;}»]

Entradas adicionales para hacerte el camino fácil

[/vc_column_text][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Transacciones atómicas en DynamoDB con Amplify AWS y Vuejs 2

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Ftransacciones-atomicas-en-dynamodb-con-amplify-aws-y-vuejs-2%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1568480083630{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

DynamoDB en Lambda Function con la directiva @function

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fdynamodb-en-lambda-function-a-traves-de-la-directiva-function-en-amplify-aws%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1568222794601{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Cambiar la contraseña del usuario identificado con Cognito

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fcambiar-la-contrasena-del-usuario-identificado-con-cognito-en-vuejs-amplify%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1568128784945{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Aplicaciones en Realtime a través de Suscripciones con GraphQL en Amplify AWS

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Faplicaciones-realtime-suscripciones-amplify-aws%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1567012873785{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

La directiva @key y queryField en Amplify AWS

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fla-directiva-key-y-queryfield-en-amplify-aws%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566915656516{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122575507{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Subir archivos de imagen a Amazon S3 con Vuejs 2 y Amplify

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fsubir-archivos-de-imagen-a-amazon-s3-con-vuejs-2-y-amplify%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566122512281{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122842143{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Definir variables de entorno en las funciones Lambda de Amplify

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fsubir-archivos-de-imagen-a-amazon-s3-con-vuejs-2-y-amplify%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566122512281{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122876804{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Obtener Enums en GraphQL con Amplify

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fobtener-enums-en-graphql-con-amplify%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566122799843{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Enviar emails con la directiva @function en Amplify con GraphQL y Lambda Functions

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fenviar-emails-con-la-directiva-function-en-amplify-con-graphql-y-lambda-functions%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566123096965{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Amplify Connect con múltiples suscripciones en Vuejs 2

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fvuejs-2-amplify-connect-con-multiples-suscripciones%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566123168720{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

Definir modelos de datos en GraphQL con Amplify

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fdefinir-modelos-de-datos-en-graphql-con-amplify%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566123233286{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row css=».vc_custom_1566122945247{border-bottom-width: 1px !important;background-color: #011139 !important;border-bottom-color: #ffffff !important;border-bottom-style: solid !important;}»][vc_column width=»1/6″][vc_icon icon_fontawesome=»fa fa-bolt» color=»custom» size=»lg» align=»center» custom_color=»#dd3333″][/vc_column][vc_column width=»4/6″][vc_column_text]

BatchDelete con GraphQL y Amplify, Resolutores personalizados

[/vc_column_text][/vc_column][vc_column width=»1/6″][vc_btn title=»Leer» color=»danger» align=»center» link=»url:https%3A%2F%2Fwww.cursosdesarrolloweb.es%2Fblog%2Fpremium%2Fbatchdelete-con-graphql-y-amplify-resolutores-personalizados%2F||target:%20_blank|» button_block=»true» css=».vc_custom_1566123311609{margin-top: 10px !important;margin-right: 20px !important;}»][/vc_column][/vc_row][vc_row][vc_column][vc_wp_text][rpt name=»suscripciones»][/vc_wp_text][/vc_column][/vc_row]

Cursosdesarrolloweb ©. Todos los derechos reservados.

Login