OK, więc pierwszą rzeczą, mamy zamiar zrobić, to przejść do Heroku dot com.
H e r o k ty dot com.
I mamy zamiar się zarejestrować.
Więc mam zamiar zapisać się z moją nazwę e-mail.
Trzeba postawić prawdziwe e-mail, a powinien tak czy inaczej, bo jednej rzeczy wysyłają to potwierdzenie e-mail, więc trzeba sprawdzić, czy e-mail, ale co ważniejsze, będziesz otrzymywać aktualizacje o tym, czy nie ma jakiegoś powodu Niektóre dziwnym wypadku serwery Heroku uderzony przez piorun, czy coś.
Będziesz otrzymywać aktualizacje o tym, co się dzieje.
Więc naszej nazwy firmy.
Powiem tylko Web Dev Bootcamp.
Nie trzeba się kłaść.
To naprawdę nie dzieje się coś zmienić, ale postawmy nie J.S. Załóż darmowe konto, a następnie przejść sprawdzić pocztę i potwierdzić swoje konto.
W porządku.
Więc kiedy zrobić to zapytać, więc kliknij na link i zostaniesz poproszony o utworzenie hasła potwierdź hasło.
A następnie po zakończeniu tworzenia konta powinna ona dostać się do panelu Heroku.
I to ma być miejsce, gdzie będzie można zobaczyć aplikacje, które zostały wykorzystane.
Będziesz mógł je włączyć i wyłączyć zestaw jesteś indziej.
I każdy rodzaj innymi trzeba skonfigurować i zgoda w kwestii bezpieczeństwa.
To jest twój bazą dla wszelkich aplikacji, które trzeba umieścić na niej.
OK.
Więc my rzeczywiście będzie poruszać się z dala od tego teraz.
Ale jeśli nie chcesz grzebać spojrzeć.
Mają kilka dobrych coraz rozpoczęte facetów.
Więc jeśli kliknij na rozpoczęcie pracy z Noad poprowadzi pokaże kroki, które były zamiar iść tędy.
I tak będę odwoływać się do tego.
Ale można też po prostu obejrzeć ten film, by zobaczyć, co trzeba zrobić.
Więc pierwszą rzeczą, która mówi o tutaj jest zainstalowanie pobierania i instalowania toolbelt Heroku for Mac lub cokolwiek urządzenie, które używasz.
Tak naprawdę nie trzeba używać tego powodu używamy Cloud 9.
Tak to jest z preinstalowanym.
Przepraszam.
Musimy go używać.
Nie musimy go pobrać.
Przepraszam.
Chodzi preinstalowany dla nas.
Więc jeśli pójdziesz do Cloud 9, co naprawdę możemy zrobić, to upewnić się, że jesteśmy we właściwym katalogu i zatrzymujemy nasz serwer.
Wspaniały.
Jeśli wystarczy wpisać słowo Heroku zobaczysz, że mamy trochę coś innego wyjścia niż commed nie znajdując oznacza, że ​​mamy Heroku zainstalowane i że po prostu przychodzi z Cloud 9 za darmo.
Jeśli robisz to na komputerze czy nie używasz Cloud 9 można oczywiście pobrać odpowiednią wersję i postępuj zgodnie z instrukcjami.
Więc pierwszą rzeczą, którą chcemy zrobić, to postępować, co powiedział co jest Heroku zalogować się i to poprosi o e-mail, który podpisał się na Heroku się.
Więc to musi pasować i będzie również premier poprosi o podanie hasła i będzie wyglądać jak ty nie piszesz po prostu ukrywa je.
Więc nie obawiać.
No to jedziemy.
Chcemy zobaczyć uwierzytelniania udany.
Więc co zrobiliśmy teraz jest w zasadzie zatwierdził tę maszynę.
Ta chmura dziewięć roboczy do pracy, aby dodać integrują się zasadniczo przenieść rzeczy do Heroku naszą przestrzeń Heroku na jej serwerach, gdyż należy pamiętać, że to wszystko, co robimy, to będziemy wysyłać tę aplikację i skopiowanie go do maszyn Heroku.
Tak oczywiście nie chcemy, aby każdy mógł tego zrobić na naszym koncie.
Chcemy tylko maszyny, które mamy podpisane w dniu że my uwierzytelniony, aby móc to zrobić.
OK.
Więc to jest pierwszy krok.
Następną rzeczą, którą musimy zrobić, jest rzeczywiście upewnić, że używamy dostać się w tym katalogu.
Więc w katalogu głównym katalogu naszego projektu jest to ważne.
Nie rób tego, gdzie masz inne projekty nie robisz go w tym folderze, ale w katalogu, w którym aplikacja JSE jest w opakowaniu.
Jason chcemy uruchomić uzyskać statusu iw moim przypadku mam zamiar nie widzi dobrego repozytorium.
Dlatego chcemy, aby to repozytorium get się w nim.
Używamy dobry, aby powiedzieć, aby ustalić, co wysłać do ponad Heroku aw naszym przypadku mamy zamiar wysłać całą aplikację.
Więc kiedy już zainicjować repozytorium będziemy iść dalej i dodać pliki, które chcemy wysłać do niej OK z nim.
Więc to wszystko.
Więc my właśnie będziemy robić po jednym na raz się DODAJ Tak, dodaj pakiet że Jason i odbieraj dodawać widoki, że cały katalog zrobi.
Uzyskaj popełnienia.
A my po prostu powiedzieć początkowa Komentarz wielki, jeśli wrócić do instrukcji zobaczysz kilka rzeczy.
Po zainstalowaniu toolbelt można kliknąć.
Zainstalowałem go w tym przykładzie tego kursu dają ci aplikację demonstracyjną.
Mamy już jeden więc można po prostu powiedzieć, że sklonowane kodu źródłowego aplikacji.
Następną rzeczą, że powie Ci zrobić, to uruchomić polecenie o nazwie Heroku stworzyć.
Tak więc możemy iść dalej i zrobić.
A co to będzie zrobić, to rzeczywiście zrobić miejsce na Heroku aby nowa aplikacja generuje u RL dla was w strefie sushi z tym bieżących i dostać repozytorium.
Więc idę do uruchomienia, że ​​właśnie teraz.
Heroku tworzyć i widać pierwsze to nie będzie działać, jeśli nie był zalogowany do gdybym nie prowadził dziennik Heroku w to pytaj uwierzytelnić pierwszy, ale widać, że to sprawia, że ​​nowa aplikacja i daje go losową nazwę.
Heroku jest dość znany tych pokojowych Zen przyrody ish nazwisk.
Pochodzą one z tak bezimienny w ogóle tu z tej liczby losowej.
To również daje to wiesz, gdzie jest twój wniosek zostanie wdrożony.
Można to zmienić.
Możesz zajrzeć na docs Roku można określić własną domenę aplikacji Heroku dot com, jeśli chcesz.
Więc jeśli chcesz sprawdzić, czy tej aplikacji demo.
Raz, dwa, trzy kropki Heroku dot com aplikacja jest dostępna można zrobić, ale można też oczywiście mieć własną domenę.
Więc jeśli jesteś właścicielem Salli dot com lub chmury są niesamowite.
Wiem, że można wdrożyć aplikację, która jest wykorzystywana w ramach Roku.
Można ustawić go tak, że działa w swojej domenie, ale nie robiłbym tego jeszcze.
Więc nadal utworzyć tę aplikację tutaj masz to losowa Hoku jesteś teraz, jeśli odwiedzimy, że teraz mamy po prostu to domyślne powitanie nowej aplikacji.
Nie mamy żadnego kodu związanego z tej aplikacji jeszcze.
Heroku po prostu wie, że chcemy, aby aplikacja, która mamy tam pustą aplikację.
Jeszcze jedno, co się stało jest to, że dodał do naszego pilota repozytorium sprawdzony Heroku.
Więc jeśli spojrzeć na Get pilota rozdzielczej B zobaczysz tutaj dodał zdalnego nazwie Heroku że możemy wcisnąć kod do.
Więc to jest bardzo ważne.
W ten sposób można w zasadzie przeniesienie kodu.
To jak ja powiem Heroku Oto kod Chcę Ci uruchomić.
Więc kiedy push Heroku będę uruchomić polecenie.
Uzyskaj naciskać Heroku mistrza.
Tak, że będzie naciskać niezależnie od kodu Dodałem i popełnione na głównej farmie nad do Heroku.
Więc w tym przypadku, że wszystko.
Znowu czasami nie chcą wcisnąć każdą rzecz.
Może jest jakiś nowy kod, który nie chce wysłać do twojego serwera produkcyjnego, ale w tym przypadku chcemy wszystko na drugą.
Aplikacja działa tak jak chcemy.
Więc jesteśmy po prostu będzie wcisnąć wszystko.
Więc wcisnąć Heroku mistrza zanim to zrobię, że zobaczysz w samouczku.
Informuje także, jak to zrobić.
Więc jeśli się zgubisz jeśli wolą oglądać lub czytać samouczka można śledzić tego.
Robimy dokładnie tę samą czynność.
Więc wcisnąć Heroku M. OK więc możemy nacisnąć enter.
Będę cię ostrzec, że jest jedna rzecz, że nie zrobiliśmy, że będzie powodować mały problem ale zrobiłem to celowo, bo chcę pokazać proces debugowania Heroku.
Więc mam zamiar nacisnąć enter i choć zajmuje trochę zazwyczaj zwłaszcza z większych aplikacji.
Wiele rzeczy się tu dzieje.
Zazwyczaj tak się nie stanie, jeśli po prostu naciskać, aby hub.
Więc to wszystko Heroku magia.
Można wrócić i przeczytać kilka rzeczy o tym, co się dzieje.
Zobaczmy wykryty to, że jest to aplikacja węzeł zainstalowany niektórych ważnych zależności lub Pineries następnie zainstalować zależności wyrażania i Ejay nam z powodu tego pakietu, który Jaison.
I to są wszystkie rzeczy, które wyrażają zależy wtedy zbudowano aplikację, a następnie uruchomił go.
Tak twierdzi ten program został wdrożony do Iraku.
Więc jeśli odwiedzimy że URL odświeżyć mamy nadzieję zobaczyć naszą aplikację.
Jednak wszystko, co widzimy, jest błąd aplikacji.
Więc to jest bardzo powszechne ekran, gdy jesteś debugowania Heroku kiedy zaczyna się, gdy jesteś pchania nową aplikację tam.
Co się dzieje, gdy masz błąd w kodzie, czy coś nie działa.
Jest to, że po stronie Heroku rzeczy lub na interfejsie internetowym wszystko, co widzisz, to błąd.
Nie postawić konkretny komunikat o błędzie w szczegółach nie dlatego, że nie chcą narażać, że do użytkowników oczywisty.
Więc zachować rzeczy jako ukryte, jak to możliwe.
Oni po prostu powiedzieć, błąd aplikacji.
Ale co się dzieje, jest to, że można zobaczyć problemów można wyświetlać komunikaty o błędach w dziennikach w wierszu poleceń.
Więc to zrobić po prostu wpisać dzienniki Heroku i mamy wiele rzeczy tutaj, jeśli będziemy przewijać w górę zobaczymy wystąpi błąd, a błąd się właśnie tutaj.
proces z początku polecenia NPM Uruchamianie i wtedy okazuje się, że nie mają rozkaz startu NPM brakuje początek skryptu, a następnie powodujący wszystkie nasze błędy i rzeczy do katastrofy.
Więc jeszcze raz zrobiłem to celowo, aby pokazać wam jeden dzienniki Heroku jak można iść do przodu i spojrzeć ponieważ ukrywa rzeczywisty komunikat o błędzie z was tutaj, ale to nie znaczy, że nie może go zobaczyć.
I to jest dość powszechne ekranie, jeśli aplikacja jest upaść.
Dzienniki Heroku i ważne polecenia.
Ale co strzałka jest o to, że nie mamy skrypt startowy.
Więc z tym skrypt startu robi to mówi Heroku informuje serwer, jaki kod do uruchomienia, aby rozpocząć swoją aplikację.
Więc w zasadzie robi to, co robiliśmy, aby uruchomić nasz serwer.
Mamy już uruchomione aplikacje węzłów.
Tak, ale nie jesteśmy w stanie tego zrobić, ponieważ kod nie działa już tutaj.
Nie używasz go w tej pracy.
O to chodzi.
Jest na Heroku.
Więc dajemy mu skrypt startowy.
Więc otwieramy scenę pakiet piosenka i idzie wewnątrz skryptów.
To nie jest coś, czego oczekuje się od ciebie wiem.
To jest nowy początek jelita grubego, a następnie węzeł po J.S ..
Więc co Heroku zrobi to kiedy wcisnąć kod do Heroku to będzie najpierw uruchomić NPM instalacji zainstalować wszystkie zależności za każdym razem naciskać.
Więc możemy uaktualnienia do nowej wersji express jeśli dodamy i zobowiązać się, a następnie wcisnąć Heroku mistrza, który będzie automatycznie uruchamiane NPM zainstalować na Heroku uzyskać nową wersję a następnie biegnie NPM zacząć który będzie realizowany w tym właśnie tutaj.
Węzeł apt.
Tak.
Więc nie możemy po prostu rozumiem pchania Heroku mistrza bo teraz nasza get Mistrz ranczo pozostaje niezmieniona.
Nie dodałem i popełnił tę zmianę po prostu wykonane.
Więc jeśli wpiszesz uzyskać stan można zobaczyć na oddział MAA.
No cóż nie zapisać plik tak, by to zrobić.
Teraz, jeśli biorę go statusu zobaczysz zmodyfikowany pakiet, Jason.
Dlatego chcemy, aby dodać, że zobowiązują się, a wszyscy, którzy właśnie tutaj jest dodać skrypt startowy.
Teraz jedyne co musimy zrobić, to nacisnąć Roku mistrza i jesteśmy dobrze iść.
Więc push.
Jej mistrz rozpocznie że cały proces nad którym trwa nasz kod pobiera tekst na Jasona.
Instaluje te zależności, a następnie biegnie rozpoczęcia NPM, które nie zostały określone po raz ostatni.
Więc aplikacja rozbił.
ups! Oznaczało trafić Wpisz tutaj.
To zajmie trochę.
To pcha go do Heroku to zainstalowanie rzeczy instalacją zależnościami i zobaczyć uruchomienie weryfikacji wdrażają.
OK, spróbujmy teraz orzeźwiający.
I tam idziemy.
Mamy więc aplikacja działająca bezimienne i powiedziałem 6 4 4 9 8 dot Roku w dotcom mogę kliknąć na trasy tam iz powrotem.
Niesamowite.
Ostatnią rzeczą, że pokażę to na desce rozdzielczej Heroku jeśli wrócić do deski rozdzielczej.
Będziemy teraz nasza aplikacja pokazuje się właśnie tutaj.
O to chodzi, żebym się najpierw zalogować.
Więc po zalogowaniu się z nadzieją, że nie będzie musiał.
Ale gdy loguję zobaczymy co szukam.
I jak widać nasza nowa aplikacja jest tutaj.
Można kliknąć na nim wyświetlić informacje o niej nic o tym, jak długo trzeba było się ile osób obejrzano go jak często.
Kto ma uprawnienia do wdrożenia i bałagan z tym, który jest współpracownikiem właściciela.
Wszelkiego rodzaju różnych rzeczy.
Nie mam zamiaru iść do tego wszystkiego.
To znaczy można zobaczyć wszystkie różne czasy mamy popychany lub wdrożonych kiedy zainicjowany, gdy po raz pierwszy ukazał się aplikację.
I to jest również wtedy, gdy przyjdziesz do ustawiania rzeczy lub skonfigurować takie rzeczy jak niestandardowe domen lub można dodać dodać dodatki.
Jedyną rzeczą, Paweł wspomniał o to, że my, korzystając z bezpłatnego planu Heroku teraz.
Nie ma karty kredytowej wiąże się gdzie oni swoje pieniądze jest jednak po uruchomieniu mają więcej użytkowników idziesz do aktualizacji i co możesz zrobić, to kliknij tutaj.
Uaktualnienie do hobby i zobaczyć można kliknąć na hobby czy można przejść do profesjonalnego dzięki czemu można zobaczyć hobby zaczyna się o 7 dolarów miesięcznie.
Więc na pewno warto.
Jeśli masz zamiar mieć, jeśli zamierzamy rozpocząć o więcej ludzi dla siebie i swojej aplikacji, ale nawet darmowe działa dobrze dla jak projekt portfela albo coś masz zamiar wysłać do firm, tak długo, jak nie jesteś spodziewa wiesz tysiące tysiące wejść dziennie.
OK.
Więc to wszystko jest do Heroku tutaj.
Chcę podsumować to, że choć.
Warto więc wrócić i przejść przez ten proces jeszcze raz aktualizować naszą aplikację.
Chcę zaktualizować stronę główną tak, że ma obrazu na to, by powiedzieć, a zdarza mi się mieć obraz tutaj.
To trochę duża, że ​​nie myślę o tym.
To jest obraz wziąłem niedawno, ale uczę pewną fotografię na stronie.
Dlatego zachęcamy do korzystania z obrazu niezależnie od źródła chcesz oczywiście równa gigantyczne źródło.
Załóżmy, przetestować go lokalnie.
Więc węzła app Julius odświeżyć.
Łał.
I dostać się do obrazu.
To jednak w porządku.
Tak, że wszystko działa dobrze lokalnie na Heroku jednak, że zmiany nie zostaną podjęte skuteczne w ogóle, a to dlatego, że nie są one nierozerwalnie związane.
Musimy wybrać, co chcemy popchnąć do Heroku A i tak naprawdę chodzi.
Mamy obszar roboczy, aby pobawić się na popełnianie błędów, aby spróbować nowych rzeczy, a następnie, jeśli chcemy włączyć i włączyć je do rzeczywistych aplikacji można następnie wcisnąć je do Heroku.
Ale Heroku powinien zawsze być ostatnia stabilna budowa.
Ostatnią rzeczą, która działa zanim poszedł i grzebał coś.
OK, tak więc wszystko co musisz zrobić, to dostać potrzebę stanie dodać, że zmiany commit dodać zdjęcie mostu, a następnie dostać naciskać Heroku mistrza.
Tak, że pracy jest bardzo powszechne.
Pierwszą rzeczą, którą zrobiliśmy, że nie jest tak naprawdę częścią przepływu pracy, ale pierwszą rzeczą było upewnić się, że jesteś w repozytorium get następnie Heroku stworzyć następnie po utworzeniu, to co masz zamiar zrobić, to upewnić się, że dodatek i zobowiązać się wszystko, co chcesz, aby przejść do Heroku a następnie dostać naciskać Heroku mistrza, a następnie w dowolnym momencie zmienić lub zaktualizować go sam proces uzyskać ad uzyskać zobowiązać się wcisnąć Heroku głównego odświeżanie na naszej aplikacji Heroku i tam iść czy zmiana ma miejsce ,
Niesamowite.
W porządku.
Tak więc w następnym filmie idziemy zobaczyć, jak wdrożyć bardziej złożoną znaczną aplikację z bazą danych, która jest trochę ból głowy.