Publiez votre page personnelle

ShellBeginner
Pratiquer maintenant

Introduction

Modifiez un court profil JSON, publiez-le sur EC2 avec SCP et vérifiez le contenu réellement affiché.

Terminez les laboratoires précédents du portfolio. Cet environnement fournit ses propres ressources et les capacités antérieures nécessaires. Réutilisez les connaissances, pas les instances, fichiers ou identifiants précédents.

Lien avec la certification

Certification Tâches Pratique
AWS Certified Cloud Practitioner (CLF-C02) Task 3.3 Exploiter une application EC2 et distinguer fichiers locaux et distants.

Vue d’ensemble

Modifiez un court profil JSON, publiez-le sur EC2 avec SCP et vérifiez le contenu réellement affiché.

Préparer le profil

Dans cette étape, vous préparerez un nouveau profil local sans modifier encore la page publiée.

Ce labo fournit un nouveau serveur déjà en fonctionnement. Lorsque Terminal et AWS View sont prêts, ouvrez le portfolio depuis l’AWS View de ce labo et vérifiez Alex Morgan. Vous n’avez pas à retrouver ou à redémarrer le serveur précédent.

Exemple AWS View : ce labo fournit portfolio-website en cours d’exécution ; votre identifiant et votre adresse seront différents.

Un fichier local est dans l’environnement LabEx ; un fichier distant est sur le serveur EC2 du site. Modifier le premier ne change pas automatiquement le second.

Entrez dans le projet.

cd /home/labex/project

Le profil est un fichier JSON, un format texte qui conserve les réglages dans des champs nommés. cat affiche son contenu. Lisez profile.json avant de le modifier :

cat profile.json

name apparaît dans la navigation et le pied de page ; headline est le grand titre ; about est une courte ligne de présentation. Le profil initial utilise \n dans une chaîne JSON pour un saut de ligne. Le titre de pratique reste sur une ligne. Les textes sont entre guillemets doubles et les champs sont séparés par des virgules.

cat > écrit le fichier. Le here-document entre les deux marqueurs JSON fournit ses lignes ; copiez le bloc entier pour les trois valeurs demandées.

cat > profile.json <<'JSON'
{
  "name": "Sam Rivera",
  "headline": "Design with purpose.",
  "about": "Brand identities and digital experiences."
}
JSON

Relisez le fichier pour confirmer les valeurs.

cat profile.json

L’actualisation doit encore montrer Alex Morgan : vous n’avez pas publié. Utilisez les valeurs d’exercice pour les vérifications, puis explorez d’autres textes après l’activité.

Publier et vérifier votre page

Dans cette étape, vous publierez le profil préparé et vérifierez son effet sur le site réel.

SSH fournit une connexion chiffrée à un serveur ; SCP transfère les fichiers par cette connexion. Le fichier fourni ssh_config sélectionne déjà la clé et le trajet de connexion de ce labo.

website.env contient l’adresse et les identifiants du serveur. source charge ses variables dans la session Terminal actuelle. Affichez d’abord l’adresse :

source website.env
echo "$PUBLIC_IP"

Comparez l’adresse avec AWS View. $PUBLIC_IP utilise la valeur enregistrée ; les guillemets la gardent dans un seul argument.

Copiez votre fichier local profile.json vers le site. -F ssh_config sélectionne la configuration, ubuntu est l’utilisateur EC2 et les deux-points séparent l’adresse du serveur du chemin de destination :

scp -F ssh_config profile.json ubuntu@"$PUBLIC_IP":/home/ubuntu/portfolio/profile.json

La première connexion peut signaler l’ajout de la clé d’hôte du serveur fourni. Un transfert à 100% confirme la copie ; vérifiez ensuite ce qu’elle a changé dans la page.

Actualisez le portfolio ouvert depuis l’AWS View de ce labo. Il doit afficher Sam Rivera, Design with purpose. et Brand identities and digital experiences. L’application lit le profil à chaque requête : aucun redémarrage n’est nécessaire.

La page publiée affiche le nouveau nom, le titre et la courte présentation.

Enfin, vérifiez le fichier sur le serveur. Une commande placée après l’adresse SSH s’exécute à distance, puis rend la main à Terminal :

ssh -F ssh_config ubuntu@"$PUBLIC_IP" cat /home/ubuntu/portfolio/profile.json

Le JSON distant doit correspondre au fichier local. Vous avez vérifié la copie et la page qui utilise ce fichier. Si Alex Morgan apparaît encore, vérifiez que le transfert est terminé, que l’adresse correspond à AWS View et que le chemin est correct, puis actualisez la page de ce labo.

La publication est terminée. Vous pouvez laisser le site ouvert pour apprécier le résultat. Le prochain labo fournit son propre serveur et présente la règle réseau qui permet aux visiteurs d’y accéder.

Résumé

Vous avez modifié un profil JSON local, l’avez publié sur EC2 avec SCP et avez vérifié le fichier distant avec SSH. Le nouveau nom et le titre sur la page réelle confirment que le contenu a atteint l’application, au lieu de rester uniquement dans votre copie locale.

Références officielles : Connect to a Linux instance with SSH, transfer files to an instance.