0:00:31
brought to you by you will use truly
0:00:35
recorded yes that is us so
0:00:39
today you might be observing that Tori
0:00:42
is isn't there uh he's he's got some
0:00:44
other commitments which is why you won't
0:00:48
be able to make it but have no worries
0:00:52
um I'll be taking you through everything
0:00:55
that will go we're going to be doing
0:01:01
so yeah first things first let's do the
0:01:04
acknowledgment of the country and we can
0:01:07
take it from there all right so here
0:01:12
I begin today by acknowledging the
0:01:14
traditional custodians of the land on
0:01:16
which we gathered today and pay my
0:01:18
respects to the eldest past present and
0:01:21
future I extend their respect to
0:01:23
Aboriginal and Torres Strait Islander
0:01:29
fantastic now that is all done
0:01:32
um so just give you a bit of a brief
0:01:37
recall as in what we did on Friday
0:01:40
because Saturday was our day off
0:01:43
so what we know what we basically try to
0:01:47
do is redirect uh and
0:01:51
page in S3 to have another URL if that
0:01:57
makes sense uh I'm pretty sure you must
0:02:01
um what are you talking about but let me
0:02:04
go ahead and show you exactly what I'm
0:02:07
talking about so I'll just share my
0:02:11
screen really quick and show you
0:02:14
what exactly do I mean
0:02:17
okay we will go and draw i o
0:02:21
okay and can you see the screen yes you
0:02:36
so say this is our board for example and
0:02:43
free users that want to connect
0:02:47
to the board all right and then there's
0:02:50
one Main Street user who has actually
0:02:54
created the board all right so say the
0:02:58
URL of the board is
0:03:01
Scrambler dot raw coder
0:03:07
let's just Scrambler AVS ab12n.com
0:03:12
okay slash the board name to come over
0:03:17
all right so when the main user creates
0:03:22
the board uh then it doesn't uh there's
0:03:26
a separate board and board page which is
0:03:31
uh which leads to the indexed or HTML
0:03:36
but the problem at the moment occurring
0:03:39
is that when we want to share both uh
0:03:42
the board we should be able to as
0:03:47
yeah so the expected Behavior should be
0:03:51
there when we want to give access to
0:03:54
these free users of uh the board access
0:03:58
to these free users
0:04:01
um we should be able to send them this
0:04:15
this one so they all should be able to
0:04:20
um access this board
0:04:26
and what that would do is send the
0:04:29
connection IDs to the database because
0:04:33
they are connecting via websocket
0:04:36
but at the moment what's happening is
0:04:39
that when the main user creates the
0:04:42
board and it sends the link
0:04:49
this board name is being
0:04:52
recognized as a separate page in S3
0:04:56
bucket and because we don't have this
0:04:59
separate page in the S3 bucket which is
0:05:02
as we call the board name in this
0:05:06
scenario if it's throwing us the error
0:05:09
so what we basically I think need to do
0:05:21
Zoom uh as in not assume but tell the
0:05:26
browser that okay even though this is
0:05:30
the Borden uh even though this is the
0:05:34
board name but there's a page attached
0:05:36
to this board board name here
0:05:39
which will be the actual board object as
0:05:42
well all right I really hope that makes
0:05:45
sense but if you if it didn't
0:05:49
um feel free to send me questions and
0:05:52
I'll be more than happy to answer them
0:05:55
to the best of my ability all right so
0:05:58
with this done let's dive into our
0:06:01
terminal and open actually
0:06:04
um there was a link there on one of my
0:06:08
uh streamers uh stream Pawn as in
0:06:13
tourists sent to me so I'm just gonna
0:06:16
because that's in my WhatsApp so I'll
0:06:18
just stop sharing my screen and open up
0:06:21
my WhatsApp and see what's happening
0:06:25
hey get there welcome
0:06:29
good to have you then
0:06:31
I guess you have been very busy uh for
0:06:34
the past few days that's why we didn't
0:06:37
really see you but
0:06:40
good to have you back and hope uh uh
0:06:43
everything is going well on your side
0:06:47
all right cool so oh I forgot to play
0:06:51
the background music as well
0:06:54
let's have some taste shall We There we
0:07:05
um I will I'll put on my
0:07:23
and if you get the link that was sent by
0:07:32
by the way if you guys don't know who's
0:07:35
Tori he's one of my
0:07:39
streaming buddies as in here
0:07:42
he comes on normally today but due to
0:07:45
some other commitments you can't really
0:07:48
all right so let's open up this link
0:07:54
and browser and see what we get
0:07:59
Okay cool so as we have got there I'll
0:08:17
share screen Windows
0:08:20
um which one do I want to share
0:08:28
so I shared this one with you guys here
0:08:32
so this is the link that Tori sent us
0:08:46
thank you gag def he yeah we're trying
0:08:51
uh so today's Sunday which is tease day
0:08:59
Tori was supposed to be here but he's
0:09:03
running into some of his personal
0:09:04
commitments so he he can't make it
0:09:08
unfortunately but I'm sure he will be
0:09:11
joining us tomorrow and then Tori will
0:09:13
be joining us on Tuesday yeah
0:09:24
so I think what we basically need to do
0:09:27
is somehow configure our index index
0:09:36
so what did you say
0:09:40
that person you must also configure the
0:09:54
request is made to the root
0:09:58
website or or any software for example
0:10:02
if the user enter step one in the
0:10:04
project uh the user is not requesting
0:10:09
a new specific page in that case has
0:10:12
free server serves up the industrial
0:10:15
HTML contents which is something refers
0:10:18
to the default pet alright yeah I'm
0:10:23
and universe static hosting uh he joins
0:10:27
the name of index document here after
0:10:30
you enable static website hosting for
0:10:33
your bucket you upload
0:10:38
and HTML5 with that yet
0:10:45
which is optional okay so this would be
0:11:08
subfolder in this room a bucket is a
0:11:12
flat container of object it does not
0:11:14
provide any hierarchical organization
0:11:15
yeah of course it doesn't as a file
0:11:19
system on your computer does however you
0:11:23
can literally you can create a logical
0:11:27
by using object key names that imply
0:11:40
okay I don't think that is what we need
0:11:44
uh to configure let me just close
0:11:55
okay you can configure any desktop index
0:12:04
if you don't have it industry HTML then
0:12:07
you can use the following here it's
0:12:10
going to create one and you don't really
0:12:12
need that we have that already
0:12:21
in the bucket choose the name okay
0:12:30
often they bring up so then it goes to
0:12:32
set free now I don't think this is gonna
0:12:38
of thanking Tori for sharing this um uh
0:12:49
yeah I think what this Lane describes is
0:12:54
that how we need to maintain index
0:12:57
location as a default page but we
0:13:00
already have already full page which is
0:13:03
home.html so that seems to be working
0:13:11
just need to think of some other ways on
0:13:36
so Wi-Fi search for
0:13:40
how to load index page
0:13:54
ah however if you search for how to give
0:13:58
the index page and Alias that might do
0:14:02
the trick now to list
0:14:26
so return your function launched with
0:14:39
which continent will sit on
0:14:44
and yeah of course you can have a
0:14:46
professional way after
0:14:51
the launch a setting website and know
0:15:10
I'll press multiple so I know how to
0:15:12
host for yourself not putting some
0:15:17
to snipe here but this is an example
0:16:03
I'm gonna do the trick
0:16:10
because this folder it is redirect you
0:16:16
custom domain which is create a statute
0:16:18
about areas of domain
0:16:44
how to how to adjust a domain name or
0:16:48
something no how to point the green
0:16:54
to create this or redirect your opposite
0:16:59
is free two possible ways with Crown
0:17:02
Point they just used to self-lover
0:17:05
pointing at your bucket
0:17:07
with the original price value in your
0:17:11
you sell reach the pause to projector
0:17:14
and call your distribution
0:17:16
is available we have a new update
0:17:26
when you update the files you go to your
0:17:30
no they come this is not basically what
0:17:34
we're trying to do let's get started you
0:17:36
would have another product
0:17:48
um all right how to do this
0:18:34
actually just gives me that page
0:18:40
so this is basically what we want
0:18:53
there's the loss index
0:19:02
um right this is what we want but you
0:19:05
know the button replacing the board name
0:19:09
so I think what we might need to do is
0:19:17
you you will probably have to
0:19:30
a board name to the page
0:19:38
oh no this would be a bit complex
0:19:47
right how how can we do this
0:20:07
so we basically be able to do this what
0:20:13
is although we have the board name here
0:20:24
or we might need to do is
0:20:34
I was thinking that we could as in
0:20:39
this part with in this location
0:20:42
completely and then hand the board name
0:20:47
here so at least he will be able to find
0:20:51
with that name but then no it won't be
0:20:56
able to because it will have the same
0:20:57
problem it will look for
0:21:01
this key in that page which is not EJ it
0:21:06
doesn't make sense
0:21:09
okay so that can't really work for us
0:21:12
which is all right
0:21:20
so another thing that could
0:21:23
another idea that I've got is
0:21:27
um so this is the board meeting right
0:21:33
so we could somehow
0:21:36
tell it that it if there's anything
0:21:42
the.com then load index location HTML
0:21:47
but then when the upon loading it
0:21:52
upon loading it go and find in the
0:21:55
database this object and
0:22:01
give me the objects back
0:22:04
from the database in that way
0:22:08
um they're connected
0:22:13
in that way the users no but then the
0:22:17
users would have you know
0:22:20
um I'm talking won't have any idea which
0:22:23
what you're connected with
0:22:31
or I think think saying
0:22:34
how would that work so
0:22:36
so my initial idea is to have
0:22:49
actually no I just like that so use that
0:22:55
this and then what happens is that
0:23:05
I was thinking that on this path
0:23:24
and when the YouTube is actually defend
0:23:28
this page loads it will go in the
0:23:35
save this is our for example database
0:23:39
it will go in there and
0:23:45
for this board board name
0:23:50
we will basically do it in the code
0:23:55
with this born born name and then once
0:23:58
it finds the board name it will give
0:24:13
no this is probably not not even making
0:24:32
right no no this is not making sense
0:24:40
all right what else can we how else can
0:24:44
we complete this because whenever we
0:24:48
open up the index page we need to be
0:24:52
able to connect to this
0:25:03
actually we'll connect
0:25:13
it I it will connect to the websocket
0:25:18
because the function that is already
0:25:23
and and it will insert the connection ID
0:25:27
in the in the database where it needs to
0:25:33
that can work basically
0:25:38
so what the idea was is
0:25:46
even there it is born name we can open
0:25:49
the index of HTML and then in the code
0:25:53
we can take this board name and fetch
0:25:57
everything from there so by the time it
0:26:01
comes here it will already be connected
0:26:09
so that could potentially work
0:26:14
and then Ben is connected to the
0:26:16
websocket the connection ID will
0:26:24
and then all we need to do is
0:26:28
get the board board name
0:26:36
looked up in the database and bring that
0:26:39
board objects back to this part here in
0:26:47
the index the HTML Pages loaded as well
0:26:53
catching the board name as well and then
0:26:57
when this whole process is done we can
0:27:05
this URL as in Back to the board name
0:27:11
yeah I think that could basically work
0:27:18
um just having a guess I'm not exactly
0:27:23
you feel or not but yeah let's have a
0:27:55
um Okay cool so we can actually open up
0:28:04
Boon name is opened up so what we
0:28:08
basically need to do is
0:28:14
okay this will be another task
0:28:17
as in another problem that when we at
0:28:21
the moment we again this form of
0:28:23
performance URL we basically have to
0:28:38
tell S3 that is don't open that open
0:28:44
even if you pass this one in there but
0:28:48
that is one thing that we would have to
0:28:52
replace in the code
0:29:02
um right what I'm gonna do now is
0:29:08
share another window because I'm gonna
0:29:11
open up jira and write all the steps in
0:29:15
there on how we will approach it
0:29:18
all right so I'm gonna do that now
0:29:23
oh no I don't want to open everything
0:29:28
um I'm gonna open this one
0:30:08
because I really want to take a bit
0:30:11
first structured approach here and now
0:30:14
just stop start coding straight away
0:30:27
well why not why is this okay
0:30:38
here we go now that is working
0:30:50
so integrate yeah that is the one we're
0:30:53
doing delete yeah that is done that is
0:30:56
done and now what what we basically need
0:31:42
and multiple when the
0:32:02
okay try to access
0:32:13
so this would have
0:32:21
description so what needs to be done is
0:32:34
and opens when the link is
0:33:46
HTML for multiple users
0:34:24
should open up in this way
0:35:18
uh make a note foreign
0:35:35
any comments no not really
0:35:39
cool that makes sense
0:37:19
take the board name in this URL and
0:37:26
first third database
0:37:33
and get the object get the board
0:38:09
because in that way it will still be
0:38:15
as soon as it loads the industry his his
0:38:19
channel and the BAM
0:38:22
right uh I think that might work let's
0:39:11
bright caught so now that we have that
0:39:16
um what we're gonna do is we're gonna
0:39:25
and figuring out how to forcefully load
0:39:29
a page even though their URL is in there
0:39:34
yeah so this is very gonna start off
0:39:43
open industrial terminal page even
0:39:46
though the board name is in the URL
0:39:50
okay the best friend
0:40:13
Okay cool so let's do that
0:40:18
I'm gonna share my other screen
0:40:43
this one is fine and with that one
0:40:48
all right so let's take a start in the
0:40:53
um count where we want to start off our
0:41:20
yeah that one is fine
0:41:56
um how to forcefully load and investor
0:42:42
uh-huh raw objects
0:42:45
it's very easy to solve it without your
0:42:52
distribution with these settings
0:42:56
and stream okay yeah go to our Pages
0:42:59
click on custom error
0:43:03
okay response page is
0:43:06
no I don't need that one
0:43:24
try to host websites
0:43:31
so there's the best parts
0:43:39
you can turn phone how to forcefully
0:44:08
that does not retire for the URL stage
0:44:18
California does not actually have this
0:44:22
feature you can direct the root object
0:44:31
to Interstate you know by setting the
0:44:33
root of the root default Roger but
0:44:36
there's nothing for us
0:44:42
all right I see so basically what is
0:45:02
it's basically what what it's saying is
0:45:29
Public Access which is fine
0:46:10
no that would be in
0:46:14
the front end pocket versioning
0:46:38
okay if we go to cloud files
0:46:46
over there Cloud front
0:47:11
where's the behavior here
0:47:14
redirects https caching disabled
0:47:28
distributions no Origins
0:47:49
it had it was opening up a particular
0:48:10
it's not reading there
0:48:27
I'm going to set in what this is okay
0:48:30
that one see now which is fine
0:48:34
and what does he say for
0:48:37
default okay so the objects found named
0:48:41
it through seven video viewer requests
0:48:44
the URL there instead of a specified
0:48:49
in textual history
0:49:27
what would that be if I requested um
0:49:36
okay that would come up you know oh okay
0:49:39
no that's not not gonna work
0:49:44
that's not gonna work
0:50:00
all right so that is not gonna work
0:50:04
um what we're working now it will go to
0:50:08
the previous one yet that's exactly what
0:50:39
let's see if I go having a head
0:51:09
um just need to as in
0:51:12
share the proper screen
0:51:19
what's on for the world this week
0:51:25
Yes actually I've finally finished my
0:51:29
training as in there was uh I was doing
0:51:35
um training and apparently there's a
0:51:39
kind one of the tests of failing so I've
0:51:42
just asked for help
0:51:44
um in identifying what I might have done
0:51:48
wrong so that's going to be reviewed
0:51:53
and uh for the task that I've actually
0:51:58
got from coding is I'm actually adding
0:52:02
some functionality on the UI bit of the
0:52:10
um project that I'm working on in
0:52:17
and that's been really enjoyable though
0:52:21
yeah I really really liking it
0:52:28
um I guess we will leave it at this
0:52:36
I know I'm one step closer to as in so
0:52:39
we did this but it would require a bit
0:52:42
more time but we'll get there we'll get
0:52:45
that it's looking really promising
0:52:48
um yeah guys so it's been a good
0:52:51
um I've kind of managed to identify uh
0:52:55
as in how can we take the approach of
0:52:59
opening the index.html page even though
0:53:03
if the URL is in there
0:53:06
so that the users can actually connect
0:53:09
to the as they they use the users can
0:53:13
actually land on the on the page when
0:53:17
the build has been created
0:53:19
through websocket um we will be
0:53:21
implementing that functionality
0:53:24
hopefully from now on
0:53:26
and yeah let's see where that takes us
0:53:30
so if you if you want to check it out
0:53:33
how do we do that now or even if that is
0:53:38
if that's a good strategy then
0:53:41
check us out tomorrow's same time same
0:53:44
place and the same task and yeah have a
0:53:50
um have a great day evening or now
0:53:52
wherever you are in the world but in
0:53:55
terms of Melbourne Australia have a
0:53:57
great night and I will see you tomorrow
