1 00:00:00,240 --> 00:00:00,720 Beautiful. 2 00:00:00,990 --> 00:00:06,440 So now let's deploy our application on Oracle and for this. 3 00:00:06,780 --> 00:00:11,730 You'll definitely need a Heroku account as well as her Oracle Seelye. 4 00:00:12,270 --> 00:00:21,570 So if for some reason you don't have them, then please go back to your jobs API where I show how to 5 00:00:21,570 --> 00:00:28,440 set everything up and assuming that you have both Oracle account as well as your life. 6 00:00:28,680 --> 00:00:29,550 Let's proceed. 7 00:00:30,030 --> 00:00:34,680 And first, what I want to do is to remove the project, basically. 8 00:00:34,800 --> 00:00:35,730 Let me out here. 9 00:00:36,060 --> 00:00:39,000 Copy from the main repo again. 10 00:00:39,660 --> 00:00:41,040 So where is my preferences? 11 00:00:41,520 --> 00:00:45,120 That way, you don't have to deal with some silly bugs. 12 00:00:45,840 --> 00:00:49,470 I want to open up my main repo. 13 00:00:50,800 --> 00:00:52,600 I'm looking for a star here. 14 00:00:53,230 --> 00:00:54,250 I'm just going to copy. 15 00:00:54,940 --> 00:00:58,840 Basically, yes, I'm copying right now with no modules and everything. 16 00:00:59,410 --> 00:01:04,510 That's of course not the wisest thing, but remember that once we push it up, it doesn't really matter. 17 00:01:04,870 --> 00:01:05,920 There are going to be ignored. 18 00:01:06,370 --> 00:01:13,990 And in my case, I'm going to call this E commerce, and I'm just going to drag and set it up here on 19 00:01:13,990 --> 00:01:14,620 a desktop. 20 00:01:14,830 --> 00:01:16,660 So that is going to be my project. 21 00:01:17,050 --> 00:01:20,260 Now what I want to do is basically closed this one. 22 00:01:21,640 --> 00:01:23,470 And opened up a new. 23 00:01:24,610 --> 00:01:26,830 Window for my visual studio code. 24 00:01:27,940 --> 00:01:29,980 And let's start the deployment. 25 00:01:31,380 --> 00:01:41,020 Drag and drop and looking for a me, I want to follow these steps over here and essentially the first 26 00:01:41,020 --> 00:01:44,680 thing we want to do is change the command. 27 00:01:45,550 --> 00:01:52,190 And what we want to do is go to a package shown and notice with the start. 28 00:01:52,210 --> 00:01:53,590 We're running Norman, correct. 29 00:01:54,160 --> 00:01:59,920 So let's copy and paste and add a comma here, and this will still be a starter man, but we'll use 30 00:01:59,950 --> 00:02:02,020 node in order to spin it up. 31 00:02:02,020 --> 00:02:04,240 And then this, there's going to be a dead one. 32 00:02:04,420 --> 00:02:11,770 So just in case you ever needed to run on your local machine, you can just run npm Devon staff and 33 00:02:11,770 --> 00:02:12,880 PM start. 34 00:02:13,300 --> 00:02:14,620 So that's first thing. 35 00:02:14,620 --> 00:02:16,780 Then let's double check. 36 00:02:17,290 --> 00:02:22,690 We also want to set up a node version package JSON, and as a side note, I already did that. 37 00:02:23,200 --> 00:02:28,110 But if you ever need to do that for your own project, remember we need to go with engines. 38 00:02:28,120 --> 00:02:30,970 And then in my case, I went with 14. 39 00:02:32,680 --> 00:02:37,990 We want to set up a profile and here I guess the biggest gotcha is the space. 40 00:02:38,680 --> 00:02:43,870 So if you mess this up, then you'll get bugs once you deploy. 41 00:02:44,050 --> 00:02:49,810 So make sure that once you set up the profile, which is necessary again for the Heroku, make sure 42 00:02:49,810 --> 00:02:53,380 that you have correct spacing according to their docs if you want. 43 00:02:53,620 --> 00:02:57,190 You will get bugs and that is coming from personal experience. 44 00:02:57,820 --> 00:02:59,440 Then what do we want to do? 45 00:02:59,950 --> 00:03:07,330 We want to remove existing getting reports suggesting case of a remote earlier still pointing to my 46 00:03:07,330 --> 00:03:07,810 repo. 47 00:03:08,230 --> 00:03:10,530 You want to go with our arm, at least on Mac? 48 00:03:10,540 --> 00:03:13,540 And I said, not if you go to my Twitter. 49 00:03:13,900 --> 00:03:18,740 In one of the posts, I share also a command for windows just in case you need it. 50 00:03:18,760 --> 00:03:26,470 But for the Mac or to remove the existing repo you want to go with arm R.F. and get. 51 00:03:26,740 --> 00:03:30,280 So once you do that, we'll start with Clean Slate Run. 52 00:03:30,280 --> 00:03:35,830 We want to initialize the repo and we do that with gift in it that we want to go with git. 53 00:03:35,830 --> 00:03:38,080 Add an effective all at everything. 54 00:03:38,500 --> 00:03:39,550 Just make sure. 55 00:03:39,590 --> 00:03:45,040 Make sure that you have getting ignore and node modules and then data entry is ignored. 56 00:03:45,340 --> 00:03:47,530 Make sure that you have that mark, I said. 57 00:03:47,530 --> 00:03:51,240 Do so, I'll go with GitHub, add value. 58 00:03:51,250 --> 00:03:52,750 We want to go and get commit. 59 00:03:53,290 --> 00:03:55,000 And let's just say first. 60 00:03:56,800 --> 00:03:57,260 Commit. 61 00:03:58,090 --> 00:04:02,710 And once we have all of this in place, then I'm going to let me open up, read me. 62 00:04:03,190 --> 00:04:05,440 We want to set up the Heroku thing. 63 00:04:05,800 --> 00:04:11,320 So we'll say here or I'll call and log in, so we want to log in. 64 00:04:12,350 --> 00:04:19,310 And they will ask us to press a key, then we will navigate to their website. 65 00:04:20,300 --> 00:04:25,280 I have logged in and we want to create a new app. 66 00:04:25,970 --> 00:04:28,670 And basically the command is Heroku create. 67 00:04:29,060 --> 00:04:33,480 Now if you amid this, then they will give your name for your app. 68 00:04:33,480 --> 00:04:35,210 But in my case, that's not what I want. 69 00:04:35,210 --> 00:04:39,740 So I'm going to go with Heroku and I'll use this one. 70 00:04:40,180 --> 00:04:45,170 Since that's the one that I just deleted, that's the one that you are able to access previously. 71 00:04:45,500 --> 00:04:47,630 So I'm going to go with Heroku Create. 72 00:04:48,080 --> 00:04:49,370 So let me copy and paste. 73 00:04:50,440 --> 00:04:55,570 And then once I have all of this in place, I have my application. 74 00:04:56,500 --> 00:04:59,710 And before we go any further, let me clear the console. 75 00:05:00,630 --> 00:05:08,310 And let me just double check, so get remote, and we want to check whether the URL is definitely pointing 76 00:05:08,310 --> 00:05:09,030 to her uncle. 77 00:05:09,390 --> 00:05:10,110 That's a must. 78 00:05:10,710 --> 00:05:17,490 And since in my case, everything looks about right now, what do we want to do is to set up our environment 79 00:05:17,490 --> 00:05:25,050 variables in our application, and I'm going to right away use the graphical interface approach. 80 00:05:25,530 --> 00:05:29,910 And just to jog your memory if I go to Heroku. 81 00:05:31,630 --> 00:05:34,480 We should see our application, so the app. 82 00:05:34,630 --> 00:05:37,870 I mean, nothing is there yet, but at least the app is there. 83 00:05:38,460 --> 00:05:43,810 Van, we want to go to settings and then more specifically, we're looking for this one. 84 00:05:44,170 --> 00:05:51,400 And now, one by one, you want to take your environment variables from data entry and set the key equal 85 00:05:51,400 --> 00:05:52,060 to our value. 86 00:05:52,570 --> 00:06:00,100 And once you're done with that, then we can push this up to Heroku and the commanders get push oracle. 87 00:06:00,370 --> 00:06:04,960 And in my case, it's 3rd, but according to their docs, it is mine. 88 00:06:05,350 --> 00:06:10,210 So set up the environment variables, and once you're done, continue with the video. 89 00:06:10,540 --> 00:06:16,450 And once I'm done setting up my environment variables, I'm going to go with get, push, roll call 90 00:06:16,450 --> 00:06:17,320 and master. 91 00:06:17,350 --> 00:06:18,760 So let me clear everything. 92 00:06:19,770 --> 00:06:25,830 And we're going to go get push roko a.m. or push this up. 93 00:06:26,390 --> 00:06:33,390 And if we want to take a look, what's happening and actually take a look at the logs, see the build 94 00:06:33,900 --> 00:06:35,430 and all that cool stuff. 95 00:06:36,360 --> 00:06:41,670 And if everything is correct, our application should be eventually running. 96 00:06:42,180 --> 00:06:43,350 So let me just wait. 97 00:06:43,950 --> 00:06:48,930 I mean, sometimes it takes a little bit of time, so I'll try to entertain you. 98 00:06:49,770 --> 00:06:53,940 While the process is taking place, yep, it looks about right. 99 00:06:54,390 --> 00:07:03,720 And as you can see now, my server is starting on port five five five eight five and eventually I should 100 00:07:03,720 --> 00:07:05,220 be able to open up the app. 101 00:07:05,640 --> 00:07:08,730 And if I see the docks, then I'm in good shape.