OK alors la première chose que nous allons faire est d'aller à Heroku dot com.
H e r o k vous dot com.
Et nous allons nous inscrire.
Alors je vais m'inscrire avec mon nom e-mail.
Vous n'avez pas besoin de mettre un e-mail réel ici et vous devriez de toute façon parce que pour une chose, ils envoient cette confirmation e-mail pour que vous ayez à vérifier que e-mail, mais surtout vous obtiendrez des mises à jour s'il ya pour une raison quelconque Certains freak accident Serveurs Heroku frapper par un éclair ou quelque chose.
Vous obtiendrez des mises à jour sur ce qui se passe.
Donc, notre nom de société.
Je vais juste dire Web Dev Bootcamp.
Vous n'avez rien à mettre.
Il ne va pas vraiment faire une différence, mais ne mettons pas J.S. Créez un compte gratuit puis allez vérifier votre email et confirmer votre compte.
D'accord.
Donc, une fois que vous faites cela, il vous demandera alors vous cliquez sur le lien et vous êtes invité à créer un mot de passe de confirmer le mot de passe.
Et puis une fois que vous avez terminé la création de votre compte, il devrait vous emmener à votre tableau de bord Heroku.
Et ce sera un endroit où vous pourrez voir les applications que vous avez déployées.
Vous pourrez les activer et les désactiver.
Et toutes sortes d'autres choses que vous devez configurer et la permission dans les questions de sécurité.
C'est votre base d'accueil pour toutes les applications que vous avez à mettre sur elle.
D'ACCORD.
Donc, nous allons vraiment nous écarter de cela pour l'instant.
Mais si vous voulez poke autour de jeter un oeil.
Ils ont de bons débutants.
Donc, si vous cliquez sur le guide de démarrage avec Noad, il vous montrera les étapes qui allaient passer par ici.
Et je vais faire référence à cela.
Mais vous pouvez également regarder cette vidéo pour voir ce que vous devez faire.
Donc, la première chose dont il parle ici est l'installation de téléchargement et d'installation de la ceinture de sécurité Heroku pour Mac ou quelle que soit la machine que vous utilisez.
En fait, nous n'avons pas à utiliser cela parce que nous utilisons Cloud 9.
Donc, il est préinstallé.
Pardon.
Nous avons besoin de l'utiliser.
Nous n'avons pas à le télécharger.
Excusez-moi.
Il est pré-installé pour nous.
Donc, si vous allez à cloud 9 ce que nous pouvons réellement faire est de s'assurer que nous sommes dans le bon répertoire et nous arrêter notre serveur.
Génial.
Si vous tapez simplement le mot Heroku vous verrez que nous obtenons quelque chose de sortie autre que commed pas trouvé signifie que nous avons Heroku installé et qui vient avec Cloud 9 gratuitement.
Si vous le faites sur une machine ou si vous n'utilisez pas Cloud 9, vous pouvez bien sûr télécharger la version correcte et suivre les instructions.
Donc, la première chose que nous voulons faire est de suivre ce qu'il a dit qui est Heroku le consigner et cela vous demandera votre e-mail que vous avez signé pour Heroku avec.
Donc, il doit correspondre et il sera également prime vous demander votre mot de passe et il semblera que vous ne tapez pas juste le cache.
Ne vous inquiétez donc pas.
Voilà.
Nous voulons voir l'authentification réussie.
Donc ce que nous avons fait maintenant est fondamentalement okayed cette machine.
Cet espace de travail en nuage neuf pour travailler avec pour ajouter l'intégralité à transférer fondamentalement à Heroku notre espace de Heroku sur ses serveurs parce que rappelez-vous que c'est tout ce que nous faisons est nous allons envoyer cette application et la copier aux machines d'Heroku.
Alors, bien sûr, nous ne voulons pas laisser quelqu'un le faire à notre compte.
Nous voulons seulement que les machines que nous avons signées sur que nous avons authentifié pour être en mesure de le faire.
D'ACCORD.
C'est donc la première étape.
La prochaine chose que nous devons faire est de s'assurer que nous utilisons get dans ce répertoire.
Donc, dans le répertoire, le répertoire de niveau supérieur de notre projet est important.
Vous ne le faites pas là où vous avez d'autres projets que vous ne le faites pas dans ce dossier, mais dans le répertoire où votre application JSE est dans votre package.
Jason, nous voulons courir get statut et dans mon cas, je vais voir pas un bon référentiel.
Donc, nous voulons en faire un référentiel get get it.
Nous utilisons bien de dire pour déterminer ce que pour envoyer à Heroku et dans notre cas, nous allons envoyer la demande entière.
Donc, une fois que nous avons initialisé un référentiel, nous allons aller de l'avant et ajouter les fichiers que nous voulons envoyer à son OK avec elle.
C'est tout.
Donc nous allons juste faire un à la fois obtenir ADD Oui, il ajoute le paquet que Jason et obtenir des vues d'ajouter que tout le répertoire va le faire.
Obtenez commit.
Et nous allons juste dire commentaire initial très bien si vous retournez aux instructions, vous verrez quelques choses.
Une fois que vous avez installé le toolbelt vous pouvez cliquer.
Je l'ai installé dans cet exemple ce tutoriel, ils vous donnent une application de démonstration.
Nous en avons déjà un pour que vous puissiez simplement dire que j'ai cloné le code source de l'application.
La prochaine chose qu'il vous dit de faire est d'exécuter une commande appelée Heroku créer.
Nous pouvons donc aller de l'avant et le faire.
Et ce que ce sera faire est réellement faire de l'espace sur Heroku faire une nouvelle application de générer un u r l pour vous dans une zone sushi avec ce courant et obtenir le référentiel.
Donc, je vais le faire maintenant.
Heroku créer et vous pouvez voir d'abord cela ne fonctionnerait pas si je n'étais pas connecté si je n'ai pas exécuté Heroku se connecter, il me demanderait d'authentifier d'abord, mais vous pouvez voir qu'il me fait une nouvelle application et il lui donne Un nom aléatoire.
Heroku est assez célèbre pour ces noms nature Zen paisible.
Ils arrivent avec tellement sans nom du tout ici avec ce nombre aléatoire.
Il vous donne également ce que vous savez où votre application sera déployée.
Vous pouvez changer cela.
Vous pouvez regarder les documents Roku vous pouvez spécifier votre propre domaine Heroku dot com domaine si vous voulez.
Donc, si vous vouliez vérifier si cette application de démonstration.
Un deux trois dot Heroku app dot com est disponible, vous pouvez le faire, mais vous pouvez aussi bien sûr avoir votre propre domaine.
Donc, si vous possédez Salli dot com ou les nuages ​​sont géniaux.
Je sais que vous pouvez déployer une application déployée sur Roku.
Vous pouvez le configurer de sorte qu'il fonctionne avec votre domaine, mais vous ne le feriez pas encore.
Donc, vous créez encore cette application ici vous obtenez ce Hoku aléatoire que vous êtes maintenant si nous visitons ce droit maintenant nous venons d'obtenir cet accueil par défaut à votre nouvelle application.
Nous n'avons pas encore de code associé à cette application.
Heroku sait juste que nous voulons faire une application que nous avons une application vide là-bas.
Une autre chose qui s'est produite, c'est qu'il a ajouté une télécommande à notre dépôt Get appelé Heroku.
Donc, si vous jetez un coup d'oeil à la télécommande de tiret B vous verrez ici, il a ajouté une télécommande appelée Heroku que nous pouvons pousser le code.
Donc, c'est vraiment important.
Voilà comment vous transférez le code.
C'est comme ça que je vais dire à Heroku Voici le code que je veux que tu coures.
Donc quand je pousse à Heroku je vais exécuter une commande.
Obtenez le maître d'Heroku de poussée.
Donc, cela va pousser tout code que j'ai ajouté et commis sur le maître du ranch à Heroku.
Donc, dans ce cas, c'est tout.
Encore une fois, vous ne voulez pas pousser chaque chose.
Peut-être y at-il un nouveau code que vous ne voulez pas envoyer à votre serveur de production, mais dans ce cas, nous voulons tout plus.
L'application fonctionne comme nous le voulons.
Donc, nous allons pousser tout.
Donc, obtenir maître Push Heroku avant que je le fais que vous verrez dans un tutoriel.
Il indique également comment faire.
Donc, si vous vous perdez si vous préférez regarder ou lire le didacticiel, vous pouvez suivre cela.
Nous faisons exactement le même pas.
Donc, pousser Heroku M. OK pour que nous puissions frapper entrer.
Je vais vous avertir qu'il ya une chose que nous n'avons pas fait qui va causer un petit problème, mais je l'ai fait à dessein parce que je veux vous montrer le processus de débogage Heroku.
Donc, je vais frapper entrer si et il faut un peu généralement en particulier avec les plus grandes applications.
Beaucoup de choses se passent ici.
Habituellement, cela ne se produit pas lorsque vous venez de pousser pour obtenir Hub.
Donc, c'est toute la magie Heroku.
Vous pouvez revenir en arrière et lire un tas de choses sur ce qui se passe.
Voyons qu'il a détecté que c'est une application de noeud il a installé quelques-unes des dépendances importantes ou les Pineries puis installe les dépendances expriment et Ejay nous à cause de ce paquet que Jaison.
Et ce sont toutes les choses qui expriment dépend de puis construit l'application et puis il a lancé.
Donc, dit que cette application a été déployée en Irak.
Donc, si nous visitons que vous rafraîchir URL nous espérons voir notre application.
Cependant, tout ce que nous voyons est une erreur d'application.
Il s'agit donc d'un écran très commun lorsque vous déboguez Heroku lorsque vous démarrez lorsque vous appuyez sur une nouvelle application là-haut.
Ce qui se produit quand vous avez une erreur avec votre code ou quelque chose ne fonctionne pas.
Est-ce que sur le côté Heroku des choses ou sur l'interface Web tout ce que vous voyez est l'erreur.
Ils ne mettent pas le message d'erreur spécifique dans les détails là parce que vous ne voudriez pas exposer cela à vos utilisateurs évidemment.
Ils gardent les choses aussi cachées que possible.
Ils disent simplement erreur d'application.
Mais alors ce qui se passe, c'est que vous pouvez afficher les problèmes que vous pouvez afficher les messages d'erreur dans les journaux dans votre ligne de commande.
Donc, pour ce faire, il suffit de taper Heroku journaux et nous avons beaucoup de choses ici si nous défiler vers le haut, nous verrons qu'il ya une erreur et l'erreur s'est produite ici.
Le processus de démarrage avec la commande NPM démarre et il s'avère que nous n'avons pas une commande de démarrage de NPM manquante début de script et que cela provoque toutes nos erreurs et les choses à planter.
Donc, encore une fois, je l'ai fait à dessein pour vous montrer un Heroku enregistre comment vous pourriez aller de l'avant et jeter un coup d'oeil, car il cache le message d'erreur réel de vous ici, mais cela ne signifie pas que vous ne pouvez pas le voir.
Et c'est un écran assez commun si votre application se bloque.
Heroku et le commandement important.
Mais ce que la flèche dit, c'est que nous n'avions pas de script de départ.
Donc, avec ce script de démarrage, il est dit Heroku, il indique au serveur ce code à exécuter pour démarrer son application.
Donc, il fait essentiellement ce que nous avons fait pour démarrer notre serveur.
Nous avons exécuté des applications de noeud.
Oui, mais nous ne pouvons pas le faire parce que le code ne fonctionne plus ici.
Nous ne l'exécutons pas sur cet espace de travail.
C'est le but.
C'est sur Heroku.
Nous lui donnons donc un script de départ.
Donc, nous ouvrons la scène package d'une chanson et il va à l'intérieur des scripts.
Ce n'est pas quelque chose que vous êtes censé savoir.
Il s'agit d'un nouveau côlon de départ et d'un noeud après J.S ..
Donc, ce que Heroku va faire, c'est quand nous poussons le code à Heroku, il va d'abord exécuter NPM installer installer toutes les dépendances à chaque fois que nous poussons.
Donc, nous pourrions mettre à niveau vers une nouvelle version de l'express si nous ajoutons et commettre et puis obtenir maître Heroku pousser qui va automatiquement exécuter l'installation NPM sur Heroku obtenir la nouvelle version et puis il lance NPM démarrer ce qui va fonctionner ici.
Node apt.
Oui.
Donc nous ne pouvons pas simplement faire pousser maître Heroku parce que maintenant notre maître Ranch est inchangé.
Nous n'avons pas ajouté ni engagé ce changement que nous venons de faire.
Donc, si vous tapez obtenir le statut, vous pouvez voir sur la branche maĂ.
Oh bien je n'ai pas enregistré le fichier de sorte que le ferait.
Maintenant, si je prends ce statut, vous verrez le paquet modifié que Jason.
Donc, nous voulons ajouter que get commit et tout ce qui est ici est add start script.
Maintenant, tout ce que nous devons faire est d'obtenir Roku maître et nous sommes prêts à aller.
Donc obtenir pousser.
Son maître va commencer ce processus entier sur l'endroit où il prend notre code prend un texte à Jason.
Il installe ces dépendances, puis il lance le démarrage NPM que nous n'avions pas spécifié la dernière fois.
L'application s'est donc écrasée.
Oops! Destiné à frapper Enter ici.
Il faudra un peu.
C'est pousser jusqu'à Heroku, c'est installer des choses en installant des dépendances et voir le lancement de la vérification de ce déploiement.
OK essayons de rafraîchir maintenant.
Et voilà.
Donc, nous avons une application qui fonctionne sans nom et je l'ai dit 6 4 4 9 8 dot Roku à dotcom je peux cliquer sur les routes aller et venir.
Impressionnant.
La dernière chose que je vais montrer est sur le tableau de bord Heroku si vous retournez à votre tableau de bord.
Nous allons maintenant afficher notre application ici.
Oh, ça va me faire me connecter en premier.
Donc, une fois que vous vous connectez, espérons que vous n'aurez pas à.
Mais une fois que je me connecte, nous verrons ce que je cherche.
Et comme vous pouvez le voir notre nouvelle application est ici.
Vous pouvez cliquer dessus pour afficher des informations à ce sujet quelque chose sur combien de temps il a été jusqu'à combien de personnes ont accédé à quelle fréquence.
Qui a la permission de déployer et mess avec ce qui est un contributeur propriétaire.
Toutes sortes de choses différentes.
Je ne vais pas entrer dans tout cela.
Je veux dire que vous pouvez voir toutes les différentes fois que nous avons poussé ou déployé lorsque nous l'avons initialisé lorsque nous avons d'abord publié l'application.
Et puis c'est aussi où vous viendriez pour configurer des choses ou configurer des choses comme les domaines personnalisés ou vous pouvez ajouter des add ons.
La seule chose que Paul a mentionnée ici, c'est que nous utilisons le plan Heroku en ce moment.
Il n'y a pas de carte de crédit associée où ils font leur argent, mais c'est une fois que vous commencez à avoir plus d'utilisateurs que vous allez mettre à niveau et ce que vous faites est cliquez ici.
Améliorez le passe-temps et voyez que vous pouvez cliquer sur le passe-temps ou vous pouvez aller à un professionnel afin que vous puissiez voir hobby commence à 7 dollars par mois.
Donc vraiment la peine.
Si vous allez avoir si vous allez commencer à avoir plus de gens pour vous et vos applications, mais même libre fonctionne très bien pour comme un projet de portefeuille ou quelque chose que vous allez envoyer aux entreprises tant que vous n'êtes pas Attendant que vous savez des milliers de milliers de visites par jour.
D'ACCORD.
Voilà tout ce qu'il ya à Heroku ici.
Je tiens à récapituler que si.
Revenons donc à ce processus une fois de plus pour mettre à jour notre application.
Je veux mettre à jour la page d'accueil de sorte qu'il a une image sur elle qui disent et j'arrive à avoir une image ici.
C'est un peu gros Je n'ai pas pensé à ça.
C'est une image que j'ai prise récemment mais j'apprends quelques photos sur le côté.
Alors n'hésitez pas à utiliser n'importe quelle image que vous voulez naturellement source égale source gigantesque.
Testez-le localement.
Donc, l'application nœud Julius rafraîchir.
Sensationnel.
Et aller à l'image.
C'est bien si.
Donc, cela fonctionne bien localement sur Heroku bien que le changement ne soit pas pris effet du tout et c'est parce qu'ils ne sont pas intrinsèquement liés.
Nous devons choisir ce que nous voulons pousser à Heroku Et c'est vraiment le point.
Nous avons un espace de travail pour jouer avec à faire des erreurs pour essayer de nouvelles choses et puis si nous voulons les incorporer et les incorporer dans l'application réelle, je peux ensuite les pousser à Heroku.
Mais Heroku devrait toujours être la dernière construction stable.
La dernière chose qui fonctionne avant que vous alliez et gâché quelque chose.
OK, donc tout ce que j'ai besoin de faire est d'obtenir le statut besoin d'ajouter que changer de commettre ajouter de l'image de pont et puis obtenir maître Heroku pousser.
Donc, ce workflow est très courant.
La première chose que nous avons fait que ce n'est pas vraiment partie du flux de travail, mais la première chose était de vous assurer que vous êtes dans un référentiel Get alors Heroku créer puis une fois que vous créez alors ce que vous allez faire est de vous assurer d'ajouter Et de commettre tout ce que vous voulez passer à Heroku et puis obtenir maître Heroku pousser et puis à tout moment, vous changez ou mettre à jour le même processus obtenir annonce obtenir commit obtenir push Heroku maître rafraîchir sur notre application Heroku et là, nous allons ou le changement a lieu .
Impressionnant.
D'accord.
Donc, dans la prochaine vidéo, nous allons voir comment déployer une application substantielle plus complexe avec une base de données qui est un peu un mal de tête.