Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,450 --> 00:00:05,560
Hi there, welcome, Becky, then your lecturer in the previous one of you have specified and namespace
2
00:00:05,610 --> 00:00:10,220
option a two our exchange module in this lecture to start with something can.
3
00:00:10,560 --> 00:00:14,820
I will introduce you, Firebase, and it will initialize Firebase in their applications.
4
00:00:15,450 --> 00:00:16,800
So let's start.
5
00:00:17,070 --> 00:00:20,130
Open your tap in your browsers and let's type there.
6
00:00:20,130 --> 00:00:23,460
Firebase St plays that as a firebase here.
7
00:00:23,790 --> 00:00:29,340
You should immediately search here for Firebase Dot, Google dot com, so you can also know from which
8
00:00:29,340 --> 00:00:31,560
company the Firebase is coming from.
9
00:00:31,860 --> 00:00:32,580
It's from Google.
10
00:00:33,430 --> 00:00:34,110
OK, let's begin on.
11
00:00:34,110 --> 00:00:41,850
The Firebase UK will be presented with some some descriptions of backend by Google and load by app development
12
00:00:41,850 --> 00:00:44,490
teams from start ups to global enterprises.
13
00:00:45,600 --> 00:00:51,830
So Firebase is basically cloud service that offers you products, different products.
14
00:00:51,840 --> 00:00:57,210
It offers you database, you can have a Firebase database, you can have a forest or database, you
15
00:00:57,210 --> 00:01:02,400
can have authentication from Firebase and also the other things you can use push notifications to your
16
00:01:02,400 --> 00:01:04,020
phones and so on and so on.
17
00:01:04,020 --> 00:01:08,400
You can you can find all of the services documentation of the Firebase.
18
00:01:09,450 --> 00:01:11,630
For what purpose will it be using a firebase?
19
00:01:11,640 --> 00:01:14,030
It will be for its database.
20
00:01:14,040 --> 00:01:19,980
We'll be using the Firestar database and also we'll be using solutions for authentication.
21
00:01:21,300 --> 00:01:25,890
The Firebase is very easy to integrate to your to your application.
22
00:01:26,130 --> 00:01:28,440
You don't need to create any server for a backend.
23
00:01:28,710 --> 00:01:31,320
You can have everything on in your frontend application.
24
00:01:32,190 --> 00:01:35,010
So the first thing will click here will be go to console.
25
00:01:35,010 --> 00:01:38,680
It would like to go to the console of the Firebase so we can initialize a couple of things.
26
00:01:39,760 --> 00:01:43,620
Ellagic here, English, so I actually don't need but.
27
00:01:45,000 --> 00:01:45,660
I will do it.
28
00:01:46,560 --> 00:01:51,390
OK, so for this to get the fireplace, you need to have a Google account, so please, you don't have
29
00:01:51,390 --> 00:01:56,280
a Google account, you need to register for a free Google account and then you can sign up.
30
00:01:56,460 --> 00:01:57,330
I will do now.
31
00:01:58,230 --> 00:01:59,160
I will sign up now.
32
00:01:59,580 --> 00:02:00,270
Very quickly.
33
00:02:06,300 --> 00:02:09,450
OK, I'm getting locked into the fireplace.
34
00:02:11,290 --> 00:02:17,620
All right, so here is are all of my projects, I have a couple of them for you should be probably empty.
35
00:02:19,060 --> 00:02:24,930
OK, so they are going to create a completely new project or click here at Project OK and go to our
36
00:02:24,940 --> 00:02:26,290
project and name.
37
00:02:26,290 --> 00:02:30,250
In this case, we are working on extension of your application, so I hope I don't have you here any
38
00:02:30,580 --> 00:02:31,840
gingery applications.
39
00:02:32,440 --> 00:02:38,610
So simply select your project name x, uh, change or your.
40
00:02:40,860 --> 00:02:41,970
Exchange your.
41
00:02:43,570 --> 00:02:48,220
X injury was fine for me, if it will not work for you, I should be parking for it because it's automatically
42
00:02:48,370 --> 00:02:52,150
fixing with some, some unique strength after that.
43
00:02:52,150 --> 00:02:54,970
So it should created the project also for you with his name.
44
00:02:54,970 --> 00:02:55,720
If not, you can.
45
00:02:56,020 --> 00:02:57,910
You can choose your own project name.
46
00:02:59,410 --> 00:03:04,450
OK, so do you want to enable Google Analytics for this project?
47
00:03:07,060 --> 00:03:11,150
OK, what do we have to be, do we have some benefits from this for our limited reporting?
48
00:03:11,800 --> 00:03:12,770
OK.
49
00:03:16,020 --> 00:03:16,390
OK.
50
00:03:16,410 --> 00:03:19,770
For this purpose, we can yeah, we can go for analytics, for this project.
51
00:03:21,120 --> 00:03:21,870
Yeah, let's do it.
52
00:03:23,520 --> 00:03:28,650
So I got an account, OK, OK, we'll go with the account, which I have to my Google account, I have
53
00:03:28,650 --> 00:03:29,220
looked in.
54
00:03:31,560 --> 00:03:34,020
Or actually here I was reading it wrong.
55
00:03:34,050 --> 00:03:38,190
You need to configure a Google, a Google Analytics account, and that can be if you don't have it,
56
00:03:38,490 --> 00:03:42,480
yeah, you need to configure it so you can oh, we can go to the previous and we can just simply, but
57
00:03:42,690 --> 00:03:43,770
we can disable it.
58
00:03:44,220 --> 00:03:47,850
We don't really need it, doesn't match this additional thing.
59
00:03:47,850 --> 00:03:51,240
So let's go to create a project without enabling it if you want.
60
00:03:51,240 --> 00:03:56,040
Of course, you can just simply create your Google Analytics account not required and that it will be
61
00:03:56,040 --> 00:03:57,060
creating a project.
62
00:03:57,060 --> 00:04:01,320
As you can see, after that will be in a dashboard of the therapist, and you will see what products
63
00:04:01,320 --> 00:04:04,980
we have there to choose from and what they'll be.
64
00:04:05,220 --> 00:04:07,110
They'll be using in our application.
65
00:04:08,880 --> 00:04:11,490
OK, Firebase is actually very simple to use.
66
00:04:11,520 --> 00:04:15,390
Guys, that's why it's a very nice solution for your startup projects.
67
00:04:16,840 --> 00:04:19,330
Let's go to continue here, it'll be in the dashboard perfect.
68
00:04:21,560 --> 00:04:26,600
What do you want to verify here in UP here is your project name, you will have a spark plan here.
69
00:04:26,600 --> 00:04:27,350
We're going to look at this.
70
00:04:27,360 --> 00:04:32,720
You have different plans to choose from either abatements or the free ones.
71
00:04:33,230 --> 00:04:38,960
OK, so have some quotas for a database from a five star IDs and so on.
72
00:04:39,170 --> 00:04:43,600
If you would like to go see the full plan, let me see here.
73
00:04:43,610 --> 00:04:44,180
Click here.
74
00:04:45,440 --> 00:04:46,610
You know the three plan.
75
00:04:47,930 --> 00:04:53,090
OK, so we have here authentication for the phones, ten thousand amount, ten thousand a month stored
76
00:04:53,090 --> 00:05:00,440
data, one gigabyte the spreadsheet, the more than enough for US network 10 gigabytes a month to documents,
77
00:05:00,440 --> 00:05:00,710
right?
78
00:05:00,710 --> 00:05:04,430
So how many we can how, how much we can write into there.
79
00:05:04,470 --> 00:05:07,190
The base is 10 20 times a day.
80
00:05:07,220 --> 00:05:09,640
That's plenty for us arrays.
81
00:05:09,650 --> 00:05:12,710
We can read the 50000 rates entries of that.
82
00:05:12,710 --> 00:05:14,030
Obey's pretty enough.
83
00:05:15,090 --> 00:05:16,080
And so on and so on.
84
00:05:16,450 --> 00:05:19,380
But you don't have access, for example, to cloud functions.
85
00:05:20,470 --> 00:05:26,890
So they'll be talking about them, and then they have also these things here, but yeah, you can read
86
00:05:26,890 --> 00:05:29,230
it and then have a plants as you go.
87
00:05:29,260 --> 00:05:30,400
Let me see what you are.
88
00:05:30,460 --> 00:05:32,920
Yeah, the everything is a bait.
89
00:05:34,030 --> 00:05:35,220
So yeah, yeah, you are.
90
00:05:35,650 --> 00:05:36,760
You are paying as you go.
91
00:05:36,770 --> 00:05:39,700
So how much data you will use, then that much you pay?
92
00:05:40,180 --> 00:05:42,310
OK, they are going, of course, with the free plan.
93
00:05:44,020 --> 00:05:45,250
OK, so I can close it.
94
00:05:45,250 --> 00:05:51,970
And uh, yeah, that's uh, that's good that we can go to the faster database on the left side.
95
00:05:52,010 --> 00:05:54,060
That's what we'll be using in our project.
96
00:05:54,070 --> 00:05:57,910
So let's click here on the first avatar base should be empty, of course.
97
00:05:59,500 --> 00:06:04,570
And it's empty, and we need to create it, so please click here to create a database.
98
00:06:06,070 --> 00:06:11,110
What we would like to study in is other than the production mode will be, we will likely start in a
99
00:06:11,110 --> 00:06:11,830
testing mode.
100
00:06:12,040 --> 00:06:13,480
So we'll go in a test mode.
101
00:06:13,900 --> 00:06:17,170
You can see here you'll be talking about the URLs later.
102
00:06:18,040 --> 00:06:22,230
But for example, in the production of oil, in the production mode you have here, right?
103
00:06:22,240 --> 00:06:29,500
And the bright you fall so you are basically will be not allowing any of the rights in your applications.
104
00:06:30,460 --> 00:06:30,730
OK.
105
00:06:31,030 --> 00:06:31,870
In a test mode.
106
00:06:33,560 --> 00:06:39,380
They are loading the rights and the rights if they request time is a lesson, the times they date it.
107
00:06:39,410 --> 00:06:44,540
Twenty thousand 2022 Second mounts of February 26, currently the 27 January.
108
00:06:44,540 --> 00:06:52,310
So this means in a test mode for one month, you can freely write and read from a database without any
109
00:06:52,310 --> 00:06:53,090
restrictions.
110
00:06:53,600 --> 00:06:58,100
Later, this will be changed and out there that you cannot access your data base.
111
00:06:58,640 --> 00:06:59,510
Don't worry about that.
112
00:07:00,970 --> 00:07:04,810
They can leave DNA testing, or they can also anchor the time if you want, but we'll leave it like
113
00:07:04,810 --> 00:07:07,450
this for one month and then we will be changing the rules anyway.
114
00:07:07,450 --> 00:07:12,370
In the courts, we will we will be providing here more ground control to do our database, and I will
115
00:07:12,370 --> 00:07:16,900
be talking about these rules even more in the next lecture in the last section of the course.
116
00:07:17,290 --> 00:07:19,480
So don't worry about calling it like this.
117
00:07:19,480 --> 00:07:20,700
You can even I hope we can.
118
00:07:21,300 --> 00:07:22,330
We can tell you later.
119
00:07:22,570 --> 00:07:24,430
OK, so your next.
120
00:07:26,510 --> 00:07:29,800
And after that, we can check your.
121
00:07:30,830 --> 00:07:34,580
We can change your location here after you have set this location, you cannot change to light, so
122
00:07:34,580 --> 00:07:39,290
make sure you choose your location either you are in Europe or you are in the U.S. you can choose the
123
00:07:39,290 --> 00:07:40,130
original ones.
124
00:07:40,370 --> 00:07:44,240
Generally, we can go with a multiyear agent, either U.S. Central or Europe.
125
00:07:44,540 --> 00:07:45,620
I will go with the euro best.
126
00:07:46,430 --> 00:07:46,690
Click here.
127
00:07:46,700 --> 00:07:47,210
Enable.
128
00:07:48,220 --> 00:07:50,540
I will be setting up a now clouds firestorm.
129
00:07:53,330 --> 00:07:55,190
All right, so let's wait a second.
130
00:07:55,850 --> 00:07:56,660
Nobody's done.
131
00:07:57,940 --> 00:08:00,220
You can we can start setting it up in our projects.
132
00:08:00,520 --> 00:08:00,970
OK.
133
00:08:01,030 --> 00:08:06,250
Meanwhile, the setting up, we can open a new tab here and you can search for Firebase npm, Firebase
134
00:08:06,250 --> 00:08:06,910
npm.
135
00:08:07,960 --> 00:08:16,150
OK, so we can communicate with the Firebase database, their old Firebase API from this package, it's
136
00:08:16,330 --> 00:08:17,050
much easier.
137
00:08:17,410 --> 00:08:22,660
So I'll be using this version and you'll be using the version nine you can find here documentation all
138
00:08:22,660 --> 00:08:24,310
the things we need to install.
139
00:08:25,560 --> 00:08:26,220
And so on.
140
00:08:27,820 --> 00:08:30,940
OK, I will guide you through this process, so let's go to your terminal.
141
00:08:31,330 --> 00:08:32,410
Open your tap here.
142
00:08:33,550 --> 00:08:40,540
Open your tap in your exchange, are up and let's right here npm install Firebase and we'll specify
143
00:08:40,550 --> 00:08:43,990
your specific version of Firebase, which I am using currently.
144
00:08:43,990 --> 00:08:44,200
Nine.
145
00:08:44,200 --> 00:08:47,610
Verizon, which is light one, but it can happen to light there.
146
00:08:47,620 --> 00:08:51,840
And of course, later, as the course is, really is that the change the version will change.
147
00:08:51,860 --> 00:08:57,040
So in this case, please use the version as I am using in the course, it will be much easier to follow
148
00:08:57,040 --> 00:09:04,780
the lectures so that if I have a vision nine point six point one like this, so install Firebase nine
149
00:09:04,780 --> 00:09:09,860
point six point one lets press, enter and they'll be installing.
150
00:09:10,250 --> 00:09:11,800
In the meanwhile, meanwhile, it is installing.
151
00:09:11,800 --> 00:09:13,840
We can go back to browser.
152
00:09:13,840 --> 00:09:14,620
We can close this.
153
00:09:15,760 --> 00:09:20,560
And we have our first database, you can see there are no collections, we'll be talking about the collections
154
00:09:20,770 --> 00:09:23,260
later and you have to look at it.
155
00:09:23,470 --> 00:09:25,510
Well, we will keep it empty for now.
156
00:09:26,980 --> 00:09:33,250
OK, so how could the Initialise database here in the project overview here have this?
157
00:09:34,930 --> 00:09:39,520
Option setting settings icon, and let's click this and click here Project Settings.
158
00:09:41,070 --> 00:09:42,540
This will open this up for you.
159
00:09:44,120 --> 00:09:48,730
And you can see there are no ups in the projects like a platform to get started, so here are platforms
160
00:09:48,740 --> 00:09:52,160
to choose iOS, Android Web or Unity.
161
00:09:53,120 --> 00:09:54,010
You've got to be the web.
162
00:09:54,020 --> 00:09:55,160
So there's this icon here.
163
00:09:55,640 --> 00:09:59,590
The third one is this brackets pointy brackets.
164
00:09:59,600 --> 00:10:04,220
Let's click at this point a bracket and you need to choose a nickname for application.
165
00:10:04,580 --> 00:10:06,140
OK, so maybe it already started.
166
00:10:07,700 --> 00:10:11,900
OK, so we are going to the same nickname, OK, so we can also see your options, the nickname will
167
00:10:11,900 --> 00:10:17,710
be used throughout the Firebase console to represent these up nicknames are invisible to users.
168
00:10:17,780 --> 00:10:22,580
So let's go over to injury as we have before exchange for your.
169
00:10:23,950 --> 00:10:29,230
Exchanges are your favorite dish, Firebase or Exchange, are you up or just leave here, the plane
170
00:10:29,230 --> 00:10:33,250
exchange trio or exchange of beef for a firebase?
171
00:10:33,490 --> 00:10:35,740
I will just exchange your tickets there up.
172
00:10:37,980 --> 00:10:39,180
All right, so.
173
00:10:40,360 --> 00:10:42,430
Let's wait a couple of moments.
174
00:10:42,820 --> 00:10:48,220
You can already see here they are offering you a solution, how to integrate it into anti-missile therapies,
175
00:10:48,220 --> 00:10:53,020
which we have done and have been to copy this code and then to paste it into our application.
176
00:10:53,110 --> 00:10:53,560
Perfect.
177
00:10:54,430 --> 00:10:57,310
You can also find the latest there is at these options here.
178
00:10:57,460 --> 00:11:01,960
This configuration of values you can find or select in your project or don't worry if you click somewhere
179
00:11:01,960 --> 00:11:04,000
else now, you will not lose this data.
180
00:11:05,110 --> 00:11:08,080
Let's find out the Firebase has been installed, so go to a terminal.
181
00:11:08,680 --> 00:11:09,520
You're still installing.
182
00:11:10,030 --> 00:11:11,710
OK, still, it's done now.
183
00:11:12,820 --> 00:11:17,220
Can go also to a project to verify that you have it in to your package, so and it should you should
184
00:11:17,220 --> 00:11:17,760
have here.
185
00:11:18,930 --> 00:11:22,290
Faraday's now here is a nine point six point one.
186
00:11:25,090 --> 00:11:25,570
OK.
187
00:11:25,630 --> 00:11:29,110
It's actually a little bit longer because they like to really verify that everything is working for
188
00:11:29,110 --> 00:11:34,270
you guys, so what they are going to do now will copy everything from here is enter code.
189
00:11:34,480 --> 00:11:37,240
Let's copy it and let's go to your applications.
190
00:11:39,550 --> 00:11:40,210
OK, now.
191
00:11:41,370 --> 00:11:42,750
In your SIRC folder.
192
00:11:44,120 --> 00:11:47,900
Let's create a new folder, and let's go to DB where that obeys.
193
00:11:49,010 --> 00:11:52,880
And, you know, they'd be able to create index Dodgers, index dodgers.
194
00:11:53,930 --> 00:12:00,770
So we have a structure SAIC, DB Index Dodgers and Index Dodgers will based his configuration.
195
00:12:02,190 --> 00:12:04,200
Like this, you can enable this comment, you don't need them.
196
00:12:06,160 --> 00:12:06,700
OK.
197
00:12:08,730 --> 00:12:11,160
Initialize fire base.
198
00:12:13,110 --> 00:12:17,070
OK, initially, I'll be done in two separate actually two, it's all to separate variable, we don't
199
00:12:17,070 --> 00:12:23,550
need to do it like we can remove it to initialize Firestarter because we'll be we'll be interacting
200
00:12:23,550 --> 00:12:24,800
with the Firestarter base.
201
00:12:24,810 --> 00:12:27,120
Generally, we need to import about a thing here.
202
00:12:28,050 --> 00:12:31,470
I know that because I have read documentation, so you don't need to read it now.
203
00:12:31,770 --> 00:12:37,810
You can read after about, but you will find the steps in the documentation so you need to import here
204
00:12:37,810 --> 00:12:38,100
or something.
205
00:12:38,100 --> 00:12:40,620
Figure into importer, get firestorm.
206
00:12:40,980 --> 00:12:41,790
Get the fire.
207
00:12:43,840 --> 00:12:45,040
Firestarter from.
208
00:12:46,400 --> 00:12:52,910
Firebase fires or a failure story like this, you look at the fires that are function here and simply
209
00:12:52,910 --> 00:12:53,840
what do you like to do here?
210
00:12:53,840 --> 00:12:56,090
I would like to create the database instance.
211
00:12:56,090 --> 00:13:02,540
All right, here comes the DB and it will be get fire starter.
212
00:13:03,650 --> 00:13:04,160
OK.
213
00:13:04,490 --> 00:13:10,070
That's how we initialize database power so that our basically can communicate with any export default
214
00:13:10,070 --> 00:13:12,500
from here so we can use it in other files a DB.
215
00:13:14,160 --> 00:13:19,350
We can we can also move into the one line that we can just simply export default here.
216
00:13:19,740 --> 00:13:20,880
And I believe this year.
217
00:13:24,280 --> 00:13:26,410
Or like this?
218
00:13:28,810 --> 00:13:32,470
Well, actually, I will do it like this, OK, you cannot export the fall the way I was writing it.
219
00:13:33,040 --> 00:13:33,700
My mistake?
220
00:13:33,790 --> 00:13:36,400
You'll just be OK to name exports so we can.
221
00:13:36,670 --> 00:13:37,000
We can.
222
00:13:37,240 --> 00:13:41,710
We can import like these import DB from and so on and so on.
223
00:13:42,250 --> 00:13:44,860
OK, so export quantity B gets five five-story.
224
00:13:44,900 --> 00:13:46,060
This way, they'll do it this way.
225
00:13:48,340 --> 00:13:57,580
OK, this looks good to test it out, I'll be getting some factor into our DB, we can go to our elections
226
00:13:57,580 --> 00:14:03,010
and some of our actions, we can try it out, we can easily be there and we can cancel out the database.
227
00:14:03,340 --> 00:14:07,420
So go to your actions of an extension module here.
228
00:14:07,420 --> 00:14:14,260
Any actions real important here that our base case somebody up here, let's import at that base in the
229
00:14:14,260 --> 00:14:18,160
curly brackets import ADP from.
230
00:14:18,610 --> 00:14:21,580
Dot dot dot dot dot dot dot dot slash db.
231
00:14:21,580 --> 00:14:23,140
So they are going to this DB folder.
232
00:14:24,560 --> 00:14:32,510
OK, and then down here in the elections, I or just simply cancel out the DB console, look out deep.
233
00:14:34,340 --> 00:14:34,880
Perfect.
234
00:14:36,170 --> 00:14:42,440
Now, let's say with the guys, everything will go to browser, the application will open here, consoles
235
00:14:42,440 --> 00:14:45,440
will be fresh and you should see this object.
236
00:14:45,870 --> 00:14:48,500
And you can see here the these Firestarter.
237
00:14:49,550 --> 00:14:54,950
Application and all this stuff here, and this means that the Firebase has been initialized, you can
238
00:14:54,950 --> 00:15:00,000
also see here that's your application a Project ID to JT or Dash 37 a BD.
239
00:15:00,020 --> 00:15:03,770
That's the idea that has been assigned to my project and I was creating my project.
240
00:15:04,940 --> 00:15:08,090
So if you see these Allgood, maybe you should also see network requests.
241
00:15:08,090 --> 00:15:08,990
I will just clear it out.
242
00:15:08,990 --> 00:15:13,070
I was not sure about making any requests and maybe the firebase in the making in the code was now and
243
00:15:13,070 --> 00:15:16,100
I don't see any firebase because, OK, that's fine.
244
00:15:16,250 --> 00:15:21,320
Important is that you should see how this this object, you are getting it from a database.
245
00:15:22,850 --> 00:15:24,590
Now we can fairly close this.
246
00:15:26,590 --> 00:15:31,650
OK, you can close this and you can find his options always here, and you will go to the This Here
247
00:15:31,660 --> 00:15:36,730
project settings, you can find this in the general, here, general and down here, you can find what
248
00:15:36,730 --> 00:15:37,330
you need to do.
249
00:15:38,290 --> 00:15:38,770
OK?
250
00:15:39,220 --> 00:15:42,730
And is that that they don't have to be necessarily hit an API key?
251
00:15:42,740 --> 00:15:43,750
You can share it.
252
00:15:44,620 --> 00:15:49,660
This is not the secret information because they will be shared anyway in your application, because
253
00:15:49,660 --> 00:15:51,490
this is used as a in the frontend.
254
00:15:52,970 --> 00:15:55,760
Because that's that's the way it is.
255
00:15:58,270 --> 00:16:02,200
All right, so on the left side, you can all the product of the fighter base, as I mentioned, we'll
256
00:16:02,200 --> 00:16:09,860
be using only authentication authentication and the or databases will be the two things we'll be using.
257
00:16:09,880 --> 00:16:11,680
But you have also multiple products.
258
00:16:11,680 --> 00:16:13,210
You can integrate through applications.
259
00:16:15,660 --> 00:16:21,150
Well, I guess so, that's good to be able to see this all the good, and we'll continue in the next
260
00:16:21,150 --> 00:16:27,360
lecture and it will be will be setting up a date diner in a firestorm and it will be trying to get them
261
00:16:27,360 --> 00:16:33,870
in an application that's going to be from these lecture and hopefully I see in the next one year.
24735
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.