WEBVTT

00:00.200 --> 00:00.800
Show.

00:00.840 --> 00:02.160
Hi everyone.

00:02.160 --> 00:06.520
In this video let's mark a scene message.

00:07.080 --> 00:11.600
So let's show you how we can do as well.

00:11.640 --> 00:20.160
Let's imagine on the foreign perspective when we click into the conversation.

00:26.360 --> 00:27.480
Of one.

00:31.120 --> 00:35.200
It will mark the message will be the same.

00:35.840 --> 00:40.760
And we need to know the user okay.

00:41.160 --> 00:44.200
We need to know the whole user scene a message.

00:44.200 --> 00:44.720
Right.

00:45.360 --> 00:55.840
So for that reason is okay we need to create the message over here.

00:59.520 --> 01:01.050
I will call the Handle.

01:04.050 --> 01:04.890
Handle.

01:04.930 --> 01:05.530
See?

01:06.490 --> 01:07.370
Message.

01:07.650 --> 01:08.210
Okay.

01:08.690 --> 01:09.770
What we need to do.

01:10.450 --> 01:13.370
We need to boost the conversation array.

01:13.730 --> 01:14.210
Right?

01:14.250 --> 01:14.930
For sure.

01:22.730 --> 01:23.290
Okay.

01:23.810 --> 01:38.330
And the second method, let's say the second method or sorry the second argument, we raise the uh.

01:41.250 --> 01:42.450
The message array.

01:42.810 --> 01:43.330
Right.

01:44.970 --> 01:48.130
We need to know what's the message we want to.

01:50.210 --> 01:50.890
Update.

01:51.650 --> 01:52.210
Right.

01:52.410 --> 01:55.410
And the last one will be the user ID.

02:01.300 --> 02:01.900
Okay.

02:03.060 --> 02:05.860
We need to know which user.

02:10.260 --> 02:11.900
Who sent the message.

02:12.380 --> 02:12.940
Okay.

02:15.140 --> 02:16.820
That is right.

02:17.500 --> 02:21.860
So let's write the header message.

02:36.860 --> 02:37.420
Right here.

02:37.580 --> 02:40.180
So to create.

03:02.400 --> 03:03.200
And right here.

03:03.240 --> 03:05.200
Let go on this last server.

03:05.840 --> 03:06.560
Not to.

03:09.240 --> 03:12.320
Say I did not admit.

03:14.400 --> 03:15.960
Same message.

03:17.760 --> 03:28.600
Uh, we always, uh, we can send the object we call with me if we have more than one.

03:31.040 --> 03:31.760
Like that.

03:31.880 --> 03:34.280
I want to wrap it inside the object.

03:35.640 --> 03:38.640
Let's add a user array over here.

03:39.400 --> 03:39.960
Okay.

03:44.480 --> 03:46.360
That will be enough.

03:46.800 --> 03:48.840
And let me show you how.

03:49.640 --> 03:50.520
Practice.

03:51.640 --> 03:52.160
Okay.

03:52.200 --> 03:59.560
For example, in later we also have a stack for the message.

03:59.560 --> 04:00.080
Right.

04:01.400 --> 04:07.810
For Possible right over here with the cell array.

04:08.610 --> 04:09.370
I don't know.

04:10.370 --> 04:15.130
And we haven't seen by right with the array.

04:15.250 --> 04:23.770
Possible like empty array or or the user current possible like one over here.

04:25.370 --> 04:25.890
So.

04:29.770 --> 04:33.290
After we login with the account to.

04:36.010 --> 04:37.130
What we need to do.

04:38.650 --> 04:41.650
I will click into the conversation.

04:47.490 --> 04:50.170
I will call the API to mark.

04:50.210 --> 04:59.450
A message will be seen and we will immediately send back the data right here for the client immediately.

04:59.850 --> 05:00.450
Okay.

05:01.050 --> 05:03.420
So we curse.

05:03.460 --> 05:13.540
We already said, but there is a immediately with the emit event right here.

05:14.140 --> 05:16.380
It means right now in the front end.

05:16.420 --> 05:21.220
We also have a lot of the socket data.

05:23.100 --> 05:23.820
We wait.

05:26.380 --> 05:32.100
The message array and user ID right.

05:32.780 --> 05:41.700
We have a message array and user ID and what we need to do right here.

05:41.700 --> 05:52.660
We just need to somehow found the message inside us array by all the message ID right here okay.

05:53.060 --> 05:59.020
And we need to use the user ID into the array right here.

05:59.300 --> 06:01.820
And that will be enough okay.

06:03.630 --> 06:05.110
you got the idea right?

06:05.710 --> 06:07.630
Firstly, we need to file.

06:07.670 --> 06:10.070
File the.

06:10.830 --> 06:14.830
Let me write spec file.

06:14.950 --> 06:23.950
The name is based on the message I come from the socket.

06:24.990 --> 06:25.550
Okay.

06:25.950 --> 06:32.790
After we file successfully what we need to do, we need to boost the user ID.

06:36.550 --> 06:40.390
So the versus stack.

06:42.150 --> 06:43.550
Okay I opt for that.

06:43.750 --> 06:44.310
Alright.

06:44.350 --> 06:45.790
That's the job of that.

06:46.350 --> 06:49.630
So I hope you very clear right now.

06:50.430 --> 06:54.070
And so I will see you in the next one.

06:56.950 --> 07:01.550
Actually we have a little bit of wrong with the last one.

07:02.320 --> 07:10.280
The reason we call you guys in here is seen by we got the object of.

07:10.280 --> 07:18.320
The user will have a sip by IDs by name and SIP by apply new RL.

07:18.640 --> 07:19.200
Okay.

07:19.680 --> 07:26.680
We need to somehow send exactly the same structure for reference.

07:27.440 --> 07:37.240
And by on exactly the same structure, we can move this inside us a write up the front end.

07:37.280 --> 07:37.720
Okay.

07:37.760 --> 07:50.960
Because this right here will be somehow called intruder instead of the react okay.

07:51.480 --> 08:00.040
And in later when we send the data we need to send something like that.

08:00.680 --> 08:04.010
And At the last insert the front end.

08:04.050 --> 08:05.410
We should put it.

08:06.210 --> 08:07.290
Is that alright?

08:07.450 --> 08:08.130
Let us.

08:08.530 --> 08:09.050
Okay.

08:09.650 --> 08:14.450
That is the general idea for a reason right here.

08:14.450 --> 08:20.250
We need to customize it a little bit, I will say.

08:24.850 --> 08:35.010
Right here probably will be seen by what it is anybody will recall from the user not only score and

08:35.530 --> 08:36.090
right.

08:38.650 --> 08:45.890
And seen by name we may use a dot underscore name.

08:46.810 --> 08:51.130
And one more thing will be seen by avatar.

08:52.450 --> 08:56.810
Well how we can create a single avatar.

08:59.690 --> 09:00.410
URL.

09:03.150 --> 09:07.990
Wow in here in the user this document.

09:09.910 --> 09:13.390
I only want to send the screen.

09:14.310 --> 09:15.950
Okay the URL.

09:16.670 --> 09:19.230
So how we can send us.

09:21.550 --> 09:21.950
Okay.

09:22.110 --> 09:32.430
We remember I have a respond video with this avatar URL over here.

09:33.670 --> 09:34.230
Right.

09:35.190 --> 09:37.630
So for that reason it's very easy.

09:37.630 --> 09:42.630
Right now we just need to convert the user over here into the responded zero.

09:45.510 --> 09:51.870
User with your eco plan though is done.

09:54.590 --> 09:57.550
And this one is a little.

09:59.390 --> 10:03.080
And uh Use a.

10:08.560 --> 10:09.200
Scroll.

10:16.240 --> 10:16.960
To withdraw.

10:25.720 --> 10:26.800
The last one.

10:28.040 --> 10:30.000
And after that we need to boot.

10:32.040 --> 10:34.640
From the URL over here.

10:35.840 --> 10:37.840
So that is.

10:37.880 --> 10:40.840
And actually you can rebuild it entirely.

10:40.880 --> 10:45.440
We will respond you a little for consistency.

10:46.040 --> 10:52.120
And let's try to update the gateway over here.

10:53.160 --> 11:02.520
Right here we need to use the same by okay with the object.

11:02.690 --> 11:03.250
right?

11:05.130 --> 11:05.330
Uh.

11:05.330 --> 11:06.490
Right here.

11:07.890 --> 11:11.450
I will put a smile over here.

11:13.450 --> 11:17.050
Now, let let let let me, uh, console.log.

11:27.570 --> 11:27.890
Ah.

11:30.050 --> 11:33.050
Okay, let's.

11:33.090 --> 11:37.650
That is, uh, right now.

11:38.130 --> 11:38.850
Right now.

11:40.930 --> 11:46.010
We have a message right here with some, uh.

11:49.170 --> 11:49.770
Okay.

11:50.650 --> 11:54.650
Maybe in the the second one.

11:55.570 --> 11:56.890
Have you seen by.

11:56.930 --> 11:57.410
Okay.

12:11.940 --> 12:13.300
Now let me, uh.

12:14.900 --> 12:16.700
Here, here, here.

12:21.460 --> 12:22.540
The second one.

12:22.580 --> 12:24.460
Let me open the second one.

12:25.340 --> 12:27.020
We only have a one.

12:27.820 --> 12:28.420
Okay.

12:28.980 --> 12:31.460
Let me copy the idea.

12:35.100 --> 12:37.700
And click on send message.

12:40.860 --> 12:46.860
And put the idea over here and make sure we change the authentications.

12:52.180 --> 12:54.620
I will send weekly for the core.

12:56.980 --> 12:58.620
Zone one over here.

12:58.940 --> 13:03.670
Send us and copy the access Oh, God.

13:08.030 --> 13:10.190
And God answered Mrs..

13:15.590 --> 13:21.390
Clinton and Jack, the console.log over here.

13:22.630 --> 13:27.750
Now you can say we already got the syllabi with this account.

13:28.670 --> 13:29.270
Okay.

13:31.430 --> 13:33.870
Zero x let me double check.

13:45.510 --> 13:47.270
Zero F over here.

13:48.190 --> 13:48.710
Right.

13:49.830 --> 13:53.230
And this account don't have any avatar.

13:53.990 --> 13:54.550
Right.

14:00.510 --> 14:03.400
And, uh, let's say.

14:05.960 --> 14:08.600
Let's collect inside the message.

14:19.560 --> 14:23.520
These here are already seen by this account.

14:23.560 --> 14:24.320
Zero app.

14:24.640 --> 14:25.120
Okay.

14:25.160 --> 14:27.400
It means we already successfully.

14:28.240 --> 14:28.800
Okay.

14:30.120 --> 14:33.280
And actually, we need to check.

14:35.440 --> 14:36.560
We need to check.

14:36.600 --> 14:38.880
We already got the avatar.

14:38.880 --> 14:40.440
U.r.l or not.

14:40.480 --> 14:41.080
Right?

14:41.920 --> 14:42.560
So.

14:45.520 --> 14:46.520
Right here.

14:47.080 --> 15:00.000
In order to test it, let me say we just need to, uh, we need to upload the image.

15:00.520 --> 15:01.160
Right.

15:01.240 --> 15:07.580
Upload the meta file for the account, but other one does.

15:08.580 --> 15:11.180
Let me go back to the account.

15:11.500 --> 15:12.420
Let me show you.

15:17.540 --> 15:20.580
How this access token.

15:21.340 --> 15:24.700
Go back to the scene by chain authentication.

15:26.380 --> 15:29.020
And these are inside here.

15:31.740 --> 15:35.380
What we need are amazing.

15:37.180 --> 15:39.900
I will command it over here.

15:42.740 --> 15:52.700
And I will, um, I will command two laptop right here.

15:52.900 --> 15:53.460
Okay.

15:53.900 --> 15:55.260
I just need to test.

15:55.620 --> 15:59.100
We already got the scene by avatar or not.

16:01.700 --> 16:03.260
Let's check the terminal.

16:03.260 --> 16:03.270
Ah.

16:04.510 --> 16:05.150
Say.

16:07.750 --> 16:08.470
Okay.

16:08.510 --> 16:09.110
Right here.

16:09.150 --> 16:09.910
Very good.

16:09.950 --> 16:12.910
We already got the scene back.

16:13.310 --> 16:13.790
Okay.

16:14.350 --> 16:17.470
It means this function already work.

16:17.910 --> 16:18.950
Let me undo.

16:23.110 --> 16:24.550
I hope you got the idea.

16:26.070 --> 16:27.910
And, uh, we need to.

16:30.710 --> 16:32.430
Paste the idea over here.

16:32.670 --> 16:39.030
Okay, we can create another file, but, uh, with my.

16:39.790 --> 16:44.350
I'm lazy, so I will do that over here.

16:55.030 --> 16:58.350
Okay, I will update this exactly like that.

16:59.310 --> 17:02.830
And so that is that's for the video.

17:03.550 --> 17:04.790
I will see you in the.
