Cet article vous guidera comment configurer un environnement de développement à distance de code vs sur Amazon EC2 pour obtenir un développement cloud pratique et efficace. Cette méthode présente les avantages de la forte portabilité, de la forte évolutivité, de la synchronisation de l'environnement de production et de développement, du processus de développement fluide et de la haute fiabilité. Mais il convient de noter qu'une connexion réseau stable est cruciale pour éviter la perte de travail en raison de la déconnexion.
Points clés:
Le développement à distance consiste simplement à se développer sur un serveur distant. La machine locale est connectée au serveur cloud via SSH. SSH signifie des coquilles sécurisées ou des coquilles de douille sécurisées - un protocole qui communique en toute sécurité entre deux ordinateurs via un terminal.
Source de l'image: code.visualstudio.com
Amazon Elastic Compute Cloud (EC2) fournit des ressources informatiques évolutives pour créer des applications (serveurs) sans gérer la responsabilité de gérer les ordinateurs physiques. Dans ce cas, nous utiliserons l'éditeur de code Visual Studio et le connecterons à l'instance EC2 via une connexion SSH.
Pour apprendre ce tutoriel, vous devez remplir les conditions suivantes:
Avant d'introduire la méthode d'opération, comprenons d'abord les raisons du développement à distance. Voici quelques-uns des avantages et des inconvénients du développement du serveur.
Tout d'abord, avantages:
Regardons les lacunes maintenant.
La principale raison d'éviter l'encodage dans un environnement distant est que vous avez besoin d'une connexion Internet pour accéder à votre serveur distant. Avec une connexion Internet rapide, l'expérience de développement à distance se sent naturel lors de l'ouverture, de la création et de la saisie de fichiers et de l'interaction avec la ligne de commande avec un serveur distant. Cependant, avec un réseau 3G lent, vous pouvez être déconnecté du serveur, ce qui peut entraîner une perte de travail, allant de secondes en minutes.
Ensuite, passons au cœur de l'article - configurez une instance EC2 gratuite et connectons-la à notre éditeur de code local vs.
Apprenez étape par étape comment créer et configurer votre instance cloud.
Connectez-vous à la console de gestion AWS.
Cliquez sur EC2 pour entrer le tableau de bord EC2. Cliquez sur le bouton Démarrer l'instance. Vous serez dirigé vers la page de sélection AMI.
Sur la page de sélection AMI, recherchez Ubuntu et sélectionnez votre version préférée. Assurez-vous que le schéma est réglé sur x86. Nous utiliserons l'architecture x86 car il a un support logiciel plus large par rapport à ARM.
Sélectionnez T2.Micro comme type d'instance.
Laissez les étapes restantes en tant que paramètres par défaut jusqu'à ce que vous atteigniez l'étape d'ajout de stockage. Je vous recommande d'utiliser au moins 24 Go. Si vous vous développez pour Node.js, la bibliothèque NPM prend pas mal d'espace et utiliser moins d'espace peut vous mettre dans un détroit, c'est donc une bonne idée d'être prudent.
Lorsque vous allez à l'étape du groupe de sécurité de configuration, vous devez autoriser les connexions SSH entrantes, vous avez deux options:
Après avoir cliqué sur Démarrer, il vous sera demandé de sélectionner ou de créer une paire de clés SSH. Sélectionnez Créer une nouvelle paire de clés. Nommez la paire de clés.
Cliquez sur le bouton Télécharger la paire de clés pour obtenir le fichier de clé privée. Cela téléchargera un fichier PEM que vous devez stocker dans un répertoire pratique et noter son chemin de répertoire.
Ensuite, cliquez sur le bouton Démarrer l'instance et votre instance EC2 commencera le processus de création. Accédez à la page d'instance et vous devriez trouver votre instance nouvellement créée.
Enfin, cliquez sur l'instance pour accéder à sa page de détails et notez son adresse DNS publique publique.
Nous appelons cette adresse comme le "nom d'hôte" de l'instance.
Maintenant que nous avons créé avec succès une instance EC2, voyons ce que nous devons faire dans le code Visual Studio. Si le code Visual Studio n'est pas installé sur votre machine, visitez sa page de téléchargement et obtenez le bon package pour votre système.
Après l'installation du code vs, ouvrez l'onglet Extensions dans l'éditeur (vous pouvez choisir d'utiliser la clé de raccourci Ctrl Shift x >) et développer Recherchez "SSH distant" sur le marché des programmes.
Trouver et installer l'extension à distance-ssh pour s'assurer qu'il s'agit de l'extension correcte (créée par Microsoft et installée au moment de la rédaction de cette écriture est de 4,3 millions).
Cliquez sur le nouveau bouton dans le coin inférieur gauche de l'éditeur. Cela ouvrira le panneau de commande où vous devez sélectionner la télécommande: ouvrir le fichier de configuration.
Un fichier de configuration SSH apparaîtra (si l'extension reconnaît plusieurs fichiers de configuration, sélectionnez le fichier de configuration de l'utilisateur actuel), où vous pouvez entrer la configuration suivante:
<code>Host VS Code-ssh-tutorial HostName <hostname> User ubuntu IdentityFile <path to identity file></path></hostname></code>
Cliquez sur le bouton Remote-Ssh dans le coin inférieur gauche, puis cliquez sur Connecter à l'hôte qui apparaît dans le menu déroulant.
Un autre menu déroulant apparaîtra. Sélectionnez la configuration de l'hôte (vs code-ssh-tutorial) que vous avez créé à l'étape précédente. Si tout se passe bien, vous devriez voir une nouvelle fenêtre d'éditeur vous demandant de sélectionner votre répertoire de travail.
De cette manière, vous avez mis en place un environnement de développement à distance. Créons maintenant une application de démonstration simple à l'aide de node.js.
Utilisez des touches de raccourci pour ouvrir le terminal: ctrl shift ` puis installez node.js en utilisant la commande suivante:
<code>sudo apt update sudo apt install nodejs</code>
Ensuite, créez un fichier index.js dans un nouveau répertoire appelé test:
<code>mkdir test && cd test && touch index.js</code>
Mettez ce qui suit dans le fichier index.js:
//index.js
const http = require('http');
const hostname = '127.0.0.1';
const port = 3000;
const server = http.createServer((req, res) => {
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end('Hello World');
});
server.listen(port, hostname, () => {
console.log(`Server running at http://${hostname}:${port}/`);
});Exécutez ce serveur de test avec la commande suivante dans le terminal du serveur:
<code>node index.js</code>
Après avoir exécuté ce code, une petite fenêtre contextuelle apparaîtra dans le coin inférieur droit de l'éditeur de code VS comme indiqué ci-dessous.
Vous avez deux options, ouvertes dans le navigateur et aperçu de l'éditeur. Quel que soit le choix, vous constaterez que le port du serveur a été transmis à votre Host local et peut être accessible en utilisant localhost: 3000 .
Si vous avez des problèmes de connexion à l'instance que vous avez créée, voici quelques conseils de dépannage:
Dans ce tutoriel, nous avons créé une instance AWS T2.micro gratuite. Nous l'avons configuré pour permettre des connexions SSH à partir de la machine locale et nous y connectons via une extension SSH distante. Enfin, nous pouvons accéder au serveur de transfert de port que nous avons créé dans l'environnement distant.
(La partie FAQ est omise ici car l'article est trop long et a une répétition élevée du contenu de l'article. La partie FAQ peut être réorganisée au besoin et les informations en double sont rationalisées.)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Que signifie la commande rm-rf sous Linux ?
Quelle est la principale différence entre le langage C et Python ?
Qu'est-ce que la HD mobile
l'espacement des lettres
La différence entre mac air et pro
Comment acheter et vendre du Bitcoin sur okex
utilisation de la fonction de valeur
Solution au problème selon lequel l'entrée n'est pas prise en charge au démarrage de l'ordinateur
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
