좋습니다. 그래서 우리가 할 첫 번째 일은 헤로 쿠 닷컴으로 이동하는 것입니다.
안녕하세요, 당신 닷컴입니다.
그리고 우리는 가입 할 것입니다.
그래서 나는 내 이름 전자 메일로 등록 할거야.
당신은 진짜 전자 메일을 여기에 넣어야 할 필요가 있습니다. 어쨌든 한 가지는 전자 메일 확인을 보내야하므로 전자 메일을 확인해야하지만 더 중요한 것은 웬일인지 업데이트가있을 것이기 때문입니다 어떤 괴물 사고 Heroku 서버는 번개 등으로 타격을 입습니다.
일어난 일에 대한 업데이트를 받게됩니다.
그래서 우리 회사 이름.
나는 Web Dev Bootcamp라고 말할 것입니다.
아무것도 넣지 않아도됩니다.
차이를 만들어 내지는 않겠지 만 J.S.을 넣지 않겠습니다. 무료 계정을 만든 다음 이메일을 확인하고 계정을 확인하십시오.
괜찮아.
그래서 일단 그렇게하면 링크를 클릭하면 비밀번호를 확인하라는 메시지가 나타나고 비밀번호를 확인하십시오.
그런 다음 계정 생성이 끝나면 Heroku 대시 보드로 연결됩니다.
그리고 이것은 배포 한 응용 프로그램을 볼 수있는 장소가 될 것입니다.
당신은 당신이 그 밖의 다른 것들을 켜고 끌 수 있습니다.
그리고 구성해야 할 다른 모든 것들과 보안 문제에 대한 사용 권한.
이것은 당신이 그녀에게 입어야 만하는 모든 응용 프로그램의 본거지입니다.
승인.
그래서 우리는 실제로 이것을 지금부터 살펴볼 것입니다.
그러나 주위를 훑어보고 싶다면 한번보세요.
그들은 좋은 시작을하는 사람들이 있습니다.
따라서 Noad 가이드 시작하기를 클릭하면 여기를 통과 할 단계가 표시됩니다.
그래서 저는 이것을 참고할 것입니다.
그러나 당신은 또한 당신이해야 할 일을보기 위해이 비디오를 볼 수도 있습니다.
그래서 여기에서 가장 먼저 말한 것은 Mac 용 Heroku toolbelt 또는 사용중인 기계를 다운로드하고 설치하는 것입니다.
우리가 Cloud 9를 사용하고 있기 때문에 이것을 실제로 사용할 필요는 없습니다.
따라서 사전 설치되어 제공됩니다.
죄송합니다.
우리는 그것을 사용해야합니다.
우리는 그것을 다운로드 할 필요가 없습니다.
실례합니다.
그것은 우리를 위해 미리 설치되어 제공됩니다.
따라서 클라우드 9로 이동하면 실제로 할 수있는 일은 올바른 디렉토리에 있는지 확인하고 서버를 중단하는 것입니다.
큰.
Heroku라는 단어를 입력하면 우리는 Heroku가 설치되어 있고 Cloud 9가 무료로 제공된다는 것을 발견하지 못하고 다른 사람이 출력하는 것을 볼 수 있습니다.
컴퓨터에서이 작업을 수행 중이거나 Cloud 9를 사용하지 않는 경우 물론 올바른 버전을 다운로드하고 지침을 따르십시오.
그래서 우리가하고 싶은 첫 번째 일은 Heroku가 말한 것을 따르는 것입니다. 그러면 Heroku에 가입 한 전자 메일을 요청하는 메시지가 나타납니다.
그래서 그것은 일치해야하며 그것은 또한 귀하의 비밀 번호에 대한 프롬프트를 준비하고 입력하지 않는 것처럼 보이게됩니다 그냥 숨 깁니다.
걱정하지 마십시오.
우리는 거기에 갈.
우리는 인증 성공을보고 싶습니다.
그래서 우리가 지금 한 것은 기본적으로이 기계에서 괜찮습니다.
이 클라우드 9 작업 공간은 기본적으로 Heroku 서버에 Heroku 공간을 전송하기 위해 통합을 추가하기 위해 작업합니다. 왜냐하면 우리가 수행하는 모든 작업이이 애플리케이션을 전송하여 Heroku 시스템으로 복사한다는 것입니다.
물론 우리는 누구나 그렇게 할 수는 없도록하고 싶습니다.
우리가 인증 한 기계로 로그인 할 수 있기를 바랄뿐입니다.
승인.
이것이 첫 단계입니다.
다음으로해야 할 일은 실제로이 디렉토리에서 get을 사용하고 있는지 확인하는 것입니다.
그래서 디렉토리에서 프로젝트의 최상위 디렉토리가 중요합니다.
이 폴더에서 수행하지 않는 다른 프로젝트가있는 곳이 아닌, JSE가 패키지에 포함되어있는 디렉토리에서 수행하지 마십시오.
제이슨은 상태를 얻고 싶습니다. 제 경우에는 좋은 저장소가 아닌 것을 볼 것입니다.
그래서 우리는 그것을 얻을 수있는 저장소를 만들고 싶습니다.
우리는 Heroku에 보낼 내용을 결정할 때 유용하게 사용합니다. 우리의 경우 우리는 전체 응용 프로그램을 보낼 것입니다.
그래서 우리가 저장소를 초기화하고 나면 우리가 보내고 자하는 파일들을 그것으로 OK에 추가 할 것입니다.
그게 전부입니다.
그래서 우리는 한 번에 하나씩 할 것입니다. ADD 예. Jason이라는 패키지를 추가하고 전체 디렉토리에서 수행 할보기를 추가하십시오.
커밋을하십시오.
그리고 우리는 당신이 몇 가지를 볼 수있는 지침으로 돌아 가면 위대한 초기 의견을 말할 것입니다.
클릭하면 툴벨이 설치됩니다.
이 예제에서는이 튜토리얼에 데모 애플리케이션을 설치했다.
우리는 이미 앱 소스 코드를 복제했다고 말할 수 있도록 이미 가지고 있습니다.
그 다음으로해야 할 일은 Heroku create라는 명령을 실행하는 것입니다.
그래서 우리는 그렇게 할 수 있습니다.
그리고 그게 무슨 일을하는지 실제로 Heroku에 공간을 만들어 새로운 응용 프로그램을 만들려면이 초밥 지역에서 당신을 위해이 현재와 저장소를 얻을.
그래서 저는 지금 당장 그것을 시행 할 것입니다.
Heroku가 생성되고 내가 처음으로 인증을 요청하는 Heroku 로그인을 실행하지 않으면 로그인하지 않으면 처음에는 제대로 작동하지 않는다는 것을 알 수 있습니다. 그러나 나에게 새로운 애플리케이션을 만들어주는 것을 볼 수 있습니다. 임의의 이름.
Heroku는 평화로운 Zen nature ish 이름으로 유명합니다.
그들은이 무작위 수를 가진 모든 곳에서 이렇게 무명으로 떠오른다.
또한 응용 프로그램을 배포 할 위치를 알려줍니다.
이것을 바꿀 수 있습니다.
원하는 경우 자신의 Heroku app dot 도메인을 지정할 수있는 Roku 문서를 볼 수 있습니다.
그래서 만약 당신이 데모 응용 프로그램을 확인하고 싶었을 경우.
1 2 3 도트 Heroku 애플 리케이션 닷컴을 사용할 수 있습니다 당신은 할 수 있지만 물론 자신의 도메인을 가질 수 있습니다.
그래서 당신이 Salli를 소유하고 있다면 닷컴이나 구름이 굉장합니다.
Roku에 배포 된 앱을 배포 할 수 있다는 것을 알고 있습니다.
도메인과 함께 작동하도록 설정할 수는 있지만 아직하지는 않을 것입니다.
그래서 당신은 여전히이 응용 프로그램을 여기에서 만듭니다.이 무작위의 Hoku를 얻습니다. 우리가 지금 바로 방문하면 우리는 새로운 응용 프로그램에이 기본 환영을 받게됩니다.
이 앱과 관련된 코드는 아직 없습니다.
Heroku는 단지 우리가 빈 앱을 가지고있는 앱을 만들고 싶다는 것을 알고 있습니다.
한 가지 다른 일은 Heroku라는 Get 저장소에 원격을 추가 한 것입니다.
그래서 당신이 살펴 본다면 리모컨의 대시 B를 보시면 여기에 Heroku라고 불리는 리모컨이 추가되어 코드를 푸시 할 수 있습니다.
그래서 이것은 정말로 중요합니다.
이것은 기본적으로 코드를 전송하는 방법입니다.
이것은 내가 헤로 쿠에게 말할 방법입니다. 여기 당신이 달리고 싶은 코드가 있습니다.
그래서 나는 헤로 쿠를 향해 명령을 내릴 것이다.
Heroku 마스터를 강요하십시오.
그래서 제가 추가하고 커밋 한 모든 코드를 마스터 목장에서 Heroku로 푸시 할 것입니다.
그래서이 경우 그게 전부입니다.
또 다시 때때로 당신은 모든 것을 하나씩 밀어 내고 싶지 않습니다.
어쩌면 프로덕션 서버로 보내지 않으려는 새로운 코드가 있지만이 경우에는 모든 것을 원할 것입니다.
앱이 우리가 원하는 방식으로 작동합니다.
그래서 우리는 모든 것을 추진할 것입니다.
그래서 내가하기 전에 헤로쿠 (Heroku) 마스터를 강습 해보십시오. 튜토리얼에서 보게 될 것입니다.
또한 어떻게하는지 알려줍니다.
따라서 자습서를 보거나 읽는 것을 더 선호한다면 길을 잃을 수도 있습니다.
우리는 똑같은 단계를하고 있습니다.
그래서 Heroku M을 밀어 붙이세요. OK를 눌러 Enter를 누르십시오.
나는 우리가하지 못한 한 가지 일이 작은 문제를 일으킬 것이라고 경고 할 것이지만 Heroku를 디버깅하는 과정을 보여주고 싶기 때문에 그 일을 의도적으로했습니다.
따라서 입력을 시도 할 것입니다. 보통 더 큰 앱을 사용하면 약간의 시간이 걸립니다.
많은 것들이 여기서 일어나고 있습니다.
보통 허브를 가져 오기 위해 밀 때 보통 이런 일은 발생하지 않습니다.
그래서 이것은 모두 Heroku의 마법입니다.
돌아가서 무슨 일이 일어나고 있는지에 대해 여러 가지 내용을 읽을 수 있습니다.
Jaison과 같은 패키지 때문에 중요한 의존성 또는 Pineries를 설치 한 노드 애플리케이션이 종속성 익스프레스를 설치하고 Ejay를 설치했음을 발견했습니다.
그리고 이것들은 표현하는 모든 것들이 그때 응용 프로그램을 만든 다음 시작했습니다.
그래서이 신청서가 이라크에 배치되었다고합니다.
따라서 URL을 새로 고치면 앱을 볼 수 있습니다.
그러나 우리가 보는 모든 것은 응용 프로그램 오류입니다.
그래서 이것은 Heroku를 디버깅 할 때 새로운 앱을 시작할 때 시작하는 화면입니다.
코드에 오류가 있거나 뭔가 잘못 작동하면 어떻게됩니까?
Heroku 쪽에서 또는 웹 인터페이스에서 오류가 발생했습니다.
특정 오류 메시지를 사용자에게 분명히 드러내고 싶지 않기 때문에 세부 정보 메시지에 세부 오류 메시지를 넣지 않습니다.
그래서 그들은 가능한 한 숨겨진 것들을 유지합니다.
그들은 단지 응용 프로그램 오류라고합니다.
그러나 그런 다음에는 명령 줄에서 로그의 오류 메시지를 볼 수있는 문제를 볼 수 있습니다.
그래서 우리는 단지 Heroku 로그를 입력하고 우리가 위로 스크롤하면 여기에 많은 것들을 얻습니다. 우리는 오류가 있고 오류가 바로 발생했음을 알게 될 것입니다.
명령 NPM 시작으로 프로세스를 시작하면 스크립트 시작이없는 NPM 시작 명령이 없으므로 오류가 발생하고 모든 것이 중단됩니다.
그래서 다시 한번 내가 의도 한대로 당신에게 보여주기 위해 그것을 한 것입니다. Heroku는 당신이 실제로 오류 메시지를 숨기 때문에 당신이 어떻게 나아갈 수 있었는지 기록합니다. 그러나 그것이 당신이 그것을 볼 수 없다는 것을 의미하지는 않습니다.
앱이 충돌하는 경우 이는 매우 일반적인 화면입니다.
Heroku 로그와 중요한 명령.
그러나 화살이 말하는 것은 우리가 시작 스크립트를 가지고 있지 않다는 것입니다.
따라서 시작 스크립트는 Heroku에게 응용 프로그램을 시작하기 위해 실행할 코드를 서버에 알려줍니다.
따라서 기본적으로 서버를 시작하기 위해 수행 한 작업을 수행합니다.
우리는 노드 애플리케이션을 실행 해 왔습니다.
그렇습니다. 그러나 코드가 더 이상 여기에서 실행되지 않기 때문에이를 수행 할 수 없습니다.
이 작업 공간에서는 실행하지 않습니다.
그것이 요점입니다.
헤로 쿠에 있어요.
그래서 우리는 시작 스크립트를 제공합니다.
그래서 우리는 패키지 스테이지에서 노래를 열고 스크립트 안에 들어갑니다.
이것은 당신이 알아야 할 것이 아닙니다.
이것은 새로운 시작 콜론이고 J.S. 다음의 노드입니다.
Heroku가 할 일은 Heroku에 코드를 푸시 할 때마다 NPM 설치가 모든 종속성 설치를 실행할 때마다 우리가 누를 때입니다.
따라서 우리가 추가하고 커밋하면 새로운 버전의 Express로 업그레이드 한 다음 Heroku에 자동으로 NPM 설치를 실행하는 Heroku 마스터를 가져 와서 새 버전을 얻은 다음 NPM 시작을 실행하여 여기에서 실행할 것입니다.
Node apt.
예.
그래서 지금 우리 Master Master 목장은 변경되지 않았기 때문에 Heroku 마스터를 밀어 넣을 수는 없습니다.
우리는 방금 변경 한 사항을 추가하거나 저 지르지 않았습니다.
따라서 get status를 입력하면 Branch ma에서 볼 수 있습니다.
오 잘 파일을 저장하지 않았기 때문에 파일을 저장하지 않았습니다.
이제 상태를 확인하면 Jason이라는 수정 된 패키지가 표시됩니다.
그래서 우리는 그 커밋을 추가하고 싶습니다. 여기에 바로 시작 스크립트를 추가하십시오.
이제 우리가해야 할 일은 로쿠 마스터를 밀어 넣는 것뿐입니다.
그러니 밀어 붙이세요.
그녀의 주인은 우리의 코드가 Jason에서 텍스트를 취하는 곳에서 전체 프로세스를 시작할 것입니다.
이 종속성을 설치 한 후 마지막으로 지정하지 않은 NPM 시작을 실행합니다.
그래서 앱이 추락했습니다.
죄송합니다. 여기에 Enter를 치려고 했어.
조금 걸릴 것입니다.
그것은 Heroku에게 종속성을 설치하는 것들을 설치하고 배포 확인을 시작하는 것입니다.
이제 상쾌하게 해보 죠.
그리고 거기에 우리가 간다.
그래서 우리는 무명을 실행하는 응용 프로그램을 가지고 있고 나는 6/4 4 9 8 점 Roku dotcom에서 경로를 클릭 할 수 있다고 말했습니다.
굉장해.
마지막으로 대시 보드로 돌아 가면 Heroku 대시 보드에 표시됩니다.
우리는 이제 우리의 신청서를 여기에 보여줄 것입니다.
오, 내가 먼저 로그인하게 만들거야.
일단 로그인하면 잘하면 안됩니다.
그러나 일단 로그인하면 우리가 찾고있는 것을 볼 것입니다.
그리고 우리가 볼 수 있듯이 새로운 앱이 있습니다.
얼마나 많은 사람들이 얼마나 자주 접속했는지에 관한 정보를 볼 수 있습니다.
소유자 기여자 인 사람을 배포하고 혼란시킬 권한이있는 사람
온갖 종류의 것들.
나는이 모든 것에 들어 가지 않을 것이다.
우리가 처음 앱을 출시했을 때 초기화했을 때 우리가 밀어 넣거나 배포 한 모든 다른 시간을 볼 수 있다는 것을 의미합니다.
그리고 나서 이것들을 설정하거나 사용자 정의 도메인과 같은 것을 구성하거나 추가 기능을 추가 할 수 있습니다.
바울이 여기서 언급 한 한가지는 우리가 지금 무료 헤로 쿠 계획을 사용하고 있다는 것입니다.
돈을 벌 수있는 신용 카드는 없습니다.하지만 업그레이드를 할 사용자가 많아지면 여기를 클릭하십시오.
취미로 업그레이드하고 취미를 클릭하거나 전문가에게 가서 취미 시작을 월 7 달러로 볼 수 있습니다.
그래서 그만한 가치가 있습니다.
만약 당신이 당신과 당신의 어플리케이션을 위해 더 많은 사람들을 갖기 시작할 것이지만, 무료 일지라도 포트홀리로 프로젝트 나 당신이 회사에 보내지 않는 것이면 괜찮을 것입니다. 당신에게 하루에 수천 수천의 히트가있을 것이라고 예상하고 있습니다.
승인.
그래서 여기에 Heroku가 있습니다.
나는 그것을 되풀이하고 싶다.
이제 돌아가서이 프로세스를 통해 애플리케이션을 업데이트하십시오.
나는 홈 페이지를 업데이트하여 말하고있는 이미지가 있고 여기 이미지가 생겼습니다.
나는 그것에 대해 생각하지 않은 커다란 종류입니다.
이것은 내가 최근에 찍은 이미지이지만 옆에있는 사진을 배우고 있습니다.
따라서 원본 이미지가 원하는 모든 이미지를 거대한 소스와 동일하게 자유롭게 사용할 수 있습니다.
로컬에서 테스트 해 봅시다.
그래서 노드 애플 리케이션 줄리어스 새로 고침.
와우.
그리고 이미지를 얻으십시오.
그래도 괜찮습니다.
그래서 Heroku에서 로컬로 잘 작동하지만 변경 사항은 전혀 적용되지 않습니다. 왜냐하면 변경 사항은 본질적으로 연결되어 있지 않기 때문입니다.
우리는 Heroku에 밀고 싶은 것을 선택해야합니다. 그리고 그것은 정말로 요점입니다.
우리는 새로운 것을 시도하기 위해 실수를하기 위해 놀기위한 작업 공간을 가지고 있습니다. 그런 다음 실제 애플 리케이션에 통합하고 통합하고자한다면, 나는 그것을 Heroku에 밀어 넣을 수 있습니다.
그러나 Heroku는 항상 마지막으로 안정된 빌드 여야합니다.
네가 가서 뭔가를 엉망으로 만들기 전에 마지막으로 한 일이야.
OK는 내가해야 할 일은 상태 변화를 추가하여 브리지의 이미지를 추가하고 Heroku 마스터를 밀어 넣는 커밋을 추가하는 것입니다.
그래서 워크 플로우는 정말 일반적입니다.
우리가 수행 한 첫 번째 작업은 워크 플로의 일부가 아니지만 가장 먼저 할 일은 Heroku가 만든 저장소를 작성한 다음 한 번 작성한 다음 추가 할 것인지 확인하는 것입니다. 당신이 Heroku에 가고 싶어하는 모든 것을 저지르고 Heroku 마스터를 밀고 나서 언제든지 변경하거나 업데이트하십시오. 동일한 프로세스가 광고를 얻습니다. Heroku 앱에서 Heroku 마스터 새로 고침을 받으십시오. .
굉장해.
괜찮아.
따라서 다음 비디오에서 우리는 좀 복잡한 복잡한 앱을 데이터베이스로 배포하는 방법을 보게 될 것입니다. 이는 약간의 두통입니다.