AWS para desenvolvedores frontends
Tags: webdev, javascript, programming, aws
Published: 2022-06-07 08:38:32

Que a **AWS** fornece um conjunto de ferramentas de gerenciamento que permitem que provisionem, monitorem e automatizem de forma programática todos os componentes do ambiente de nuvem da nossa aplicação, que facilita bastante a vida do pessoal do backend e devOps isso é certo. Mas, se você acha que simplesmente a AWS é uma benção para os dev’s backend e devOps, você está redondamente enganado.

Neste pequeno post, irei apresentar algumas ferramentas que são superúteis e que irão facilitar também a vida dos dev’s frontend’s e até mobiles.


## **1. Amplify**

_

_> O AWS Amplify é um conjunto de ferramentas e recursos que permite que desenvolvedores frontend e mobile criem aplicações completas de forma rápida e fácil na AWS._
_


![why-use-aws-amplify-for-app-web](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/funpe7i4t7movvqtxiqj.png)


Como desenvolvedor front-end, você cria aplicações mobiles e Web com vários recursos. Você usa frameworks front-end ou mobiles , que incluem o React, React Native, Vue, Angular, Iconic ou iOS/Android para criar o visual do seu aplicativo (por exemplo, layout, posicionamento de textos e imagens, cores, fontes, botões etc.). Você trabalha também com serviços e APIs de back-end para adicionar interatividade à aplicação móvel ou Web.

Usando o **Amplify**, você pode usar seu conjunto de conhecimento de front-end para adicionar funcionalidades de nuvem à aplicação, como autorização, dados, análise, autorização, notificações push e outras.

Com o Amplify, você pode **configurar o backend de uma aplicação** Web ou móvel e conectá-la em minutos, criar visualmente o frontend de uma UI para a Web e gerenciar facilmente o conteúdo da aplicação. Enviar rapidamente e escalar a sua aplicação sem muito esforço e sem necessidade de especialização em nuvem.

## **1.1 Amplify Hosting**

Essa subferramenta do Amplify permite que você hospede suas aplicações web de modo seguro e rápidos pôs ela possuí um serviço de CND **(content network delivery)** integrado na plataforma com centenas de pontos de presenças globais, domínios personalizados, monitoramento de sites e muito mais. Tem suporte a diversas tecnologias modernas: React, Vue, Next.js, Gatsby entre outros.

![host-your-app-web-with-aws](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8s98oktbxpodu9j5t3nw.png)


## **2. Amazon Device Farm**

Este serviço fornece uma linha extensiva que lhe permite testar sua aplicação web em **diversos browsers e dispositivos mobiles**. Cria vídeos e logs que o **ajudam a indentificar erro na sua aplicação.**

![aws-device-farm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ajy6qyw924s51004xq2.jpg)


## **3. AWS CodeCommit**

Você já deve estar familiarizado com **Github**, **Bitbucket** entre outros **hospedadores de código**. O **CodeComit** é também uma outra solução para criar os seus repositórios privados.

![aws-codecomit-github](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qwxcalc377zrnku1196q.png)



## **4. AWS X-Ray**

> AWS X-Ray ajuda os desenvolvedores à analizar e debugar projetos em produção.


![aws-x-ray-debug-your-applcation-with-aws](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ne6mul49stub2503l168.png)


Com o X-Ray, você pode entender a sua aplicação e indetificar qual é a **raíz do mal** que está **causando bugs e quebrando a perfomance da sua aplicação**. Ela também fornece uma visualização de todas requisições que trafegam na sua aplicação.

## **5. Route 53**


Para finalizar essa pequena lista, vou adicionar a lista essa pequena ferramente que _eu utilizo bastante no meu local de serviço._


![how-to-use-route-53](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sv43ce82oeac27get4nn.png)


O Route 53 é um web service de **[Domain Name System (DNS)](https://canaltech.com.br/internet/o-que-e-dns/)** altamente dimensionável. Você pode usar **o Route 53** para executar três funções principais combinadas ou mesmo separadas: **registro de domínios**, **roteamento de DNS** e **verificação de integridade**. 

**- Registrar nomes de domínio**

Seu site precisa de um nome, como **example.com**. O Route 53 permite que você **registre um nome para seu site ou aplicação Web,** conhecido como _nome de domínio_.

**- Rotear tráfego de Internet para os recursos do seu domínio**

Quando um usuário abre um **navegador da Web** e informa seu domínio (example.com) ou subdomínio (acme.example.com) na barra de endereços, **o Route 53 ajuda a conectar o navegador com o site ou a aplicação Web.**

**CURIOSIDADE**: O Amplify é um projeto open-source com milhões de contribuições e downloads. Você também pode participar dessa comunidade.

Conecte-me no **[LinkedIn](https://www.linkedin.com/in/martins-gouveia/)** ou **[GitHub](github.com/martygo)**!

## **Recomendações finais:**

[https://aws.amazon.com/pt/amplify](https://aws.amazon.com/pt/amplify)
[https://flexa.cloud/10-sites-que-usam-aws-amazon-web-services-e-voce-nao-sabia](https://flexa.cloud/10-sites-que-usam-aws-amazon-web-services-e-voce-nao-sabia)
[https://docs.amplify.aws](https://docs.amplify.aws)
[https://docs.amplify.aws/lib/q/platform/js](https://docs.amplify.aws/lib/q/platform/js)
[https://docs.aws.amazon.com/pt_br/Route53/lates/DeveloperGuide/Welcome.html](https://docs.aws.amazon.com/pt_br/Route53/lates/DeveloperGuide/Welcome.html)