Dans ce didacticiel, vous apprendrez à créer une application NodeJS avec CodeStar, qui utilise AWS Lambda, CodePipeline, CodeCommit et CloudFormation. Vous apprendrez également à intégrer votre projet CodeStar à JIRA.

Les services AWS que vous utilisez dans ce didacticiel sont compris dans l’offre gratuite d’AWS.

Pour créer une application sans serveur avec AWS, vous devez disposer d’un compte.

Créez un compte gratuit

Lorsque vous cliquez ici, AWS Management Console est lancé dans une nouvelle fenêtre du navigateur. Vous pouvez ainsi garder ce guide détaillé ouvert.  Lorsque cet écran se charge, saisissez votre nom d'utilisateur et votre mot de passe pour commencer. Saisissez ensuite CodeStar dans la barre de recherche, puis sélectionnez CodeStar pour ouvrir la console.

tmt_store-retrieve-file_1

(cliquez pour zoomer)

tmt_store-retrieve-file_1

Au cours de cette étape, vous démarrerez un projet Node.JS, sauvegardé par AWS Lambda.


a. Sur la page d’accueil de CodeStar, cliquez sur Démarrer un projet

TMT-serverless-01

(cliquez pour zoomer)

TMT-serverless-01

b. Sur l’écran Sélectionner un modèle, choisissez le modèle Node.js contenant une application Web et AWS Lambda.

TMT-serverless-02

(cliquez pour zoomer)

TMT-serverless-02

c. Saisissez Projet-NodeJS-Sans-Serveur comme nom de projet, puis cliquez sur Créer un projet

TMT-serverless-03

(cliquez pour zoomer)

TMT-serverless-03

d. Sur l’écran suivant, Choisissez comment vous souhaitez modifier le code de votre projet, cliquez sur Ignorer, puisque nous réaliserons cette action dans une autre section de ce guide de démarrage rapide.

TMT-serverless-03b

(cliquez pour zoomer)

TMT-serverless-03b

e. Votre projet est en cours de mise en service et sera prêt à être modifié dans quelques minutes.

TMT-serverless-04

(cliquez pour zoomer)

TMT-serverless-04

Au cours de cette étape, vous connecterez votre JIRA à votre projet CodeStar. Cela vous permettra de suivre les problèmes relatifs à ce projet.


a. Sur la page Web de votre projet, cliquez sur Extensions  

TMT-serverless-05

(cliquez pour zoomer)

TMT-serverless-05

b. Cliquez sur Ajouter une extension pour Atlassian JIRA

TMT-serverless-06

(cliquez pour zoomer)

TMT-serverless-06

c. Suivez les instructions pour créer une instance JIRA (si vous n’en avez pas déjà). Ou passez directement à l’étape suivante si vous possédez déjà une instance JIRA.

TMT-serverless-07

(cliquez pour zoomer)

TMT-serverless-07

d. Une fois terminé, saisissez l’URL JIRA, dans la zone de texte sous « Ajoutez l’URL JIRA à AWS CodeStar »

TMT-serverless-08

(cliquez pour zoomer)

TMT-serverless-08

e. Suivez les instructions pour JIRA dans « Créez le lien de l’application dans JIRA », « Configurez l’authentification entrante dans JIRA » et « Connectez votre projet AWS CodeStar à JIRA », puis cliquez sur le bouton « Se connecter ».

TMT-serverless-08b

(cliquez pour zoomer)

TMT-serverless-08b

f. Cliquez sur Autoriser

TMT-serverless-09

(cliquez pour zoomer)

TMT-serverless-09

g. Votre JIRA est désormais connecté à votre projet CodeStar et vous serez en mesure de voir vos problèmes JIRA sous le panneau JIRA.

TMT-serverless-10

(cliquez pour zoomer)

TMT-serverless-10

Au cours de cette étape, vous confirmerez une mise à jour apportée à votre projet. Cette action amorcera une construction avec CodeBuild, puis un déploiement vers AWS Lambda avec CloudFormation. Ce processus sera géré par un pipeline dans AWS CodePipeline.


a. Sur la page principale de votre projet, vous pouvez voir plusieurs panneaux relatifs à un déploiement continu de celui-ci ainsi que le référentiel Git dans lequel le code de votre projet est stocké.

TMT-serverless-11

(cliquez pour zoomer)

TMT-serverless-11

b. Si vous modifiez le code situé dans le référentiel CodeCommit, il sera automatiquement déployé via CodePipeline. Pour ce faire, cliquez sur le bouton Connexion dans le panneau Historique de validation.


TMT-serverless-13

(cliquez pour zoomer)

TMT-serverless-13

c. Cliquez sur le bouton Copier. Si vous n’avez pas configuré votre utilisateur IAM pour accéder à CodeCommit, cliquez sur le lien « Détails des informations d’identification » et suivez les instructions.

TMT-serverless-14

(cliquez pour zoomer)

TMT-serverless-14

d. Dans une fenêtre Terminal, exécutez la commande suivante pour récupérer une copie de votre code :

git clone https://git-codecommit.us-east-1.amazonaws.com/v1/repos/nodejs-serverle
TMT-serverless-15

(cliquez pour zoomer)

TMT-serverless-15

e. Modifiez votre répertoire de travail pour adopter le répertoire git :

cd nodejs-serverle
TMT-serverless-16

(cliquez pour zoomer)

TMT-serverless-16

f. Ouvrez le fichier index.html.

nano public/index.html
TMT-serverless-17

(cliquez pour zoomer)

TMT-serverless-17

g. Ajoutez trois points d’exclamation au texte « You just created a Node.js web application ».

TMT-serverless-18

(cliquez pour zoomer)

TMT-serverless-18

h. Validez vos modifications.

git commit -a -m “updated index”
TMT-serverless-19

(cliquez pour zoomer)

TMT-serverless-19

i. Renvoyez vos modifications sur CodeCommit.

git push
TMT-serverless-20

(cliquez pour zoomer)

TMT-serverless-20

j. Cette modification devrait désormais s’afficher dans le volet Historique de validation.

TMT-serverless-21

(cliquez pour zoomer)

TMT-serverless-21

k. Après quelques minutes, votre panneau de déploiement continu devrait refléter une nouvelle exécution de votre CodePipeline. Premièrement, votre code sera créé dans CodeBuild. Ensuite, il sera déployé avec CloudFormation.

TMT-serverless-23

(cliquez pour zoomer)

TMT-serverless-23

l. Une fois cette action réussie, vous pouvez voir le point de terminaison de votre application NodeJS.

TMT-serverless-24

(cliquez pour zoomer)

TMT-serverless-24

m. Si vous cliquez sur le lien du point de terminaison, vous pourrez constater que vos modifications ont été déployées sur votre application.

TMT-serverless-25

(cliquez pour zoomer)

TMT-serverless-25

Vous pouvez facilement supprimer l’application sans serveur depuis le CodeStar. D'ailleurs, il est recommandé de supprimer les ressources que vous n'utilisez plus pour qu'elles ne vous soient plus facturées.


a. Dans la console CodeStar, sous votre projet, cliquez sur Projet.

TMT-serverless-26

(cliquez pour zoomer)

TMT-serverless-26

b. Une liste de toutes les ressources de votre projet apparaît. Afin de les supprimer, cliquez sur Supprimer le projet.

TMT-serverless-27

(cliquez pour zoomer)

TMT-serverless-27

c. Pour confirmer la suppression du projet, tapez le nom de votre projet, puis cliquez sur Supprimer. Si vous souhaitez également supprimer les ressources du projet, décochez la case Conserver les ressources AWS associées mais supprimer le projet dans AWS CodeStar.

TMT-serverless-28

(cliquez pour zoomer)

TMT-serverless-28

Vous venez de créer une application NodeJS avec AWS CodeStar !

Maintenant que vous avez créé une application Web simple sans serveur avec AWS CodeStar, voici d’autres manières d’utiliser CodeStar.

Intégrer votre IDE avec AWS CodeStar

Écrivez et développez des codes dans votre environnement privilégié, puis envoyez-les sur CodeStar.
Intégrer votre IDE avec AWS CodeStar »

Travailler avec les équipes AWS CodeStar

Collaborez avec d’autres personnes en leur accordant un accès aux projets AWS CodeStar.
Ajouter d’autres personnes à votre équipe CodeStar AWS »

Oui
Non