1
00:00:00,600 --> 00:00:05,940
In the last section we finished up our pre-deployment checklist this list of four steps right here are

2
00:00:05,940 --> 00:00:11,390
steps you'll have to repeat on any no J.S. project that you ever want to deploy to Roku.

3
00:00:11,400 --> 00:00:16,020
And so it might be a good idea to print out this or save a copy of this diagram.

4
00:00:16,040 --> 00:00:20,760
Remember you can access all the diagrams from this course on the Get Haab repo.

5
00:00:20,790 --> 00:00:25,440
Matching up with the course and the link to that is inside of the Course resources document which you

6
00:00:25,440 --> 00:00:31,200
can find in the very first lecture in this course now that we've gone through this pre-deployment checklist

7
00:00:31,500 --> 00:00:34,550
we can start to go through the actual deployment process.

8
00:00:34,650 --> 00:00:39,710
So we're going to go through this list of steps right here to handle our first time deployments and

9
00:00:39,720 --> 00:00:44,310
then we'll go through the list of steps to figure out how we would do subsequent subsequent deployments

10
00:00:44,340 --> 00:00:47,400
or redeploy our application after we make some changes.

11
00:00:47,400 --> 00:00:49,410
At some point in future.

12
00:00:49,440 --> 00:00:52,560
So step one is to create a Heroku account.

13
00:00:52,560 --> 00:00:53,240
Easy enough.

14
00:00:53,370 --> 00:00:54,520
Let's get to it now.

15
00:00:54,930 --> 00:01:01,610
Inside my browser I'll open up a new tab and then navigate to Heroku dot com.

16
00:01:01,740 --> 00:01:06,820
Now on the landing page that pops up you can find the sign up button on the very top right.

17
00:01:06,840 --> 00:01:14,260
Go ahead and click it and then you can fill out the required information to create a new account.

18
00:01:14,270 --> 00:01:21,650
Now Heroku might require you to access your e-mail and say like you know click on some verification

19
00:01:21,650 --> 00:01:22,990
link or incisor e-mail.

20
00:01:23,000 --> 00:01:27,830
So if it does make sure you hop over to your e-mail account and click that link once you've gone through

21
00:01:27,830 --> 00:01:30,410
that process you can sign into your account.

22
00:01:30,410 --> 00:01:32,590
Now I have already created an account myself.

23
00:01:32,630 --> 00:01:41,770
Some is going to go ahead and log in like the now this is kind of a let's say hobby account of mine

24
00:01:41,800 --> 00:01:44,330
so I don't really have a lot of serious projects inside of here.

25
00:01:44,350 --> 00:01:48,600
It's a lot of test projects that I've worked on in the past and just kind of deployed throughout there

26
00:01:48,610 --> 00:01:52,420
so I don't really have that much that's super important in here.

27
00:01:52,510 --> 00:01:56,410
So all we have to do at this point is create the account and sign in to make sure that our account is

28
00:01:56,410 --> 00:01:57,420
working.

29
00:01:57,460 --> 00:02:01,440
The next step is to commit our codebase to get.

30
00:02:01,450 --> 00:02:08,870
So by default Heroku uses a get based deployment procedure or a get based deployment workflow.

31
00:02:09,220 --> 00:02:12,330
All we have to do is commit our code base to get.

32
00:02:12,340 --> 00:02:17,620
Now when I say that I intentionally say it's somewhat ironically because just saying all we have to

33
00:02:17,620 --> 00:02:22,810
do is come in our code base to get is actually at the end of the day a lot more confusing than you might

34
00:02:22,810 --> 00:02:23,450
think.

35
00:02:23,740 --> 00:02:27,180
So I am going to say that this is really not a course about get per se.

36
00:02:27,190 --> 00:02:31,720
So we're not really going to cover in great detail but I going to give you at least the steps to do

37
00:02:31,720 --> 00:02:36,140
this from scratch assuming that assuming that you've never used it in the past before.

38
00:02:36,280 --> 00:02:40,720
So the first thing we're going to do is verify whether or not we have good already installed on our

39
00:02:40,720 --> 00:02:43,020
local machines to do so.

40
00:02:43,030 --> 00:02:51,100
I'll change back to my terminal and I'll run the command get dash vi like so now Daschle is not an actual

41
00:02:51,100 --> 00:02:51,840
command.

42
00:02:52,120 --> 00:02:55,190
My mistake we probably want dash dash version the much better.

43
00:02:55,210 --> 00:02:55,830
OK.

44
00:02:56,200 --> 00:03:00,130
Now when we run this command we should see something that says like hey here's the version of Get your

45
00:03:00,130 --> 00:03:00,940
running.

46
00:03:01,030 --> 00:03:04,490
If you get back something that says unrecognized command get.

47
00:03:04,510 --> 00:03:05,330
That's totally fine.

48
00:03:05,350 --> 00:03:08,820
It means that you have to install get before you can actually use it.

49
00:03:08,830 --> 00:03:11,140
Now installing it is pretty straightforward.

50
00:03:11,140 --> 00:03:13,620
I'm going to change back over to my browser.

51
00:03:13,750 --> 00:03:20,770
I'm going to open up a new tab and then search for install get and then one of the first links that

52
00:03:20,770 --> 00:03:26,060
you should see pop up should be good dash SVM dot com slash downloads.

53
00:03:26,350 --> 00:03:31,820
We'll click on go to download and then you'll see some directions right on here for installing get.

54
00:03:31,840 --> 00:03:34,610
No matter what operating system you're currently using.

55
00:03:34,660 --> 00:03:37,730
And so at this point I'm going to kind of let you follow through this.

56
00:03:37,740 --> 00:03:43,660
All right so if you do not have it installed please walk through the respective installation steps for

57
00:03:43,660 --> 00:03:45,580
your operating system.

58
00:03:45,580 --> 00:03:51,580
By the time you're done you should be able to run the command get dash dash version at the command line

59
00:03:51,670 --> 00:03:54,820
and see a version be printed printed out to you.

60
00:03:54,820 --> 00:03:57,840
Now if you're running a newer version of good that's totally fine.

61
00:03:57,850 --> 00:03:59,280
Don't sweat it.

62
00:04:00,160 --> 00:04:01,850
OK so now we have get installed.

63
00:04:01,960 --> 00:04:08,500
We are going to create a new local repository and commit all of our server code to the repository.

64
00:04:08,500 --> 00:04:14,080
So inside of my server directory we're going to run the command get in MIT.

65
00:04:14,110 --> 00:04:20,890
Now when I run this command you're going to see initialize empty get repository and then the directory

66
00:04:20,890 --> 00:04:21,450
that you're in.

67
00:04:21,450 --> 00:04:27,970
At present we're then going to commit all of our code to this directory or Scuse me into this get repository

68
00:04:28,360 --> 00:04:36,840
by running the command get ad dot and then get commit Dasch him and it will give it the message.

69
00:04:36,970 --> 00:04:45,070
Initial comment like so after we do that we should see a short message telling us all the different

70
00:04:45,070 --> 00:04:47,380
files and folders that we have committed.

71
00:04:47,470 --> 00:04:54,800
Now if you set up the get ignore file correctly you should not see node modules on this list right here.

72
00:04:54,820 --> 00:05:00,160
So at this point you should only see like three or four listings and you should not see mode modules

73
00:05:00,220 --> 00:05:01,390
on this list.

74
00:05:01,930 --> 00:05:02,220
OK.

75
00:05:02,230 --> 00:05:06,110
So let's go back to our workflow to pull my diagram up.

76
00:05:06,250 --> 00:05:08,660
So we have now created our hero Kroker account.

77
00:05:08,740 --> 00:05:14,380
We have committed our code base using get the next step is going to be to install the Roku see a lie

78
00:05:14,650 --> 00:05:17,290
and create a new Roku application.

79
00:05:17,320 --> 00:05:20,160
So this step here is going to do just a little bit more involved.

80
00:05:20,200 --> 00:05:24,370
But we do have a great installation guide for the Heroku CLID.

81
00:05:24,430 --> 00:05:30,010
Now the purpose of this Rocha's Selye by the way it's a command line interface that we will use to generate

82
00:05:30,100 --> 00:05:32,450
a brand new Heroku project.

83
00:05:32,560 --> 00:05:35,750
So I'm going to open up another new browser tab.

84
00:05:35,920 --> 00:05:44,830
I'm going to search for Heroku Seelye and then you should see one of the toppling some here will be

85
00:05:44,830 --> 00:05:49,900
a help article on Heroku Seelye published at Heroku dot com.

86
00:05:49,900 --> 00:05:51,130
So click on this.

87
00:05:51,130 --> 00:05:56,590
And then it's going to give us some very detailed installation directions for each operating system

88
00:05:56,590 --> 00:05:58,200
that you might be using.

89
00:05:58,210 --> 00:06:03,960
So in my case I'm on Mac OS and so I on Mac OS can use homebrew to install Heroku.

90
00:06:04,190 --> 00:06:08,230
Now to be clear this does assume that you are already using homebrewed.

91
00:06:08,230 --> 00:06:12,880
So this is where we kind of go down like this rabbit hole of installation directions.

92
00:06:12,880 --> 00:06:14,970
So I'm just going to say this one very quick thing.

93
00:06:15,040 --> 00:06:18,870
If you are on Mac OS you might want to install homebrew.

94
00:06:18,970 --> 00:06:20,450
There's a link to it right here.

95
00:06:20,770 --> 00:06:26,850
I'll open it on a new tab and then I can copy this link right here and paste it at the terminal.

96
00:06:26,920 --> 00:06:28,750
You can do that to install homebrew.

97
00:06:28,750 --> 00:06:34,380
And then after running that you can run Brue install Heroku to actually install the Heroku see a lie.

98
00:06:34,570 --> 00:06:39,510
Now if you're on Windows you can just go ahead and download the installer right here.

99
00:06:39,640 --> 00:06:44,080
And also by the way if you don't want install homebrew you can grab the Mac OS install it right here

100
00:06:44,080 --> 00:06:44,520
as well.

101
00:06:44,530 --> 00:06:46,160
So totally up to you.

102
00:06:46,770 --> 00:06:47,040
OK.

103
00:06:47,080 --> 00:06:53,110
So after you go through that installation process we should then be able to run the command Heroku dash

104
00:06:53,110 --> 00:06:58,780
via the command line and then see some version of the Selye printout like so.

105
00:06:59,000 --> 00:07:04,350
OK so let's pause right here because I anticipate that installing the CLID might be a little bit troublesome

106
00:07:06,150 --> 00:07:08,840
if you're having any issues installing the Seelye.

107
00:07:08,850 --> 00:07:10,720
Feel free to pause the video right now.

108
00:07:10,770 --> 00:07:14,540
Flip over to the human discussion boards and just ask me a question let me know.

109
00:07:14,550 --> 00:07:15,990
Hey what are you getting.

110
00:07:15,990 --> 00:07:20,000
Make sure you tell me what you see and I'll do my best to help you get this installed.

111
00:07:20,280 --> 00:07:25,050
So at this point let's take a quick break and when we come back let's make sure that we have the Heroku

112
00:07:25,050 --> 00:07:26,650
dash V command working.

113
00:07:26,700 --> 00:07:28,680
So I'll see you in just a second.