OK dus het eerste wat we gaan doen is naar Heroku dot com.
H e r o k u dot com.
En we gaan aan te melden.
Dus ik ga me aanmelden bij mijn naam e-mail.
Je moet een echte e-mail zetten hier en je moet anyways, want één ding sturen ze dat e-mail een bevestiging, zodat je die e-mail te checken, maar wat nog belangrijker is je updates over als er om wat voor reden sommige bizar ongeluk Heroku servers geraakt door een bliksemschicht of iets dergelijks.
U zult updates over wat er gebeurt te krijgen.
Dus onze bedrijfsnaam.
Ik zal enkel zeggen Web Dev Bootcamp.
Je hoeft niets te zetten.
Het is niet echt gaat om een ​​verschil te maken, maar laten we geen J.S. Maak een gratis account te gaan controleer dan uw e-mail en uw account te bevestigen.
Okee.
Dus zodra je dat doet zal het u vragen, zodat u op de link klikt en wordt u gevraagd om een ​​wachtwoord aan te maken bevestig het wachtwoord.
En dan als je eenmaal klaar bent met het maken van uw account moet u naar uw Heroku dashboard.
En dit gaat naar een plek waar je in staat om de apps die u hebt geïmplementeerd zien.
Je zult in staat zijn om ze aan en uit stel je bent anders.
En een soort van andere dingen die je nodig hebt voor het configureren en de toestemming veiligheidsvraagstukken.
Dit is uw thuisbasis voor apps moet je op haar om te zetten.
OK.
Dus we eigenlijk aan de hand om weg te navigeren van dit voor nu.
Maar als je wilt om rond te porren een kijkje nemen.
Ze hebben een aantal goede begonnen jongens.
Dus als u op de aan de slag met Noad begeleiden het zal u de stappen die zouden gaan om te gaan door hier laten zien.
En dus ik zal deze referentie.
Maar je kunt ook gewoon kijken deze video om te zien wat je moet doen.
Dus het eerste ding dat het gaat over hier is het installeren van het downloaden en installeren van de Heroku gereedschapsriem voor Mac of welke machine die u gebruikt.
We eigenlijk niet hebben om dit te gebruiken omdat wij met behulp van Cloud 9.
Dus het komt voorgeïnstalleerd.
Sorry.
We moeten om het te gebruiken.
We hoeven niet te downloaden.
Excuseer mij.
Het komt vooraf geïnstalleerd voor ons.
Dus als je naar Cloud 9 wat kunnen we eigenlijk doen is ervoor zorgen dat we in de juiste directory en we stoppen met onze server.
Grote.
Als je gewoon typt u het woord Heroku zie je dat we nog wat vermogen iets anders dan Commed niet gevonden betekent dat we Heroku geïnstalleerd en die net wordt geleverd met Cloud 9 gratis.
Als je dit doet op een machine of die u niet gebruikt Cloud 9 kun je natuurlijk downloaden van de juiste versie en volg de instructies.
Dus het eerste wat we willen doen is te volgen wat er gezegd dat Heroku loggen het en dit zal u vragen om uw e-mail die u aangemeld voor Heroku met.
Dus het is aan te passen en het zal ook premier prompt voor uw wachtwoord en zal het eruit alsof je niet typt gewoon verbergt het.
Dus wees niet bezorgd.
Daar gaan we.
We willen authenticatie succesvol te zien.
Dus wat hebben we nu gedaan is in principe okayed deze machine.
Deze wolk negen werkruimte om mee te werken toe te voegen integreren in principe spullen over te dragen aan onze Heroku Heroku ruimte op haar servers, want vergeet niet dat is alles wat we doen is dat we gaan deze toepassing te verzenden en te kopiëren naar Heroku machines.
Dus natuurlijk willen we niet te laat niemand dat te doen om op onze rekening.
We willen alleen machines die we hebben ondertekend op dat we geverifieerd in staat zijn om dat te doen.
OK.
Dus dat is de eerste stap.
Het volgende wat we moeten doen is eigenlijk ervoor te zorgen dat we gebruiken get in deze map.
Dus in de directory van de top level directory van ons project is belangrijk.
Je hoeft het niet te doen wanneer u andere projecten die je doet het niet in deze map, maar in de map waar je app JSE is in uw pakket.
Jason willen we lopen te krijgen status en in mijn geval ga ik niet zien een goede repository.
Dus we willen maken het een get repository te krijgen in het.
We maken gebruik van goed om te vertellen om te bepalen wat om over te sturen naar Heroku en in ons geval gaan we de gehele applicatie te sturen.
Dus zodra we initialiseren een repository we gaan om verder te gaan en voeg de bestanden die we willen sturen over haar OK mee.
Dus dat is alles.
Dus we gaan gewoon een te doen op een moment krijgen ADD Ja, het toevoegen pakket dat Jason en krijgen uitzicht dat hele directory zal doen toe te voegen.
Krijg plegen.
En we zullen gewoon zeggen dat de initiële reactie geweldig als je terug naar de instructies te gaan je een paar dingen te zien.
Zodra u de toolbelt installeren kunt u klikken.
Ik heb geïnstalleerd in dit voorbeeld deze tutorial geven ze je een demo app.
We hebben al een, zodat u kunt gewoon zeggen dat ik gekloond de app broncode.
Het volgende ding dat het vertelt je te doen is uitvoeren van een commando genaamd Heroku te creëren.
Dus we kunnen gaan en dat te doen.
En wat dat zal doen is eigenlijk te maken ruimte op Heroku een nieuwe applicatie te genereren een u r l voor u in een sushi met deze stroom en krijg repository.
Dus ik ga lopen dat recht nu.
Heroku maken en je kunt eerst zien dit niet zou werken als ik niet was aangemeld als ik niet Heroku log heeft uitgevoerd in het zou mij eerst vragen te authenticeren, maar je kunt zien dat het maakt me een nieuwe toepassing en het geeft het een willekeurige naam.
Heroku is vrij beroemd voor deze vreedzame Zen natuur ish namen.
Ze komen met zo naamloos te allen hier met deze willekeurig getal.
Het geeft je ook dit u weet waar uw aanvraag zal worden ingezet om.
U kunt dit veranderen.
U kunt kijken naar de Roku docs kunt u uw eigen Heroku app dot com domeinnaam opgeven als u wilt.
Dus als je wilde om te controleren of deze demo applicatie.
Een twee drie dot Heroku app dot com is beschikbaar kun je dat doen, maar je kunt ook natuurlijk uw eigen domein.
Dus als u eigenaar Salli dot com of wolken zijn geweldig.
Ik weet dat je een app die wordt ingezet om Roku te zetten.
Je kunt het zo instellen dat het werkt met uw domein, maar je zou nog niet dat te doen.
Dus u deze applicatie maakt hier nog steeds krijg je deze willekeurige Hoku je nu als we bezoeken, die nu zijn we gewoon deze standaardinstelling van harte welkom om uw nieuwe app.
We hebben geen code in verband met deze app nog niet.
Heroku weet alleen dat we willen een app die we hebben een lege app daar te maken.
Een ander ding dat gebeurd is, is dat het een op afstand toegevoegd aan onze Get repository genoemd Heroku.
Dus als je een kijkje nemen op Get afstandsbediening dash B je hier ziet neem het een remote genaamd Heroku voegde eraan toe dat we de code kunnen duwen.
Dus dit is echt belangrijk.
Dit is hoe je in principe de code over te dragen.
Dit is hoe ik ga Heroku vertellen Hier is de code ik wil dat je om te draaien.
Dus toen ik duwen om Heroku Ik zal een opdracht uitvoeren.
Krijg duwen Heroku meester.
Dus dat gaat te duwen wat code die ik heb toegevoegd en begaan op de master ranch over aan Heroku.
Dus in dit geval, dat is alles.
Nogmaals soms wil je niet om elk ding te duwen.
Misschien is er een aantal nieuwe code die je niet wilt te sturen over om uw productie server, maar in dit geval willen we alles voorbij.
De app werkt de manier waarop we willen.
Dus we gaan gewoon om alles te duwen.
Dus maak je druk Heroku meester voordat ik dat doe, dat zie je in een tutorial.
Het vertelt ook hoe dat te doen.
Dus als je de weg kwijt als je liever kijkt of het lezen van de handleiding die u kunt volgen dat.
We doen precies dezelfde stap.
Dus maak je druk Heroku M. OK dus we kunnen druk op enter.
Ik zal u waarschuwen dat er een ding is dat we niet hebben gedaan, dat gaat om een ​​klein probleem veroorzaken, maar ik deed het met opzet, want ik wil je laten zien het proces van het debuggen Heroku.
Dus ga ik druk op enter hoewel en het duurt een beetje meestal vooral bij grotere apps.
Een heleboel dingen hier gebeurt.
Meestal gebeurt dit niet als je alleen maar druk om hub te krijgen.
Dus dit is allemaal Heroku magie.
U kunt terug gaan en lees een heleboel dingen over wat er gebeurt.
Laten we eens zien ontdekt dat het een knooppunt app geïnstalleerd enkele van de belangrijke afhankelijkheden of Pineries breng dan de afhankelijkheden te uiten en Ejay ons vanwege dat pakket dat Jaison.
En dit zijn alle dingen die uitdrukken afhankelijk van de toepassing vervolgens gebouwd en gelanceerd.
Dat zegt deze toepassing is ingezet om Irak.
Dus als we een bezoek dat je URL vernieuwen we zouden hopen dat onze app te zien.
Maar alles wat we zien is de toepassing fout.
Dus dit is echt een gemeenschappelijk scherm wanneer je het debuggen Heroku wanneer je begint wanneer u een nieuwe app bent omhoog te duwen daar.
Wat gebeurt er als je een fout met uw code of iets niet werkt.
Is dat op de Heroku kant van de zaak of op de web-interface alles wat je ziet is fout.
Ze doen niet zet de specifieke foutbericht in de details er omdat je niet zou willen duidelijk bloot te leggen dat uw gebruikers.
Dus ze houden dingen als verborgen mogelijk.
Ze zeggen gewoon applicatie fout.
Maar wat gebeurt er dan is dat je de problemen kunt u de foutmeldingen in de logboeken in de command line te bekijken kunt bekijken.
Dus dat doen we gewoon typen Heroku logs en krijgen we een heleboel dingen hier als we scroll omhoog we zullen zien dat er een fout en de fout gebeurde hier.
Beginnend proces met een opdracht NPM start en dan blijkt dat we niet over een NPM start commando ontbrekende script start en dan dat al onze fouten en dingen die veroorzaakt te crashen.
Dus nogmaals, ik deed het op doel om te laten zien een Heroku logs hoe je gang kon gaan en een kijkje nemen, omdat het verbergt de werkelijke foutmelding van u hier, maar dat betekent niet dat je het niet kunt zien.
En dit is een vrij normaal scherm als uw app crasht.
Heroku logs en de belangrijke opdracht.
Maar wat de pijl te zeggen is dat we niet een start script had.
Dus met dat start script doet is het vertelt Heroku vertelt de server wat code kan worden uitgevoerd naar haar applicatie te starten.
Dus het eigenlijk doet wat we hebben gedaan om onze server te starten.
We hebben gelopen knooppunt apps.
Ja, maar we zijn niet in staat om dat te doen, omdat de code hier niet meer actief is.
We zijn niet het runnen van het op deze werkruimte.
Dat is het punt.
Het is op Heroku.
Dus geven we het een start script.
Dus we het openstellen van de verpakking podium een ​​nummer en het gaat de binnenkant van scripts.
Dit is niet iets dat je verwacht om te weten.
Dit is nieuwe start dikke darm en vervolgens knooppunt na J.S ..
Dus wat Heroku zal doen, is wanneer we code duwen om Heroku het gaat om de eerste run NPM installeren installeert u alle afhankelijkheden elke keer als we duwen.
Dus we kunnen upgraden naar een nieuwe versie van express als we toe te voegen en te plegen en dan krijg duw Heroku meester die automatisch wordt uitgevoerd NPM installeren op Heroku krijgen de nieuwe versie en dan loopt hij NPM beginnen, die dit recht hier zal lopen.
Node apt.
Ja.
Dus we kunnen niet zomaar krijg duw Heroku meester want nu onze get Master ranch is ongewijzigd.
We hebben niet toegevoegd en toegewijd dat verandering die we zojuist.
Dus als je typt krijgt status die je kunt zien op de Tak van MAA.
Nou ja ik heb niet het bestand op te slaan, zodat het zou doen.
Nu als Ik neem aan dat de status van je aangepaste pakket dat Jason zien.
Dus we willen toevoegen dat de slag te plegen en dat alles zal hier is het toevoegen van start script.
Nu alles wat we moeten doen is zich te duwen Roku meester en we zijn goed om te gaan.
Dus maak je push.
Haar meester zal dat hele proces over de plaats waar het duurt onze code neemt een tekst Jason starten.
Het installeert deze afhankelijkheden en dan loopt NPM start die we niet de laatste keer hebt opgegeven.
Dus de app crashte.
Oeps! bedoeld om druk op Enter hier.
Het zal een beetje te nemen.
Het is duwen tot Heroku dat het installeren van dingen installeren afhankelijkheden en zien de lancering van het verifiëren dat deploy.
OK laten we proberen nu verfrissend.
En daar gaan we.
Dus we hebben een toepassing die naamloos en ik vertelde 6 4 4 9 8 dot Roku op dotcom ik kan klikken op de routes heen en weer gaan.
Geweldig.
Het laatste wat ik zal laten zien op de Heroku dashboard als je terug naar je dashboard.
We zullen nu onze applicatie opdagen hier.
Oh, het gaat om me eerst inloggen.
Dus zodra je inlogt hopelijk zal je niet hoeft te doen.
Maar toen ik eenmaal in te loggen we zullen zien wat ik zoek.
En zoals je kunt zien onze nieuwe app is hier.
U kunt klikken op het te kunnen zien informatie over iets over hoe lang het geleden is up hoeveel mensen hebben het hoe vaak benaderd.
Wie heeft toestemming om te implementeren en te knoeien met deze die een eigenaar inzender.
Allerlei verschillende dingen.
Ik ga niet in dit alles om te gaan.
Ik bedoel, je kunt alle verschillende keren dat we geduwd of ingezet wanneer we geïnitialiseerd toen we voor het eerst de app uitgebracht zien.
En dan is dit ook de plaats waar je zou komen om zaken in te stellen of dingen configureren zoals aangepaste domeinen of u kunt toevoegen add-ons.
Het enige wat Paulus gezegd hier is dat we met de gratis Heroku plannen op dit moment.
Er is geen credit card verbonden waar ze hun geld al is als je eenmaal begint met meer gebruikers je gaat upgraden en wat je doet is klik hier.
Upgrade naar hobby en zie je kunt on hobby klikken of u kunt gaan om een ​​professionele, zodat u kunt zien hobby begint op 7 dollar per maand.
Dus zeker de moeite waard.
Als je gaat om te hebben als je gaat om te beginnen met meer mensen voor u en uw toepassingen, maar zelfs gratis werkt prima voor als een portfolio project of iets wat je gaat om uit te sturen naar bedrijven, zolang je niet bent verwacht jij duizenden duizenden hits per dag.
OK.
Dus dat is alles wat er te Heroku hier.
Ik wil dat wel samen te vatten.
Dus laten we teruggaan en gaan door dit proces nog een keer van het updaten van onze applicatie.
Ik wil naar de startpagina te werken zodat het een beeld op dat te zeggen en ik toevallig een foto hier.
Het is een soort van grote heb ik niet over nadenken.
Dit is een beeld dat ik heb onlangs nam, maar ik ben aan het leren wat fotografie aan de kant.
Dus voel je vrij om te gebruiken wat beeld dat u wilt natuurlijk bron gelijk gigantische bron.
Laten we eens testen het uit lokaal.
Dus knooppunt app Julius vernieuwen.
Wauw.
En maak kennis met afbeelding.
Dat is wel fijn.
Dus dat is lokaal werkt prima op Heroku wel dat verandering niet van kracht wordt genomen bij allen en dat is omdat ze niet inherent verbonden.
We moeten kiezen wat we willen duwen om Heroku En en dat is echt het punt.
We hebben een werkruimte om te spelen met fouten om nieuwe dingen te proberen te maken en vervolgens als we willen op te nemen en ze in de echte app die ik kan dan duw ze naar Heroku.
Maar Heroku moet altijd de laatste stabiele bouwen.
Het laatste wat dat werkt voordat je ging en messed up iets.
OK dus alles wat ik moet doen is de status noodzaak om die verandering toe commit voeg het beeld van de brug en dan krijg duw Heroku meester.
Dus dat workflow is echt gemeen.
Het eerste wat we deden dat dit niet echt deel uit van de workflow, maar het eerste wat is ervoor te zorgen dat je in een get repository dan Heroku te maken dan als je eenmaal te maken dan wat je gaat doen is ervoor zorgen dat u toevoegt en zich verbinden alles wat je wilt over te gaan naar Heroku en dan krijg duw Heroku meester en dan op elk gewenst moment wijzigen of bijwerken hetzelfde proces krijgen advertentie krijgt committeren zich te duwen Heroku meester refresh op onze Heroku app en daar gaan we of verandering plaatsvindt .
Geweldig.
Okee.
Dus in de volgende video gaan we zien hoe je een meer complexe substantiële app te zetten met een database, die is een beetje een hoofdpijn.