Comment utiliser AWS Amplify ?

Article publié le dimanche 10 janvier 2021 et mis à jour le samedi 20 janvier 2024.

Comment utiliser AWS Amplify ?

Vous voulez apprendre à utiliser AWS mais avec le nombre de services vous ne savez pas par où commencer ? Vous voulez lancer une application facilement sans vous préoccuper du Backend?

Alors AWS Amplify est fait pour vous !

AWS Amplify est un service “serverless” de Amazon Web Services qui permet de créer une architecture dans le Cloud en quelques commandes. Amplify utilise la puissances d’autres services Cloud comme AWS S3, AWS Cognito ou AWS Lambda pour vos applications mobiles et sites web.

Dans ce tutoriel d’introduction à AWS Amplify, nous découvrirons :

  • Comment mettre en place un nouveau projet avec la CLI Amplify
  • Comment installer Amplify et configurer votre projet Amplify
  • Comment Générer une API, de l’authentification et d’autres services en une ligne de commande
  • Comment et push les changements sur Amazon
  • Comment publier votre application sur le Cloud d’Amazon

Qu’est-ce-que AWS Amplify ?

Amplify rend facile et agréable le développement, le lancement et l’exploitation d’applications serverless modernes. Avec cette bibliothèque open-source d’Amazon, les développeurs de sites web et d’application mobiles peuvent se concentrer sur le front-end et générer un back-end en quelques commandes.

Comment fonctionne AWS Amplify ?

AWS Amplify utilise plusieurs Services Web d’Amazon dans le Cloud et les connecte entre eux de manière invisible pour l’utilisateur. Amplify relie ces différents AWS grâce à la Console Amplify et ses 3 produits principaux : Amplify CLI, les bibliothèques Amplify et les Composants UI Amplify.

Quels sont les prérequis pour utiliser Amplify ?

Pour pouvoir utiliser AWS Amplify, il vous faudra au préalable un compte Amazon Web Services. Ensuite, pour développer votre projet avec AWS Amplify, vous aurez besoin de Node JS, de NPM et de Git d’installé sur votre ordinateur.

Comment créer un projet avec AWS Amplify ?

Avec Javascript

Une fois votre projet node initialisé, installez AWS Amplify :

npm install --save aws-amplify

Puis, en fonction de la bibliothèque ou du framework que vous utilisez, installez les Composants UI :

React.js

Pour installer la bibliothèque interface utilisateur d’Amazon pour React avec NPM, tapez :

npm install --save @aws-amplify/ui-react

React-native

Pour React-Native, une bibliothèque plus complète est utilisable :

npm install --save aws-amplify-react-native

Angular

Amplify propose également Angular une librairie d’elements d’interface utilisateur.

npm install --save @aws-amplify/ui-angular

Vue.js

Vue.js dispose également de sa bibliothèque UI.

npm install --save @aws-amplify/ui-vue

Ionic

Ionic étant un framework mobile basé sur Angular, sa bibliothèque UI est la même.

npm install --save @aws-amplify/ui-angular

Next.js

Next.js est du react donc la libraire est également ui-react.

npm install --save @aws-amplify/ui-react

Android (Kotlin, Java)

Pour Android, vous devrez suivre les instructions d’AWS pour pouvoir utiliser Amplify dans votre projet.

iOS (Swift, Objective-C)

Que vous utilisiez Objective-C ou Swift, il faudra intégrer Amplify avec X-Code, découvrez comment sur la documentation AWS.

Flutter

Pour commencer facilement avec Flutter, lisez la documentation officielle pour Flutter et AWS Amplify.

Qu’est-ce-que fait la commande amplify configure ?

La commande amplify configure permet de se connecter à un compte AWS. Elle demande de créer un utilisateur IAM et de lui donner les bons accès. Une fois le lien entre une machine et un compte AWS fait, la commande ne devra plus être exécutée, sauf si on veut reconfigurer le projet.

Comment créer une API GraphQL avec Amplify ?

Pour générer une API GraphQL avec AWS Amplify, lancez la commande amplify add api et sélectionnez l’option GraphQL quand la console interactive du Amplify CLI vous le demande.

Comment créer une API Rest avec Amplify ?

Pour générer une API REST avec AWS Amplify, lancez la commande amplify add api et sélectionnez l’option REST quand la console interactive du Amplify CLI vous le demande.

Comment ajouter un système d’authentification avec Amplify ?

AWS Amplify fournit une authentification via la catégorie d’authentification qui nous donne accès à AWS Cognito. Pour ajouter une authentification, utilisez la commande suivante :

amplify add auth

Lorsque vous êtes invité à choisir :

  • Do you want to use default authentication and security configuration? Default configuration
  • How do you want users to be able to sign in when using your Cognito User Pool? Username
  • Do you want to configure advanced settings? No

Comment Push ses changement le Cloud d’Amazon ?

En exécutant la commande push, les ressources du cloud seront fournies et créées dans votre compte AWS.

amplify push

Pour vérifier rapidement votre pool d’utilisateurs Cognito nouvellement créé, vous pouvez lancer la commande :

amplify status

Comment publier mon application AWS Amplify ?

Pour déployer et héberger votre application sur AWS, nous pouvons utiliser la commande amplify publish. Pour que cette commande fonctionne, il faut que vous ayez correctement configuré votre CLI Amplify avant d’avoir initialisé votre projet.

Combien coûte AWS Amplify ?

AWS Amplify ne coûte rien jusqu’à un certain point, puis le prix des différents Amazon Web Services dépend de votre utilisation et du service. De manière générale, Amplify est fait pour que vous ne commenciez à payer que quand votre application est populaire et donc rentable.

Amplify vs Firebase

AWS et Firebase sont souvent comparés et la conclusion est que Firebase est plus facile pour se lancer rapidement. Mais avec Amplify, commencer sur AWS n’a jamais été aussi facile. Les deux services se valent donc et la décision de choisir celui qui vous correspond le mieux dépendra de vos besoins.

Qui utilise AWS Amplify ?

En plus de sa popularité pour commencer des projets facilement, de nombreuses entreprises utilisent AWS Amplify, pour découvrir certaines d’entre-elles, rendez-vous sur le site officiel d’Amplify.

Est-ce-que AWS Amplify est gratuit ?

AWS Amplify est payant mais dispose d’un Amazon Free-tier très généreux qui vous permettra d’utiliser AWS Amplify gratuitement jusqu’au moment où votre projet web ou mobile commence à avoir beaucoup de traction.

Comment Coder

Je m'appelle Thomas. J'ai commencé à coder dans mon enfance. Depuis ma sortie de la première promo de l'École 42, j'ai développé des centaines d'applications et sites web. Sur ce blog, je vous donne les meilleurs conseils et astuces pour apprendre comment apprendre à coder efficacement.