1
00:00:00,500 --> 00:00:06,860
OK，所以我們要做的第一件事就是去到Heroku的點com。

2
00:00:07,440 --> 00:00:11,010
^ hêR 0 K優點com。

3
00:00:11,010 --> 00:00:13,870
而我們要註冊。

4
00:00:14,230 --> 00:00:21,880
所以，我要與我的姓名E-mail報名。

5
00:00:21,930 --> 00:00:40,100
你需要在這裡放一個真實的電子郵件，你應該反正，因為一件事，他們讓你不得不檢查電子郵件，但更重要的是，你會得到更新一下，如果有因為某些原因發送電子郵件確認一些奇怪的事故Heroku的服務器獲得由閃電或者有什麼東西砸。

6
00:00:40,110 --> 00:00:43,050
你會得到關於發生了什麼更新。

7
00:00:43,560 --> 00:00:44,520
所以，我們公司的名稱。

8
00:00:44,520 --> 00:00:48,420
我只想說的Web開發訓練營。

9
00:00:48,420 --> 00:00:49,470
你不必把任何東西。

10
00:00:49,470 --> 00:00:59,780
它不是真的要有所作為，但讓我們把沒有J.S.創建免費帳戶然後去檢查你的電子郵件，並確認您的帳戶。

11
00:00:59,790 --> 00:01:00,330
好吧。

12
00:01:00,540 --> 00:01:06,990
所以一旦你做到這一點，它會問你，讓你點擊鏈接，系統會要求您創建一個密碼確認密碼。

13
00:01:07,200 --> 00:01:12,610
然後，一旦你完成創建帳戶應該帶你到你的Heroku儀表板。

14
00:01:13,140 --> 00:01:17,760
這將是在這裡你就可以看到你已經部署了應用程序的地方。

15
00:01:18,150 --> 00:01:22,860
你就可以開啟並關閉設置你是人。

16
00:01:23,090 --> 00:01:28,050
和任何形式的其他東西，你需要配置和安全問題的權限。

17
00:01:28,050 --> 00:01:31,700
這是你的大本營，你必須把她的任何應用。

18
00:01:31,710 --> 00:01:32,430
好。

19
00:01:33,060 --> 00:01:35,750
因此，我們究竟要從此導航離開現在。

20
00:01:35,850 --> 00:01:38,290
但是，如果你想捅看看周圍。

21
00:01:38,370 --> 00:01:40,160
他們有一些不錯的入門傢伙。

22
00:01:40,230 --> 00:01:47,440
所以，如果你點擊開始使用Noad引導它會告訴你這是要經過這裡的步驟。

23
00:01:47,490 --> 00:01:49,520
因此，我將引用這一點。

24
00:01:49,530 --> 00:01:52,730
但你也可以只觀看這部影片，看看你需要做什麼。

25
00:01:53,070 --> 00:02:02,390
因此，它在談論這裡的第一件事就是安裝下載和安裝的Heroku工具區的Mac，或者你使用的任何設備。

26
00:02:02,400 --> 00:02:06,230
事實上，我們沒有用這個，因為我們使用雲9。

27
00:02:06,390 --> 00:02:08,260
因此，它預裝。

28
00:02:08,340 --> 00:02:08,680
抱歉。

29
00:02:08,700 --> 00:02:09,510
我們確實需要使用它。

30
00:02:09,510 --> 00:02:10,550
我們不必下載它。

31
00:02:10,560 --> 00:02:11,830
打擾一下。

32
00:02:12,030 --> 00:02:13,670
它配備預裝我們。

33
00:02:13,890 --> 00:02:21,700
所以，如果你去的Cloud 9，我們實際上可以做的是確保我們在正確的目錄，我們停止我們的服務器。

34
00:02:22,260 --> 00:02:23,440
大。

35
00:02:23,670 --> 00:02:38,520
如果你只是輸入單詞的Heroku，你會看到，我們得到比commed沒有發現意味著，我們必須安裝Heroku和剛剛帶有雲9免費其他一些輸出任何東西。

36
00:02:38,520 --> 00:02:47,790
如果你這樣做的機器上，或者你沒有使用雲9，你當然可以下載正確版本，並按照指示。

37
00:02:47,820 --> 00:03:00,850
所以，我們要做的第一件事就是遵循什麼它說這是Heroku的記錄它，這將提示您輸入您註冊了Heroku的電子郵件。

38
00:03:00,850 --> 00:03:08,970
所以它必須匹配，並且它也將主要提示你輸入密碼，它看起來就像你不打字只是隱藏它。

39
00:03:09,180 --> 00:03:11,060
所以，不要擔心。

40
00:03:11,070 --> 00:03:11,930
在那裡，我們走了。

41
00:03:11,970 --> 00:03:14,820
我們希望看到的身份驗證成功。

42
00:03:15,240 --> 00:03:19,060
所以，我們現在所做的基本上是okayed這台機器。

43
00:03:19,080 --> 00:03:38,410
這九霄雲外工作區一起工作，以增加集成到她的東西服務器上基本上轉移到我們的Heroku Heroku上的空間，因為記得這一切，我們正在做的是我們將要發送該應用程序並將其複製到機器的Heroku。

44
00:03:38,580 --> 00:03:41,910
所以我們當然不想讓任何人這樣做對我們的帳戶。

45
00:03:41,910 --> 00:03:47,510
我們只希望，我們已經簽署了在我們已經驗證的，能夠做到這一點的機器。

46
00:03:47,860 --> 00:03:48,180
好。

47
00:03:48,180 --> 00:03:49,590
所以這是第一步。

48
00:03:49,590 --> 00:03:54,830
我們需要做的其實是確保我們在此目錄中使用GET接下來的事情。

49
00:03:55,050 --> 00:04:00,300
因此，在目錄中我們的項目的頂級目錄是很重要的。

50
00:04:00,300 --> 00:04:08,040
那就是你有你不這樣做此文件夾中，但在您的應用程序JSE在你的包目錄中的其他項目，你不這樣做。

51
00:04:08,070 --> 00:04:15,080
賈森我們要運行得的地位和在我的情況，我要去看看不是一個很好的資源庫。

52
00:04:15,270 --> 00:04:18,620
所以我們想在它是一個get儲備庫中獲得。

53
00:04:18,900 --> 00:04:29,530
我們用良好的告訴，以確定哪些發送到Heroku和在我們的例子中，我們要發送的整個應用程序。

54
00:04:29,550 --> 00:04:39,640
因此，一旦我們初始化一個倉庫，我們要繼續前進，補充一點，我們要發送到她與OK的文件。

55
00:04:39,690 --> 00:04:40,860
所以這就是一切。

56
00:04:41,190 --> 00:04:50,760
所以，我們只是打算做一次獲取附加是它添加包，傑森並得到補充意見，即整個目錄就行了。

57
00:04:50,760 --> 00:04:52,140
獲取提交。

58
00:04:52,860 --> 00:05:01,410
我們只能說初步評論偉大的，如果你回去的指示，你會看到一些東西。

59
00:05:01,760 --> 00:05:04,180
一旦你安裝了工具區您可以點擊。

60
00:05:04,190 --> 00:05:09,550
我在這個例子中安裝了它本教程他們給你一個演示應用程序。

61
00:05:09,710 --> 00:05:13,700
我們已經有一個讓你可以說我克隆應用程序的源代碼。

62
00:05:13,700 --> 00:05:18,550
它會告訴你做的下一件事就是運行一個叫做Heroku的創建命令。

63
00:05:18,890 --> 00:05:20,880
因此，我們可以繼續這樣做。

64
00:05:21,110 --> 00:05:32,140
什麼，會做其實是讓在Heroku空間讓新的應用程序產生一個壽司區域內形成U R L為你這個電流並獲得存儲庫。

65
00:05:32,150 --> 00:05:33,580
所以我要了，現在運行。

66
00:05:33,680 --> 00:05:52,010
Heroku的創建和你可以先看看它會問我第一次來驗證，如果我沒有登錄到，如果我不跑Heroku的日誌這是行不通的，但你可以看到它讓我一個新的應用程序，它賦予了它隨機名稱。

67
00:05:52,040 --> 00:05:57,080
Heroku的是這些清幽的禪宗自然雜交名相當出名。

68
00:05:57,090 --> 00:06:02,580
他們拿出這麼莫名的一切都在這裡這個隨機數。

69
00:06:02,780 --> 00:06:07,580
它也給你這個，你知道你的應用程序將被部署到。

70
00:06:07,850 --> 00:06:09,490
你可以改變這一點。

71
00:06:09,530 --> 00:06:17,240
你可以看一下的Roku公司的文檔，如果你願意，你可以指定自己的Heroku應用點com域名。

72
00:06:17,240 --> 00:06:22,070
所以，如果你想檢查此演示應用程序。

73
00:06:22,070 --> 00:06:28,400
一二三點Heroku的應用點com可你能做到這一點，但你也當然可以有自己的域名。

74
00:06:28,490 --> 00:06:33,200
所以，如果你擁有Salli點com或雲真棒。

75
00:06:33,290 --> 00:06:37,740
我知道你可以部署部署到Roku公司的應用程序。

76
00:06:37,780 --> 00:06:41,960
你可以讓它與您的域名，但你不會這麼做的，只是還沒有建立起來。

77
00:06:42,080 --> 00:06:53,630
所以，你還在這裡建立這個程序，你得到這個隨機合谷穴你現在如果我們參觀了現在我們剛剛得到這個默認的歡迎您的新的應用程序。

78
00:06:53,620 --> 00:06:56,340
我們沒有這個程序還沒有相關的任何代碼。

79
00:06:56,390 --> 00:07:01,370
Heroku的只是知道我們想使我們有一個空的應用程序有一個應用程序。

80
00:07:01,370 --> 00:07:06,720
所發生的另一件事是，它的遠程添加到我們的Heroku稱為獲取存儲庫。

81
00:07:06,950 --> 00:07:16,590
所以，如果你看一看獲取遠程的儀表板b。您會看到這裡增加了一個叫做遠程Heroku上，我們可以把代碼。

82
00:07:16,630 --> 00:07:17,850
因此，這是非常重要的。

83
00:07:17,900 --> 00:07:21,260
這就是你基本上轉移的代碼。

84
00:07:21,250 --> 00:07:24,850
這就是我要告訴Heroku的這是我要你運行的代碼。

85
00:07:24,860 --> 00:07:27,910
所以，當我推到Heroku的，我會運行一個命令。

86
00:07:27,950 --> 00:07:32,250
獲得推Heroku的主人。

87
00:07:32,360 --> 00:07:37,890
所以這是要推動任何代碼我已經加入及以上的Heroku致力於在主牧場。

88
00:07:38,240 --> 00:07:39,880
所以在這種情況下，這就是一切。

89
00:07:39,920 --> 00:07:42,840
再次有時你不想要把每一件事。

90
00:07:42,860 --> 00:07:49,940
也許有一些新的代碼，你不希望在發送到生產服務器，但在這種情況下，我們想要的一切了。

91
00:07:49,970 --> 00:07:51,600
該應用程序正在我們想要的方式。

92
00:07:51,680 --> 00:07:53,300
所以，我們只是要推的一切。

93
00:07:53,300 --> 00:07:59,540
因此，獲得推Heroku的主人之前，我做，你會在教程中看到的。

94
00:07:59,540 --> 00:08:00,590
它還告訴如何做到這一點。

95
00:08:00,590 --> 00:08:05,380
所以，如果你得到，如果你的喜歡看或閱讀教程失去了你可以遵循。

96
00:08:05,380 --> 00:08:07,390
我們正在做的完全一樣的一步。

97
00:08:07,580 --> 00:08:12,110
因此，獲得推Heroku的M. OK，所以我們可以按下回車鍵。

98
00:08:12,230 --> 00:08:21,930
我要提醒你，還有一件事，我們還沒有做，那將造成一個小問題，但我是故意的，因為我想告訴你的Heroku調試的過程。

99
00:08:22,160 --> 00:08:30,890
所以我會打，雖然輸入，它需要一點點特別，通常具有較大的應用程序。

100
00:08:31,220 --> 00:08:32,590
很多東西發生在這裡。

101
00:08:32,600 --> 00:08:35,880
通常當你只是推得到集線器這種情況不會發生。

102
00:08:35,930 --> 00:08:38,190
因此，這是所有的Heroku法寶。

103
00:08:38,620 --> 00:08:41,570
你可以回去讀了發生的事情一大堆東西。

104
00:08:41,830 --> 00:08:54,470
讓我們來看看它檢測到它是它安裝了一些重要的相關性或Pineries的然後安裝依賴表達和我們EJAY因為包Jaison的一個節點的應用程序。

105
00:08:54,620 --> 00:09:03,130
而這些都是表達取決於然後構建的應用程序，然後啟動它的東西。

106
00:09:03,710 --> 00:09:07,740
所以說，這個應用程序已經部署到伊拉克。

107
00:09:07,790 --> 00:09:14,080
因此，如果我們拜訪你URL刷新我們希望看到我們的應用程序。

108
00:09:14,160 --> 00:09:17,270
但是，所有我們看到的是應用程序錯誤。

109
00:09:17,270 --> 00:09:24,100
因此，這是當你正在調試的Heroku當你開始了，當你推一個新的應用程序在那裡，非常常見的畫面。

110
00:09:24,110 --> 00:09:28,190
當你有一個錯誤與您的代碼或東西不能正常工作，會發生什麼。

111
00:09:28,280 --> 00:09:34,660
是對事物或Web界面上Heroku的身邊所有你看到的是錯誤。

112
00:09:34,930 --> 00:09:41,490
他們沒有在細節上把特定的錯誤消息，因為你不希望暴露了你的用戶明顯。

113
00:09:41,780 --> 00:09:43,690
因此，他們讓事情為隱藏越好。

114
00:09:43,700 --> 00:09:45,930
他們只是說，應用程序錯誤。

115
00:09:46,340 --> 00:09:53,600
但隨後發生的事情是，你可以查看問題，你可以在命令行查看日誌中的錯誤消息。

116
00:09:54,350 --> 00:10:07,600
因此，要做到這一點，我們只需要輸入Heroku的日誌和我們在這裡得到了很多的東西，如果我們向上滾動，我們會看到有一個錯誤，發生在這裡的錯誤。

117
00:10:07,840 --> 00:10:21,490
以指令NPM啟動過程，然後事實證明，我們沒有一個NPM啟動命令腳本失踪開始，然後導致我們所有的錯誤和事情的崩潰。

118
00:10:21,490 --> 00:10:34,870
於是我又是故意給你分別用Heroku的日誌，你怎麼能繼續前進，因為它從你隱藏了實際的錯誤消息，在這裡，但並不意味著你不能看到它看一看。

119
00:10:34,870 --> 00:10:37,960
這就是，如果你的應用程序崩潰一個很常見的畫面。

120
00:10:38,110 --> 00:10:40,340
Heroku的日誌和重要的命令。

121
00:10:40,690 --> 00:10:45,440
但箭頭的意思是，我們沒有一個啟動腳本。

122
00:10:45,460 --> 00:10:53,330
因此，與啟動腳本所做的是它告訴Heroku的它告訴運行，開始她的申請什麼樣的代碼服務器。

123
00:10:53,590 --> 00:10:56,970
因此，它基本上做什麼，我們一直在做的，開始我們的服務器。

124
00:10:56,980 --> 00:10:59,010
我們一直在運行的應用程序的節點。

125
00:10:59,110 --> 00:11:03,940
是的，但我們不能這樣做，因為代碼是不在這裡了運行。

126
00:11:04,090 --> 00:11:05,560
我們不會在這個工作空間運行它。

127
00:11:05,560 --> 00:11:06,220
這才是重點。

128
00:11:06,220 --> 00:11:07,630
這是在Heroku。

129
00:11:08,410 --> 00:11:10,970
所以，我們給它一個啟動腳本。

130
00:11:11,020 --> 00:11:16,480
於是我們打開包裝階段，一首歌曲，它會腳本裡面。

131
00:11:16,480 --> 00:11:19,150
這是不是說你希望知道的。

132
00:11:19,190 --> 00:11:26,410
這是J.S後新的開始冒號，然後點..

133
00:11:26,530 --> 00:11:36,760
那麼，Heroku的需要做的是，當我們推代碼的Heroku它會先運行安裝NPM安裝所有依賴我們每次推的時間。

134
00:11:36,790 --> 00:11:52,120
因此，我們可能會升級為特快的新版本，如果我們添加並提交，然後得到推Heroku的主人，它會自動運行安裝NPM Heroku上獲得新版本，然後運行NPM啟動，這將在這裡運行這個權利。

135
00:11:52,190 --> 00:11:53,240
節點貼切。

136
00:11:53,350 --> 00:11:55,180
是。

137
00:11:55,210 --> 00:12:03,640
因此，我們不能只是得到推Heroku的主人，因為現在我們獲取主牧場不變。

138
00:12:03,700 --> 00:12:06,490
我們沒有加入，並承諾我們剛剛作出修改。

139
00:12:06,790 --> 00:12:13,370
所以，如果你鍵入獲取狀態可以在分行MAA看到的。

140
00:12:13,390 --> 00:12:16,270
哦我沒有保存的文件，以便將做到這一點。

141
00:12:16,270 --> 00:12:20,700
現在，如果我把它的狀態，你會看到修改的軟件包傑森。

142
00:12:21,400 --> 00:12:30,820
因此，我們要補充一點，得到承諾和所有將在這裡就是添加啟動腳本。

143
00:12:30,880 --> 00:12:36,700
現在我們需要做的就是推動Roku公司主，我們是好去。

144
00:12:36,700 --> 00:12:37,830
因此，獲得推動。

145
00:12:37,840 --> 00:12:43,520
她的主人將重新開始的地方需要我們的代碼將一個文本傑森的整個過程。

146
00:12:43,590 --> 00:12:49,260
它安裝這些依賴關係，然後運行它，我們沒有上次指定NPM開始。

147
00:12:49,300 --> 00:12:52,050
因此，應用程序崩潰。

148
00:12:52,450 --> 00:12:55,350
哎呀！為了打在此輸入了過來。

149
00:12:55,520 --> 00:12:57,360
這將需要一點點。

150
00:12:57,770 --> 00:13:09,740
它推到Heroku的它安裝的東西安裝的依賴性和看到發射驗證部署。

151
00:13:09,920 --> 00:13:12,600
OK，讓我們現在就來試試耳目一新。

152
00:13:13,540 --> 00:13:14,740
還有我們走。

153
00:13:15,100 --> 00:13:25,430
因此，我們有一個應用程序運行無名，我告訴6 4 4 9 8點Roku公司在互聯網泡沫我可以點擊路線來回走。

154
00:13:25,570 --> 00:13:26,800
真棒。

155
00:13:26,800 --> 00:13:31,810
我將展示的最後一件事是在儀表盤的Heroku如果你回到你的儀表板。

156
00:13:32,650 --> 00:13:36,270
現在，我們將有我們的應用程序顯示在這裡了。

157
00:13:36,390 --> 00:13:38,310
哦，這是怎麼回事，讓我先登陸。

158
00:13:38,320 --> 00:13:41,180
所以一旦你登錄希望你不會有。

159
00:13:41,200 --> 00:13:43,150
但是，一旦我登錄，我們會看到什麼我要找的。

160
00:13:43,150 --> 00:13:45,670
正如你可以看到我們的新的應用程序是在這裡。

161
00:13:46,390 --> 00:13:56,430
您可以點擊它查看其有關它多久了什麼，有多少人訪問頻率的。

162
00:13:56,680 --> 00:14:01,600
誰擁有誰是所有者貢獻者許可部署和混亂與此有關。

163
00:14:01,780 --> 00:14:02,740
各種不同的東西。

164
00:14:02,740 --> 00:14:04,420
我不打算進入這一切。

165
00:14:04,430 --> 00:14:11,770
我的意思是，你可以看到所有我們推或當我們初始化它，當我們第一次發布的應用程序部署不同的時間。

166
00:14:11,770 --> 00:14:19,630
然後，這也是在那裡你會來把事情或配置，如自定義域的東西，或者你可以添加附加功能。

167
00:14:19,900 --> 00:14:24,790
有一件事保羅這裡提到的是，我們正在使用免費的Heroku的計劃現在。

168
00:14:24,790 --> 00:14:34,180
有關聯，他們使他們的錢，雖然是一旦你開始有更多的用戶你要升級，你要做的就是點擊這裡沒有信用卡。

169
00:14:34,210 --> 00:14:42,200
升級到愛好，看看你可以點擊愛好或者你可以去專業的，所以你可以看到的愛好開始於每月7美元。

170
00:14:42,220 --> 00:14:43,530
所以，絕對值得。

171
00:14:43,540 --> 00:14:58,980
如果你將不得不如果你打算開始有越來越多的人對你和你的應用程序，但即使是免費的作品就好像一個投資項目或者你打算只要你送不出去的公司期待你知道成千上萬的數千次點擊的日子。

172
00:14:59,620 --> 00:15:00,280
好。

173
00:15:00,760 --> 00:15:02,990
所以，這一切就是這裡的Heroku。

174
00:15:03,040 --> 00:15:04,600
我想回顧一下，雖然。

175
00:15:04,840 --> 00:15:10,560
因此，讓我們回過頭來經歷這個過程中多了一個更新我們的應用程序的時間。

176
00:15:10,570 --> 00:15:17,740
我想更新的主頁，以便它有它的說，一個形象，我碰巧在這裡有一個形象。

177
00:15:18,460 --> 00:15:19,930
這是一種大我沒有想到這一點。

178
00:15:19,930 --> 00:15:24,440
這是一個像我最近參加了，但我學習就在身邊的一些攝影。

179
00:15:24,790 --> 00:15:32,990
所以隨意使用任何你想要的形象，當然源等於巨大來源。

180
00:15:33,460 --> 00:15:35,180
讓我們來測試一下本地。

181
00:15:35,320 --> 00:15:42,430
因此節點的應用朱利葉斯刷新。

182
00:15:43,210 --> 00:15:43,960
哇。

183
00:15:44,240 --> 00:15:45,620
並獲得圖像。

184
00:15:45,670 --> 00:15:47,240
這很好，但。

185
00:15:47,980 --> 00:15:56,150
所以這是在Heroku本地做工精細，雖然這種變化完全不生效，這就是因為他們沒有內在的聯繫。

186
00:15:56,200 --> 00:16:00,420
我們要選擇我們要推到Heroku和，這就是真正的地步。

187
00:16:00,430 --> 00:16:09,740
我們有一個工作區一起玩犯錯誤嘗試新事物，然後如果我們想結合，並將其納入真正的應用程序，我可以然後將它們推到Heroku的。

188
00:16:09,940 --> 00:16:13,030
但是Heroku的應該永遠是最後的穩定版本。

189
00:16:13,030 --> 00:16:16,590
你去了，亂七八糟的東西了之前作品的最後一件事。

190
00:16:17,140 --> 00:16:34,310
行，所以我需要做的就是狀態需要補充的是改變提交補充橋的圖像，然後得到的Heroku推高手。

191
00:16:34,810 --> 00:16:37,650
這樣的工作流程是非常常見的。

192
00:16:37,720 --> 00:17:09,360
我們這樣做，這不是真正的工作流程的一部分，但第一件事就是確保你在一個get庫是那麼的Heroku創建那麼一旦你然後創建你所要做的就是確保你添加的第一件事並提交你想要去到Heroku和再拿到推Heroku的主人，然後你隨時改變或更新一切就同樣的過程得到廣告得到承諾得到推進我們的Heroku應用程序的Heroku主刷新和我們走或變化正在發生。

193
00:17:09,370 --> 00:17:09,870
真棒。

194
00:17:09,970 --> 00:17:10,520
好吧。

195
00:17:10,600 --> 00:17:18,560
因此，在接下來的視頻中，我們將看到如何使用數據庫這是一個頭疼的一點點部署一個更複雜的實質性應用。