D'accord.
Commençons donc par déployer une application très simple.
Encore une fois, il va simplement avoir deux routes à des modèles vraiment très simple.
La première chose que je veux faire est juste de faire cette application.
Je vais donc le faire très rapidement.
J'ai créé un nouveau dossier appelé deploy demo.
La première chose que je vais faire est NPM et.
Et je vais juste passer la plupart de ces assez rapidement.
J.S. Comme mon point d'entrée.
Autrement c'est tout ce que nous devons faire.
La prochaine chose que je vais faire est NPM installer Express et vous aussi faire E.J. S tiret de tiret et tiret de tiret.
Enregistrer est particulièrement important dès maintenant lorsque nous déployons.
Nous voulons nous assurer que notre paquet que Jason va de l'avant et que nous voulons nous assurer qu'il a toutes nos dépendances parce que ce qui arrive est que nous allons envoyer notre code et notre paquet que Jason sur son Roku en utilisant Obtenir en fait est comment nous le faisons nous allons l'envoyer aux serveurs Heroku et puis Heroku va exécuter NPM installer et installer tout ce qui est dans le paquet de choses Jason.
Donc, dans ce cas Ejay nous et exprimer Si nous manquons quelque chose si nous n'avons pas exprimé dans ce paquet que Jason Heroku ne saurait pas l'installer.
Donc, la clé est que nous n'envoyons pas le répertoire des modules de nœuds.
Cela ne va pas tout le chemin à Roku parce qu'il n'y a aucune raison de faire que c'est un point de NPM au lieu d'envoyer ces fichiers géants et les répertoires entiers tout le module d'Express.
Tout ce que nous faisons est d'envoyer le paquet que Jason qui contient les instructions ou la recette dont nous avons besoin Express, nous en avons besoin.
Oui.
Sort d'une liste d'achats, puis Heroku va aller et télécharger tout cela.
Nous voulons simplement nous assurer que tout est là.
Dans ce cas, c'est vraiment court et simple, mais quand nous arrivons au camp de Yelp nous voulons faire un contrôle approfondi pour s'assurer que tout est là.
Si vous oubliez quelque chose, ce n'est pas la fin du monde.
Je vais vous montrer comment faire que je vais délibérément briser.
Une fois que nous avons mis en place le camp afin que vous puissiez voir comment vous le réparez.
Bon, la prochaine chose que je veux faire est de faire mon application J J.S. Et puis je vais aussi faire un répertoire de View.
Et puis, alors que je suis ici, nous allons faire des vues de slash et nous allons faire à la maison papa E.J ..
Oui.
Et l'autre va appeler à ce sujet E.J. Oui.
Génial.
Donc, juste deux points de vue.
Nous les remplirons avec des trucs vraiment simples.
Donc ce que nous allons déployer à nouveau.
Une application avec deux routes deux modèles qui vont juste être hideux.
Knowsley évaluer juste le strict minimum absolu.
Mais vous pouvez prendre cela et vous savez déployer un site de portefeuille ou de déployer un site de blog ou quoi que vous fassiez qui ne nécessite pas un backend mongo.
Alors ouvrons ceci et commençons par leur application J nous et en haut.
La première chose que vous voulez faire est d'exprimer exprimer exprimer express et puis nous ferons ce qui équivaut à Express qui exécute cette fonction.
Pendant que nous sommes ici, nous dirons au départ que le moteur de visualisation de Ejay nous et puis tout ce que nous devrions avoir à faire maintenant est de déclarer nos cordes.
Alors commençons par apt get seulement la page d'accueil ou l'itinéraire et nous allons juste faire un rendu de repos.
Et nous allons juste ce qui est notre maison modèle home redstart rendre à la maison comme ça fera la même chose, sauf pour slosh environ et rendra render.
Sur la droite.
Donc, deux routes avec deux modèles différents.
Maintenant, nous devons remplir ces modèles.
Alors, nous allons faire la maison d'abord et de le remplir.
Donc, je vais juste faire une page d'accueil H-1 et nous pouvons ajouter quelque chose plus tard, mais commençons avec cela et faire la même chose pour environ H-1 sur Paige.
D'accord.
Nous allons commencer par là.
Et la toute dernière chose dont nous avons besoin avant que nous puissions démarrer notre serveur est notre après écouter à la fin.
Très bien, donc c'est notre application super simple devrait tous être examen de très tôt dans la partie Express de ce cours.
Assurons-nous donc que les choses fonctionnent.
Essayez d'exécuter des applications de nœud.
Oui.
Nous n'avons pas envoyé de message.
Donc, il fonctionne juste ne semble pas très gentil ou ne nous dit pas vraiment qu'il fonctionne, mais c'est alors nous allons aller et prévisualiser notre application.
Oop ressemble à nous avons un petit problème aucun moteur par défaut a été spécifié aucune extension n'a été fournie.
Qu'avons-nous au départ.
Afficher le moteur.
Et bien sûr, je me suis trompé.
Il n'est pas censé être un tableau de bord leur moteur de l'espace de vue.
Droite.
Essayons donc une fois de plus.
J'espère que certains d'entre vous ont attrapé qui peut rafraîchir.
Vous pouvez aussi ce rapide ici pour ouvrir dans le navigateur.
Vous pouvez voir ici que nous obtenons notre application pense que nous pouvons effectivement se débarrasser de tout cela.
Voilà.
Et si je vais à slash environ j'obtiens environ page.
Donc, deux enveloppements super simple et c'est tout ce que nous allons faire.
Peut-être que nous ajouterons un lien.
Donc, si nous allons à la maison, nous allons ajouter dans une balise d'ancrage A-Trak devrait juste être slash environ.
Accédez à la page À propos, puis nous la remettrons ou la copierons dans la page À propos et nous avons un lien vers l'itinéraire.
Rentrer chez soi.
D'ACCORD.
Vérifions donc que cela fonctionne.
Accédez à la page À propos.
Rentrer chez soi.
Génial.
Nous avons donc deux routes.
Notre application est terminée.
Incroyable droit d'application.
Je vais donc fermer ça ici.
Voilà.
Et la prochaine chose que nous allons faire est effectivement travailler sur le déploiement de ce.
Nous avons donc terminé avec l'application elle-même.
Encore une fois pas excitant, mais c'est la même idée exacte si vous faites une belle application bien stylé ou un super simple pour l'acheminement Express app.