1
00:00:00,150 --> 00:00:06,620
All right, so now let's set up our authentication, assuming that you have logged in and that board

2
00:00:06,690 --> 00:00:12,460
look for applications and then we're going to create a new application.

3
00:00:12,780 --> 00:00:15,190
So in my case, I'll name this company store.

4
00:00:15,540 --> 00:00:20,100
So it's a country store and maybe let's react upfront.

5
00:00:20,460 --> 00:00:26,070
And then you would want to go with a single page web application we create.

6
00:00:26,400 --> 00:00:30,410
And then you can go through the QuickStart if you want.

7
00:00:30,420 --> 00:00:33,470
But of course, I'll show you everything step by step.

8
00:00:33,480 --> 00:00:36,890
And the first thing that I would want to do is go over these settings.

9
00:00:37,410 --> 00:00:42,390
So once we click now we have the time, we have domain client ready and client secret.

10
00:00:42,780 --> 00:00:50,040
And I would want you to copy both values, the domain and the client I.D., because we're going to use

11
00:00:50,040 --> 00:00:51,480
that in next video.

12
00:00:51,810 --> 00:00:59,610
So for the time being, I was just going to index J.S. and then add a comment and copy paste.

13
00:00:59,940 --> 00:01:05,600
So this is going to be our domain and of course, this is going to be our client ID.

14
00:01:06,000 --> 00:01:10,470
So, again, our comment and copy and paste, because we will need those values.

15
00:01:10,760 --> 00:01:15,090
Then keep on scrolling and notice we have an application.

16
00:01:15,360 --> 00:01:20,220
You are our eyes and we would need to copy and paste our URL.

17
00:01:20,430 --> 00:01:24,990
Now, of course, at the moment, are you are all ears localhost three thousand.

18
00:01:25,170 --> 00:01:25,560
Correct.

19
00:01:25,830 --> 00:01:30,510
But eventually we might decide to push it to the next level.

20
00:01:30,820 --> 00:01:34,500
So of course we'll have to have the production one as well.

21
00:01:34,890 --> 00:01:36,630
And I'll show that in a second.

22
00:01:37,050 --> 00:01:43,590
Essentially, it looks like if we have already the application in production for the time being, I

23
00:01:43,590 --> 00:01:49,590
would suggest navigating to the URL bar and then copy and paste this one.

24
00:01:49,680 --> 00:01:51,000
The localhost three thousand.

25
00:01:51,360 --> 00:01:52,980
Now there's one Gotcher.

26
00:01:52,980 --> 00:01:58,760
When you copy and paste, make sure that you remove that trailing forward slash.

27
00:01:59,250 --> 00:02:01,160
Otherwise you might get some weird bugs.

28
00:02:01,470 --> 00:02:07,590
So I'll copy and paste the first time and then I'll grab this value without that trailing forward slash.

29
00:02:07,800 --> 00:02:11,720
And in three places we would want a loud callback.

30
00:02:11,730 --> 00:02:19,010
You are also allowed log out your arms and the web origins in three places you copy and paste and then

31
00:02:19,020 --> 00:02:25,430
of course make sure that you save the changes and we're almost done.

32
00:02:26,340 --> 00:02:30,860
But remember, when we set up our app, we also would want connections.

33
00:02:31,290 --> 00:02:37,650
Now, if you would want to see how I create email connection from scratch, then again, please go to

34
00:02:37,650 --> 00:02:43,290
the previous project, meaning the videos for authentication for the previous project.

35
00:02:43,560 --> 00:02:50,550
In this case, I'm just going to show you that if you already have one application in place, for example,

36
00:02:50,820 --> 00:02:53,130
in my case, I have two of them running.

37
00:02:53,340 --> 00:02:58,830
I have email setup DB so database connection and I have one for GitHub users.

38
00:02:59,100 --> 00:03:04,560
I can simply use the same connection because they will right away be connected.

39
00:03:04,810 --> 00:03:11,340
So if I go to my applications and if I take a look at my React County store, check it out under the

40
00:03:11,340 --> 00:03:15,240
connections, I right away have both of these databases.

41
00:03:15,450 --> 00:03:17,790
So if you want, of course you can create a new one.

42
00:03:18,360 --> 00:03:24,900
But I'm just letting you know that if you already have the database, we are automatically using it.

43
00:03:25,050 --> 00:03:28,980
And the same goes for social once again on their applications.

44
00:03:29,000 --> 00:03:32,430
React Comfrey store, check it out under the connections.

45
00:03:32,670 --> 00:03:37,830
We have both of the databases that I have, as well as the social connections.

46
00:03:38,040 --> 00:03:41,490
So of course you can go back here and test that out.

47
00:03:41,940 --> 00:03:46,580
For example, in this case, I'm going to go to the database and I'll say, you know what?

48
00:03:46,590 --> 00:03:47,670
I would like to try it.

49
00:03:48,120 --> 00:03:54,690
And if you want to create a user, you can also do it over here under users in rolls, for example,

50
00:03:54,690 --> 00:03:56,580
if you just want to test that out.

51
00:03:56,970 --> 00:04:02,760
In my case, I think I remember that there was a user by the email off, Peter.

52
00:04:03,150 --> 00:04:04,470
So let me just test it out.

53
00:04:04,470 --> 00:04:08,700
I'm going to go with Peter and mail dot com, I believe it was.

54
00:04:09,110 --> 00:04:10,910
And then I just need to go with password.

55
00:04:11,160 --> 00:04:17,410
Keep in mind that they don't send anything to you so you can go all day long with dummy here.

56
00:04:17,790 --> 00:04:18,690
So let me see.

57
00:04:18,940 --> 00:04:23,460
And of course, at the moment it says that such a user doesn't exist.

58
00:04:23,460 --> 00:04:24,930
So let me try one more time.

59
00:04:26,770 --> 00:04:33,550
I just created that users should be there so again, and there is, of course, now we successfully

60
00:04:33,760 --> 00:04:34,750
logged in.

61
00:04:35,020 --> 00:04:41,050
And if we want to do the same thing, for example, to the social, once again, same deal, if you

62
00:04:41,050 --> 00:04:47,380
want to create a new connection, like I show in the previous project we worked on, definitely can

63
00:04:47,380 --> 00:04:47,640
do it.

64
00:04:47,680 --> 00:04:50,530
For example, Facebook or GitHub or whatever.

65
00:04:51,950 --> 00:04:58,190
If you already created social connections when you worked on a previous project, then of course we

66
00:04:58,190 --> 00:05:06,290
can just see whether that works and we can simply do that by clicking here and saying try the connection.

67
00:05:06,590 --> 00:05:12,860
So in this case, I'll try to Google and I'm just going to assume that Twitter will work as well.

68
00:05:13,010 --> 00:05:18,650
And there is now, of course, I have my connection and it's ready to go.

69
00:05:19,010 --> 00:05:26,930
So with this in place now, of course, we can shift back to our app and just set up the zero.