Up next in 10
Running Linux VM in Your Web Browser WebVM
1K views
Mar 25, 2025
This video shows how to deploy WebVM using Github Pages or using your own server. Basically with WebVM, you can launch a full functional linux inside your your browser, also it can connect to Internet through TailScale exit node. Related Post: ✍https://blog.51sec.org/2025/01/no-vps-no-server-running-linux-vm-in.html ✍Github Project: https://github.com/leaningtech/webvm ✍Demo sites: https://webvm.io/ && https://webvm.io/alpine.html Related Videos: 🌟https://youtu.be/LHYBu3y_0Rs 💖Chapters: 0:00 - Introduction 1:32 - Lets start it 3:14 - 1. Deploy to Github Page 6:03 - 2. Local Server Deployment 12:21 - 3. Configure Domain for Your Own Deployment 13:52 - 4. Enable Networking Through TailScale 18:14 - Outra ✅#51Sec #NetSec #Cyber #Security #CyberSecurity #HomeLab
View Video Transcript
0:01
[Music]
0:11
hello everyone welcome to Johnny nasak
0:14
YouTube channel in this video I'm going
0:17
to introduce a truly Innovative project
0:21
web VM basically using the web VN you
0:26
can launch a VM in your browser a fully
0:29
functional Linux box in your browser you
0:32
can check those Dem on S here you can
0:36
get into loot mode can launch game and
0:40
launch applications from this VM inside
0:44
of your
0:45
browser you will not need to create the
0:49
VM on your server you don't need to
0:52
think about the SS connection firewall
0:55
Port all those things what you need is
0:58
just a web browser open a page type a
1:01
domain then you can get your VM running
1:03
you can customize your VM on your server
1:06
or changes will be saved on your local
1:09
this VM is fully running in your browser
1:13
your VM will be able to connect to
1:16
Internet by enable networking and that
1:19
is full functional Linux VM which you
1:23
can try all kind of command and even
1:26
install some new package inside of it it
1:30
so now let's jump to
1:35
it if you really want to understanding
1:39
how the technology runs behind web VM
1:43
this project you definitely need to
1:45
check out this blog post from lining
1:49
tac.com this blog post explains very
1:53
well regarding the Technologies and the
1:56
components basically they are four major
1:59
compon component the Cher PX is a
2:03
virtualization engine also there's a
2:06
virtual storage backend this is very
2:09
interesting it doesn't mean you saved
2:11
all datas on remote actually they have
2:16
local persistent cache the dis cache on
2:20
local so all changes will be saved on
2:24
your logo even you close your browser
2:26
next time when you open it they will
2:28
read the cash or you changes will still
2:30
be so that is very interesting component
2:34
and very creative you will have n
2:38
working layer through tail scale so
2:42
using the tail scale that will get your
2:45
VM to connect to internet that's a
2:48
networking of course you're going to
2:50
have display imulation HTML 5 canvas to
2:55
show you the flond again if you want to
2:58
know more details just just go through
3:00
this blog post you'll find all
3:03
Technologies we just talked about it for
3:06
this video I'm going to show you how to
3:09
install it now let's do GitHub
3:18
deployment as this project Ry shows
3:21
there are two different ways to deploy
3:24
web VM One is using GitHub actions one
3:29
is local
3:30
deployment for this video I'm going to
3:32
start with GitHub deployment then go
3:36
through local deployment so now let's uh
3:39
for the repository so gave a name create
3:44
for very simple easy to do for the whole
3:47
process probably only taking two three
3:50
minutes and you will get it done go to
3:53
settings pages so build and deployment
3:57
we are using GitHub actions so that's
4:00
only changes you need to make once you
4:02
for CCT project then go back actions
4:06
then you will all understand my
4:07
workflows go ahead and enable them
4:10
because the workow was created by author
4:14
original author so they want you to
4:16
understanding what you going to run here
4:19
of course we just this project so we
4:22
going to run this
4:23
deploy workl wrong work through wrong
4:27
worklow that's how simple it is it will
4:30
take probably less than 2 minutes to
4:33
finish everything so we going to wait
4:35
here it will automatically to show this
4:39
deploy number one manually run by me and
4:44
you can click on it to see the process
4:47
the first process done then to the build
4:50
after that they going to deploy to
4:52
GitHub Pages once you have this deployed
4:56
then you can launch the kitab pages also
5:00
you can use your own domain to use this
5:02
page as
5:03
well now it's deploying to the GitHub
5:13
Pages you can click into to see more
5:16
informations
5:21
there it's completed and you can click
5:25
on this link to access
5:28
your this new
5:30
am the interesting thing is you can go
5:34
to super user loot mode the password for
5:38
the loot is password so now you can get
5:43
you can do APD update if you have
5:45
network connection right now we don't
5:48
have that uh in the next step we can
5:51
demonstrate how to get your internet
5:53
connection let's finish all deployment
5:57
for now uh this is GitHub deployment but
6:01
we will do a local
6:06
deployment if you have your own VPS you
6:10
can do local deployment there's
6:12
something we have to change here there's
6:15
uh release
6:16
EXT2 image release it's a bit too old
6:21
it's uh 2023 May 19 release not big
6:26
issue only thing I found is about
6:30
the doc
6:33
files if you look at doc files you will
6:37
see if you look at the original doc
6:43
files you will find out there's
6:46
something missing
6:53
here they didn't change the loot
6:57
password and they didn't change the user
7:00
password other than that it's almost
7:04
same so what we can do is we do need to
7:08
generate our own release files so what
7:13
we can do is we go back to our GitHub we
7:17
go back to our
7:19
actions when we do
7:21
deploy you want to make
7:25
sure you upload GitHub release
7:30
so once you did that you will get a
7:33
release from your deployment and our
7:36
deployment which you can see the
7:46
code we're using T and Min this stock
7:49
file if you know how to make your own
7:51
deployment file then you can make a
7:54
change on this one and then you can add
7:57
more things add more packages into it or
8:00
customize for your own usage then that
8:04
will be great and else don't touch it
8:06
then we just need to upload the
8:09
deployment into your
8:11
release so let's take a
8:15
look our new
8:17
deployment it's in the build right now
8:32
okay this job has been done so let's go
8:35
back to
8:37
actions
8:40
deployment right now it's deploying to
8:42
the GTH
8:44
Pages all complet
8:46
it go back to the
8:49
project page and then you see there's
8:53
release one so now we have our own
8:56
release and we can take a look our
8:59
source code which will give you that doc
9:02
file has load password changed to the
9:06
password since we have this now we can
9:09
officially go back
9:11
to deployment
9:17
process and starting to deploy it I'm
9:20
using Google Cloud free computer engine
9:24
to do this and I have a SSS session
9:27
already opened so we're going to follow
9:30
the steps here one by one to get it down
9:34
first thing we do get Chrome this should
9:36
be down in couple seconds let me CD into
9:40
the folder now we should be able to
9:42
download this tabore mini EXT2 image
9:47
which we just released
9:51
it go back
9:54
here get link address
10:01
paste so we going to let it downloading
10:04
and next step after downloading we going
10:06
to addit this configuration JS
10:13
file we need to put the image U here
10:18
paste we need to un
10:21
comment some
10:24
environments
10:25
[Music]
10:27
here now contr X yes and save to it
10:32
we're going to do mpm
10:34
install if you don't have mpm installed
10:38
before then you may need to AP install
10:42
mpm but if you have that then just run
10:46
MPN
10:52
install perfect then next MPN round
10:57
build
11:03
perfect it's
11:04
done basically all setup has been
11:07
completed now we need to launch it using
11:11
engine X here let's like command before
11:15
we do that we want to create a new
11:17
screen
11:25
session okay new and because we want to
11:28
put the this command into the back end
11:31
once we we don't want close the window
11:34
then close the engine accession here
11:37
round this
11:42
command now then we can use control a d
11:45
to go back to the original
11:49
session now let's give it try using
11:53
HTTP with this external IP address http
12:02
well it works the web page shows but we
12:06
will get some Al message here I look at
12:09
it basically just saying you you have to
12:13
have a domain Associated to P it so our
12:17
next step is configure domain for this
12:24
website to make this part short and
12:27
simple I just demonstrate uh how I
12:30
configured it with this domain using web
12:34
VM this name and it mapping to my mpm
12:39
engine X proxy manager IP address so in
12:44
uh mpm I create a new host which is
12:48
using wm. 51. you.org from here which I
12:54
configured then it's forwarding IP
12:57
address to this V M instance and the
13:00
port 881 and make sure you have SSL
13:04
certificate issued for this domain so
13:07
then you save it once youve done that we
13:11
can go back here to try web VM 51
13:18
sec. as you can see now it's fully
13:21
function now you can get into loot using
13:26
password if you using this release uh no
13:31
matter how you try you won't be able to
13:35
get into that loot mode because the
13:37
password wasn't change the last piece in
13:40
this video is going to be for the
13:43
networking how you can connect to tail
13:45
scale and then connect to internet with
13:48
your VM because for now there's no
13:51
internet
13:55
connection our last section for this
13:58
video is connecting to L ta scale
14:02
internet to make sure your VN can go to
14:05
internet so what we can do here is
14:08
connect to tail scale um if you watched
14:11
my previous video easy to quick set up
14:14
your own VPN network using tail scale
14:17
then you will understand it much better
14:19
now if you haven't please go through
14:22
this video to get more idea how to
14:24
create your own tail scale account
14:26
create your own tail scale VPN network
14:29
and then set up one node as exit node
14:33
first so once you have that you can
14:37
directly come here and log into tail
14:41
scale so once you try to log in tail
14:44
scale they will ask you to sign in uh
14:46
I'm going to sign in to my own account
14:50
here connect so login
14:53
successfully and then we can read to the
14:56
console so you will see the two devices
14:59
in my network one is my vental tail
15:02
scale exit node which I created before
15:06
this is X node already and this is the
15:09
one we just
15:12
connected this is the
15:15
one so if you look at here you can see
15:18
the IP 10748
15:22
7.78 so one thing you need to know is
15:25
some Network command it doesn't work
15:27
here web socket still not fully
15:30
supported those networking command
15:33
hopefully next rele we will fix this
15:36
that but at is still we can go to AP
15:39
update we can go to internet there some
15:42
use cases for this web VM project right
15:46
now and thinking about this one thing is
15:49
definitely you can use it to learn Linux
15:52
command you can starting to be familiar
15:56
with or Linux command and then you can
15:59
launch it in the web browser any time as
16:03
long as you have internet connection you
16:05
can also using to SSH to your remote
16:10
server or FTP to your remote server
16:15
so we can demonstrate l so once we once
16:19
you have tail scale connected once you
16:22
finished APD update and we can SSH to
16:26
some remote site
16:29
perfect the AP update running very well
16:33
so there's one thing you can run is this
16:36
command it's a pilot.
16:40
live paste
16:42
[Music]
16:46
in you can also trying to see
16:51
your public IP address that's 34551
16:56
12125 let my ACC nodee IP
17:00
address public IP address
17:04
basically if you want
17:06
to get into remote server there a public
17:10
remote server you can try this one say
17:13
yes you will now be connecting to this
17:18
one but this connection is closed I have
17:22
another server we can give it
17:25
try the password
17:32
we just hop into another Ser through
17:35
this VM running the browser if you want
17:38
you also can install certain
17:48
applications this is a screen a small
17:52
application as you can see the screen
17:55
this program has been installed into
17:58
this VM which is run in the browser so
18:02
that's all for this video thank you for
18:04
watching hope you like it as usual
18:07
please give me a thumb up and subscribe
18:10
my channel if you haven't see you in my
18:13
next video
18:28
a
#Internet Software
#Network Security
#Open Source
#Virtual Reality Devices
#Virtual Tours
#Virtual Worlds