Guide d'hébergement Node.JS sur Back4App pour développeurs
Ce tutoriel explique comment vous pouvez configurer un sous-domaine et héberger facilement des pages statiques. Après avoir terminé ce guide étape par étape, vous serez en mesure d'utiliser une application Node JS pour enregistrer et connecter des utilisateurs.
Pour compléter ce tutoriel, vous aurez besoin de :
- Si vous souhaitez tester cette application localement, vous devez installer Node JS dans votre environnement local. Vous pouvez suivre le
- Une application créée avec Back4App.
- Consultez
- Back4App Command Line configuré avec le projet.
- Parcourez le
Nous allons décrire un exemple sur l'utilisation de l'hébergement Web avec Node JS !
Imaginons que nous devons créer une simple connexion, un enregistrement et une demande de mot de passe pour les utilisateurs inclus dans votre tableau de bord Back4App. Nous pourrons utiliser Bootstrap, des fichiers statiques (CSS et images) et utiliser Express dans le projet.
Voir l'application en direct ici : nodeapplication.back4app.io.
Vous pouvez cloner cette application complète dans les modèles de code d'application sur la plateforme Back4App ici.
Tout d'abord, complétez la configuration en utilisant l'interface de ligne de commande (voir les prérequis), pour comprendre comment cela fonctionnera avec la structure finale des fichiers :
Activez votre fonctionnalité d'hébergement Web, veuillez suivre les étapes disponibles dans le guide ci-dessous :
Avant de commencer cette étape, nous vous recommandons d'utiliser l'outil de ligne de commande (voir les prérequis) pour télécharger vos fichiers facilement!
Tout d'abord, créez les fichiers appelés app.js et package.json dans le répertoire cloud!
Dans le dossier cloud (dans votre terminal), vous devez écrire:
Maintenant, insérez le module npm ‘body-parser’ dans le fichier package.json:
Dépannage : Il n'est pas nécessaire d'exécuter npm install dans le dossier cloud car le serveur Back4App l'installera automatiquement
Nous fournirons des fichiers EJS de modèle pour créer l'application modèle, vous pouvez le modifier à tout moment de votre côté. :)
Retour au terminal
Dans le répertoire Cloud, il est nécessaire de créer le dossier views et les fichiers EJS suivants :
- head.ejs - Nous l'utiliserons pour ajouter du contenu à l'en-tête de la structure HTML.
- index.ejs - Nous l'utiliserons pour enregistrer et connecter les utilisateurs.
- reset_password.ejs - Nous l'utiliserons pour que l'utilisateur demande la réinitialisation du mot de passe.
Indice : Nous construirons les vues en utilisant Bootstrap, cliquez ici pour en savoir plus.
Vous pouvez ajouter du contenu à vos vues respectives. Vous pouvez utiliser les modèles ci-dessous sans aucun problème :
Maintenant, nous devons configurer les Routes pour rendre les vues qui ont été créées précédemment. Les routes seront construites en utilisant Express.
Indice : Comme vous pouvez le voir, nous configurons des variables en tant que paramètres, qui seront utilisées pour afficher des alertes sur la page.
Nous allons utiliser le Guide Javascript de Parse Server comme référence pour développer nos fonctions pour l'Inscription, la Connexion et la Demande de Mot de Passe.
Ce n'est pas encore fini! Dans le dossier public, vous pouvez insérer des fichiers statiques tels que CSS et images à exiger dans les vues :)
Lorsque vous ajoutez des fichiers CSS et des images, vous pouvez fournir différentes feuilles de style à votre site Web créé!
Jusqu'à présent, vous avez merveilleusement appris à créer une application Node JS en utilisant le code Cloud.
Cliquez sur ce lien pour accéder au projet complet dans Back4App à tout moment.
Avec les étapes décrites ci-dessus, vous serez en mesure de travailler avec l'hébergement Web lors de l'utilisation d'une application Node JS!