Comment créer un site Web sur un Raspberry Pi, avec Node.js, Express et MongoDB Partie 1 : 6 étapes

2024 Auteur: John Day | [email protected]. Dernière modifié: 2024-01-30 09:08

Bienvenue dans la PARTIE 1 de mon didacticiel sur l'application Web node.js. La partie 1 passera en revue le logiciel nécessaire utilisé pour le développement d'applications node.js, comment utiliser la redirection de port, comment créer une application à l'aide d'Express et comment exécuter votre application. La deuxième partie de ce tutoriel passera en revue tout le code et la structure de mon application Web complète. Si vous êtes prêt pour cela, visitez-le ici.

Ainsi, lors de la création de ma page de lancement personnelle, j'ai trouvé qu'il était très difficile de sortir des mauvaises herbes. Il y a plus sur Internet que je ne comprendrai jamais sur la création d'une page Web.

Il s'agit d'un guide sur l'utilisation de Node.js, Express et Mongodb. pour créer une page Web.

Le code pour tout cela est ici.

Ma page Web s'appelle Internet. S'il vous plaît visitez si vous voulez un regard plus interactif sur un site Web personnel.

J'ai commencé cette page pour avoir une présence personnelle sur Internet avec les projets que j'ai réalisés, avec des liens vers mes projets instructables pour plus de détails.

Ce site est hébergé chez moi sur un pi zero W.

Étape 1: choses dont vous avez besoin

Une fois. Je ne peux pas insister sur le fait que développer un site et vraiment comprendre le fonctionnement interne est un processus de longue haleine. J'ai un diplôme en génie électrique avec une spécialisation en microélectronique et un amour pour le codage, et cela m'a encore pris des mois à accomplir.

Ce tutoriel sera un bon bloc de construction, mais veuillez lire plus de documentation en ligne pour comprendre chaque élément.

2. Raspberry pi - n'importe quel modèle fera l'affaire. De plus, n'importe quel ordinateur exécutant Linux fera l'affaire. En fait, n'importe quel ordinateur fera l'affaire, je vais juste expliquer plus en détail comment l'exécuter sur un pi.

3. Connexion Internet - si vous envisagez de l'héberger dans le monde. Un routeur ou un commutateur réseau est nécessaire pour configurer la redirection de port.

4. Logiciel - N'importe quelle plate-forme de codage fonctionnera, Sublime, Webstorm, Notepadd ++, Visual Studios ou toute autre chose. J'ai principalement utilisé Webstorm ou Sublime.

Étape 2: Redirection de port sur votre Raspberry Pi

Donc, je vais supposer que vous avez déjà configuré votre Raspberry Pi. Si ce n'est pas le cas, consultez ce tutoriel simple ici.

Mon pi exécute Jessie lite et est entièrement en terminal. L'avantage de ceci est que je n'ai pas beaucoup de processus en arrière-plan qui pourraient ralentir mon serveur avec un trafic élevé. Permettez-moi de préciser maintenant que ce tutoriel est destiné aux sites à faible trafic. Tout site avec un trafic élevé sera lent sur un pi et pourrait faire planter votre serveur.

Redirection de port

Avec la configuration de votre pi, vous devrez activer la redirection de port sur votre routeur ou commutateur. Pour ce faire, recherchez les paramètres de redirection de port dans votre routeur. Chaque routeur est différent, je montre ici mon interface graphique Linksys Velop.

Mon site est configuré sur le port 3000, cela peut être modifié dans le code source du fichier app.js ou www.

J'ai également configuré le port 22 pour le transfert afin que je puisse SSH dans mon pi, cela peut être configuré dans les paramètres pi. SSH est un moyen d'utiliser le terminal sur votre pi sans être sur le même réseau, et aussi sans utiliser la sortie d'affichage du pi. Cela me permet de mettre à jour mon site Web à partir d'un autre ordinateur et de transmettre les modifications à mon pi.

Suivez les images pour configurer la redirection de port.

Service DNS

Vous aurez besoin d'un service qui relie votre adresse IP à un nom d'adresse Web. Vous pourrez saisir l'adresse IP globale de votre routeur suivie du numéro de port pour accéder à votre site. Ceci, cependant, est difficile, surtout si votre adresse IP globale change. Ce que fait un service DNS, c'est de suivre et de mettre à jour ces modifications afin que votre nom Web et votre adresse IP soient liés. Je choisis d'utiliser un service gratuit via no-ip. Vous êtes invités à payer pour tout ce que vous voulez. C'est juste un moyen gratuit que je connais.

www.noip.com/

Étape 3: Installation du logiciel nécessaire sur Pi

Si vous avez téléchargé mon code GitHub, vous n'aurez rien à faire à part exécuter une simple commande de démarrage npm pour faire fonctionner le site. Cependant, comme il s'agit d'un didacticiel approfondi, j'expliquerai comment installer tous les logiciels et packages nécessaires.

Sur votre ordinateur pi ou linux (il y aura différentes commandes pour utiliser Windows), exécutez les commandes suivantes.

Je les ai divisés en étapes individuelles pour le rendre plus facile à suivre.

1. Installez node.js et npm

Node.js est essentiellement le script java qui crée le serveur. NPM est le gestionnaire de packages de nœuds et gère tous les middleware nécessaires avec node.js.

Exécutez les commandes suivantes sur une machine Linux ou Mac à installer.

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt-get install -y nodejs

Pour télécharger sur Windows, il suffit d'utiliser l'exe trouvé ici.

Ce lien est pour l'aide de Linux s'il n'est pas sur un Raspberry Pi.

2. Installez MongoDB

MongoDB n'est que cela, une base de données. Je l'utilise pour une partie de connexion et de compteur de trafic de ma page Web.

Exécutez les commandes suivantes sur une machine Linux ou Mac à installer.

sudo apt-key adv --keyserver hkp://keyserver.ubuntu.com:80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

echo "deb https://repo.mongodb.org/apt/debian jessie/mongodb-org/3.4 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get mise à jour

sudo apt-get install -y mongodb-org

Pour télécharger sur Windows, il suffit d'utiliser l'exe trouvé ici.

Ce lien est pour l'aide de Linux s'il n'est pas sur un Raspberry Pi.

3. Installer Grunt

Grunt est comme npm, car vous pouvez l'utiliser avec d'autres plugins. Je ne l'utilise pas pour mon application, mais il est très utile lors de l'automatisation des tâches. Cette étape peut être complètement ignorée pour que votre application fonctionne.

Pour Windows, Mac ou Linux, utilisez la commande suivante.

npm install -g grunt-cli

4. Installer Express

Express est un moyen simple d'utiliser le framework node js. Nous allons installer un générateur express. Cela crée le cadre facile à utiliser d'une application Web.

Pour Windows, Mac ou Linux, utilisez la commande suivante.

npm install express-generator -g

Étape 4: créer une application Express Node.js

Accédez à l'emplacement du dossier dans lequel vous prévoyez d'installer votre application. Une fois ici, toutes les futures installations se trouveront dans ce dossier.

Exécutez les commandes suivantes sur une machine Linux ou Mac pour changer de répertoire.

sudo cd /home/pi/myapp

Pour les fenêtres:

cd C:\Users\pi\Desktop\myapp

Utilisez le générateur express pour créer le framework node js nécessaire.

exprimer le nom de mon application

Cela créera un projet nu express node.js, vous pouvez en modifier les fonctionnalités au cours de cette étape en trouvant différentes commandes comme indiqué ci-dessous à l'aide de la commande -h. Ou vous pouvez modifier manuellement le modèle généré, comme je l'ai fait. J'en discuterai plus en détail dans la partie 2. Vous pouvez ajouter d'autres variables à ce code pour modifier les paramètres de votre application, tels que l'utilisation de HTML, de guidons, de jade et autres. Pour cela, exécutez la commande:

exprimer -h

Continuez à configurer votre application Web node.js en exécutant les commandes suivantes:

nom du cd de mon application

npm installer

Cela installe tous les packages nécessaires à l'exécution de votre application Web node.js, ainsi que d'autres disponibles.

Dans cet exemple, le chemin d'accès au fichier de l'application serait:

/home/pi/myapp/nameofmyapp

C'est parce que le générateur express crée un fichier basé sur la chaîne que vous placez après. Si vous êtes déjà dans le répertoire souhaité, utilisez simplement express.

Étape 5: Exécutez votre application Web

Pour exécuter votre application Web node.js, exécutez la commande:

début npm

Pour le rendre plus efficace lors du codage afin que notre application se mette à jour automatiquement après que nous ayons apporté des modifications, nous allons installer nodemon.

npm install -g nodemon

C'est ici que la plupart des didacticiels vous diraient de vous amuser à construire et de vous laisser le soin de comprendre le dur travail des jambes. Dans les prochaines étapes, je vais vous expliquer comment j'ai construit mon application.

Étape 6: Crédit

Pas vraiment une étape mais je veux lister mes sources et inspiration pour ce tutoriel.

Ce Github ReadMe a été écrit par un bon ami alors qu'il travaillait sur notre projet de conception senior et il m'a beaucoup inspiré pour créer mon site.

github.com/SDP-DT04/Web-Application/blob/m…

Ce tutoriel a été un outil utile dans le processus de création d'une application Web.

kroltech.com/2013/12/29/boilerplate-web-app…

Pour plus d'informations sur un site node.js, visitez ma partie 2.