Bienvenue dans les prochaines vidéos, nous allons nous concentrer sur la création de cette application avec l'art utilisateur et de commencer.
Nous avons besoin d'installer la structure d'application réelle dont vous avez besoin pour installer quelques paquets, y compris ceux-ci ici-bas dont j'ai parlé dans la dernière vidéo.
Ensuite, nous allons ajouter deux routes de base pour que nous n'allions pas couvrir une authentification pour le moment.
Nous allons simplement poser les bases pour que nous puissions le faire dans la prochaine vidéo.
J'ai donc créé un nouveau répertoire appelé authentification et je ferai un nouveau répertoire à l'intérieur de celui appelé Auth. Démo et CD dans démo démo et puis exécutera NPM et il sera juste la vitesse à travers cette description.
Le blanc je voudrais changer cela en fait oui Arthur.
Oui, c'est bon.
OK, alors faisons son adresse.
Maintenant, nous avons besoin d'installer ses paquets, nous avons donc quelques-uns.
Nous avons besoin d'installer express mongoose passeport corps parser passeport local.
Nous avons également besoin de passeport mongoose locale et exprimer la session tout à fait quelques-uns.
Je vais les faire dans quelques lignes différentes, même si c'est agréable de tout faire en une seule ligne.
Il sera difficile de regarder sur la vidéo au cas où il serait coupé ici.
Donc, je vais commencer à faire l'installation de NPM Expressen mongoose dash dash sauver.
Et ensuite, nous allons faire passeport et passeport local.
D'ACCORD.
Donc, maintenant, nous allons faire NPM installer passport espace passer ou tiret tableau de bord local sauver et qui nous donnera deux plus.
Ensuite, nous allons faire NPM installer passeport mongoose tableau de bord tiret.
Enregistrer maintenant fera des parties du corps pour NPM installer Audi parser et sera également faire session excusez-moi express tableau de bord dash.
Sûr et qui devrait être tout ce dont nous avons besoin.
Jetons donc un coup d'oeil sur le paquet que Jason et nous avons.
Express express mongoose passeport passeport local passeport local mangouste et analyseur de corps.
Quelques paquets là-bas.
Très bien maintenant, allons-nous à la chasse à l'application et de fermer que vers le bas.
C9.
Oui.
Et pendant que nous sommes dans le terminal, nous allons faire notre répertoire vues juste là.
Là, nous allons et nous allons aussi faire un répertoire modèle et nous allons seulement avoir un modèle qui sera utilisateur.
Et nous y reviendrons dans la prochaine vidéo.
Donc, à l'intérieur oui, nous allons commencer avec notre application express de base.
Jusqu'à présent, les appels express exigent express et puis nous allons faire une application VAR équivaut à exprimer exactement comme ça.
Et puis nous allons faire une partie de notre autre configuration.
Donc, app que le moteur de vue set être Ejay nous et c'est un paquet, nous avons effectivement oublié d'installer afin que nous puissions le faire maintenant et l'installer.
Oui.
Sauter tableau de bord.
Et alors alors que ça va nous ajouterons notre première route et nous allons simplement ajouter l'itinéraire de route pour commencer.
Si apt get slash et nous allons simplement rendre un modèle que nous appelons la maison.
Donc rez qui rendent la maison.
Maintenant nous devons faire le modèle à la maison.
Donc nous avons notre répertoire vues ici.
Maintenant, nous devons faire des vues tactiles slash home que Ejay nous et puis va ouvrir ce fichier et nous allons ajouter dans un H-1 simple qui dit que c'est la page d'accueil comme ça.
Et puis la dernière chose et la plus importante est de réellement démarrer le serveur pour ajouter l'application.
Écoutez et rappelez-vous son processus que EMV que le port Khama processus que EMV IP commune fonction de rappel qui sera exécuté et sera juste pour annuler que le serveur de journal a démarré.
Voilà.
Nous allons lui donner un coup de fil et de voir si je suis manquant quelque chose d'important donc nous allons effacer cela et nous exécutons nœud après J S.
Très bien, le serveur a commencé.
Maintenant, nous allons visiter l'URL.
Donc, le chemin racine ici.
Il suffit de slash et nous devrions obtenir.
C'est la page d'accueil et nous le faisons.
Génial.
Maintenant, nous allons mettre en place la route secrète qui sera juste un autre enlever secrète secret.
Et pour l'instant nous allons rendre un modèle et ce modèle va juste dire que c'est la page secrète et nous pouvons ajouter une photo embarrassante là-bas si vous voulez.
Si secret comme ça.
Et maintenant, nous devons créer ce modèle.
Donc, touch utiliser slash secret Ejaz et puis nous allons ouvrir que et nous allons ajouter un H-1.
C'est la page secrète et nous pouvons ajouter un paragraphe aussi.
Vous m'avez trouvé et puis j'ajouterai une étiquette d'image ici avec cette horriblement embarrassante photo de moi.
N'hésitez pas à mettre ce que vous voulez aussi longtemps que c'est horriblement embarrassant et devrait être dans le fichier secret.
D'ACCORD.
Enregistrez-la pour l'instant ou redémarrez le serveur.
Et nous devrions être en mesure de voir cette page secrète parce que nous n'avons pas de secret d'authentification slash.
Et oui ça marche parce que nous n'avons pas encore notre auth.
Génial.
C'est donc tout ce que je voulais faire dans cette vidéo.
Une autre chose que nous pouvons faire aux États-Unis est juste commencer à ajouter notre code de la mangouste, donc nous allons faire un mangoustan VAR égaux exigent mangouste et puis nous allons simplement se connecter à une base de données avec notre mangouste qui se connecte et qui doit être Mongo DB Colon slash slash localhost slash et puis tout ce que nous voulons que ce soit appelé, je vais juste l'appeler off app de démonstration comme ça.
D'ACCORD.
Et c'est tout ce que nous allons faire dans cette vidéo.
Nous avons maintenant ouvert la voie afin que dans la prochaine vidéo nous puissions commencer à créer le modèle d'utilisateur et à importer tous les paquets que nous avons installés.