Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,240 --> 00:00:06,270
In this section, we're going to register and authenticate the user in order to do that, we need some
2
00:00:06,270 --> 00:00:07,720
back end capabilities.
3
00:00:07,950 --> 00:00:09,630
That's where our troubles began.
4
00:00:09,960 --> 00:00:12,060
View is completely client side.
5
00:00:12,450 --> 00:00:15,930
Every line of code we've written is meant to be loaded on the browser.
6
00:00:16,170 --> 00:00:18,480
We haven't had to worry about the back end.
7
00:00:18,810 --> 00:00:22,130
Web pack will create a temporary server for us.
8
00:00:22,590 --> 00:00:27,810
With that being said, authentication isn't a task that's completely left to the server.
9
00:00:28,140 --> 00:00:30,930
The browser or client does play a role in it.
10
00:00:31,290 --> 00:00:36,240
Before we can get to authentication, we need a server that will handle authentication.
11
00:00:36,630 --> 00:00:42,630
Unfortunately, we don't have the time to go over a lot of the concepts for backend development or even
12
00:00:42,630 --> 00:00:43,880
review the code for it.
13
00:00:44,460 --> 00:00:46,870
It's a topic that deserves a course of its own.
14
00:00:47,160 --> 00:00:51,420
Luckily, there is a solution out there that will solve all our issues.
15
00:00:53,960 --> 00:01:00,890
The solution I'm referring to is called Fire Base, Fire Base was initially as a database, Google acquired
16
00:01:00,890 --> 00:01:03,030
it a few years after its release.
17
00:01:03,410 --> 00:01:09,680
Google has transformed the product from a database to a backend solution for mobile applications.
18
00:01:10,070 --> 00:01:12,480
It doesn't have to be used for mobile apps.
19
00:01:12,620 --> 00:01:14,920
You can also use it for Web applications.
20
00:01:15,410 --> 00:01:18,050
So what do I mean by back end solution?
21
00:01:18,410 --> 00:01:25,300
Firebase will store your data, authenticate users store files, provide analytics and much more.
22
00:01:25,580 --> 00:01:29,770
It saves you time from having to learn another language for setting up a server.
23
00:01:30,380 --> 00:01:35,070
It's used by many companies like Twitch, Alibaba and the New York Times.
24
00:01:35,360 --> 00:01:39,560
I find that it's a great solution for a quickly prototyping and application.
25
00:01:40,010 --> 00:01:43,850
Firebase is more than suitable for powering our application.
26
00:01:44,510 --> 00:01:50,210
Even though we'll be using Firebase, we will go over some of the concepts that make authentication
27
00:01:50,210 --> 00:01:50,660
work.
28
00:01:51,020 --> 00:01:55,360
Before we dig into the code, we'll need to create a firebase project.
29
00:01:55,580 --> 00:01:58,040
It's completely free to create a project.
30
00:01:58,550 --> 00:02:03,080
In the resource section of this lecture, I provide a link to Firebase.
31
00:02:03,380 --> 00:02:08,660
You will need to log into your Google account to use Firebase at the top right corner.
32
00:02:08,810 --> 00:02:10,970
Click the go to console button.
33
00:02:13,550 --> 00:02:19,880
You will be presented with the option to add a new project, click on it, a pop up will appear asking
34
00:02:19,880 --> 00:02:22,570
for more information about your new project.
35
00:02:22,940 --> 00:02:25,190
We're going to call our project music.
36
00:02:25,550 --> 00:02:28,030
Any name will do, but it should be relevant.
37
00:02:28,340 --> 00:02:34,790
We're creating a music app, so it makes sense to call it music and ideas will be generated for your
38
00:02:34,790 --> 00:02:35,510
project.
39
00:02:35,780 --> 00:02:42,560
I'm fine with the generated ideas, but you do have the option of assigning a custom ID by clicking
40
00:02:42,560 --> 00:02:43,780
on the pencil icon.
41
00:02:44,090 --> 00:02:46,360
Let's continue on to the next settings.
42
00:02:46,910 --> 00:02:51,480
You may be asked if you'd like to integrate Google Analytics into the project.
43
00:02:51,800 --> 00:02:55,010
We're not going to use Google Analytics for this project.
44
00:02:55,190 --> 00:02:58,460
However, you're more than welcome to enable it if you'd like.
45
00:02:58,670 --> 00:03:01,150
I'm going to disable it for this project.
46
00:03:01,700 --> 00:03:05,230
There's not much configuration we have to make out of the box.
47
00:03:05,540 --> 00:03:08,150
The Senate process is an absolute breeze.
48
00:03:08,450 --> 00:03:11,770
We can tell Firebase to start creating the project.
49
00:03:12,170 --> 00:03:14,960
This preparation may take a while for some of you.
50
00:03:15,080 --> 00:03:16,220
Just be patient.
51
00:03:19,730 --> 00:03:25,370
Once everything has been prepped, you can proceed to view your application right away.
52
00:03:25,520 --> 00:03:29,920
You'll be given a full fledged dashboard for managing your application.
53
00:03:30,230 --> 00:03:34,520
It can be overwhelming, but I'll be sure to guide you through everything.
54
00:03:34,940 --> 00:03:41,600
The first step we want to take is to create a database, the databases where we can store the user data
55
00:03:42,170 --> 00:03:43,220
on the sidebar.
56
00:03:43,400 --> 00:03:47,550
This section is where we'll be spending most of our time in Firebase.
57
00:03:47,900 --> 00:03:51,330
This section will list every tool we have at our disposal.
58
00:03:51,740 --> 00:03:55,460
These tools will help us develop the application we're trying to build.
59
00:03:57,720 --> 00:04:05,190
Firebase will ask us to create a database we're presented with two options for creating a database called
60
00:04:05,190 --> 00:04:11,280
Fire Store and Real Time Database Fire stories, firebases, new database.
61
00:04:11,490 --> 00:04:12,710
It's the better option.
62
00:04:12,990 --> 00:04:15,750
It comes with more features and scales better.
63
00:04:16,110 --> 00:04:20,519
The real time database was the original solution the team came up with.
64
00:04:20,820 --> 00:04:24,600
It's available for teams that prefer to work with the older version.
65
00:04:25,140 --> 00:04:31,920
For this course, we'll be using the fire store database, click on Create Database under the fire store
66
00:04:31,920 --> 00:04:32,520
section.
67
00:04:35,140 --> 00:04:42,520
A model will appear to prompt us to select a set of security rules, there are two sets called production
68
00:04:42,520 --> 00:04:43,480
and tests.
69
00:04:43,870 --> 00:04:47,350
The production mode will create a set of strict rules.
70
00:04:47,710 --> 00:04:51,280
Only authorized users can read or write to the database.
71
00:04:51,610 --> 00:04:57,760
This option is usually the option you want to go with when launching your application, where currently
72
00:04:57,760 --> 00:05:00,100
in the development phase of the application.
73
00:05:00,100 --> 00:05:06,970
So the test mode will be better for us this morning will allow all users to read and write to our database.
74
00:05:07,240 --> 00:05:09,720
It's not a secure option, but that's all right.
75
00:05:09,940 --> 00:05:12,730
No one knows about our application beside us.
76
00:05:13,390 --> 00:05:19,690
When we neared the completion of our application, we are going to revisit the rules will make things
77
00:05:19,690 --> 00:05:25,300
stricter before shipping to production, select test mode and then click next.
78
00:05:27,860 --> 00:05:30,380
Will be asked where the database is located.
79
00:05:30,770 --> 00:05:36,410
This is an important option to consider, FIREBASE offers locations all over the world.
80
00:05:36,710 --> 00:05:40,820
I recommend picking a location that's close to you or your users.
81
00:05:41,100 --> 00:05:44,630
The closer a database is, the faster the response time.
82
00:05:44,960 --> 00:05:49,310
By default, Firebase will try to pick your location closest to you.
83
00:05:49,500 --> 00:05:54,860
If you don't like the location, then you do have the opportunity to change it to somewhere else.
84
00:05:55,130 --> 00:05:59,420
I prefer the default, so I'll leave it as is click done.
85
00:05:59,720 --> 00:06:02,480
Firebase will begin creating your database.
86
00:06:02,690 --> 00:06:05,600
This creation process may take a few moments.
87
00:06:10,890 --> 00:06:17,760
We've successfully created our database currently the database is empty, we'll be filling it with data
88
00:06:17,760 --> 00:06:18,180
soon.
89
00:06:18,360 --> 00:06:23,310
In the next lecture, we're going to review the rules generated by Firebase.
8879
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.