[Fun open source project] Deployment and usage experience of Windows 12 web version

1. Introduction to Windows 12 web version

1.1 Introduction to Windows 12 web version

• Windows 12 web version is a web version of Windows 12 implemented by a junior high school student using the three-piece front-end development set of HTML+CSS+JavaScript.

• The inspiration for this project came from the author's deep inspiration after seeing the Windows 12 concept version before, so he decided to make a Windows 12 web version (just like the previous Windows 11 web version), which allows users to experience Windows 12 on the Internet in advance.

• This project is a front-end open source project, and is implemented by standard front-end technologies (HTML, JS, CSS). Download the code, no installation is required, just open desktop.html.

1.2 Project address

Github address: https://github.com/tjy-gitnub/win12
experience address: Windows 12 web version (tjy-gitnub.github.io)

2. Introduction to this practice

2.1 Local environment planning

This practice is a personal test environment, and the operating system version is centos7.6.

hostname	IP address	Operating system version	Kernel version
jeven	192.168.3.166	centos 7.6	3.10.0-957.el7.x86_64

2.2 Introduction to this practice

1. The deployment environment for this practice is a personal test environment;
2. Use and experience the Windows 12 web version in the centos7.6 environment.

3. Install httpd software

3.1 Check the yum repository

If there is no mirror source, you can use Alibaba Cloud's mirror source.

curl -o /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-7.repo
sed -i -e '/mirrors.cloud.aliyuncs.com/d' -e '/mirrors.aliyuncs.com/d' /etc/yum.repos.d/CentOS-Base.repo

Check the status of the yum warehouse to ensure that each mirror source is normal.

[root@jeven ~]# yum repolist enabled
Loaded plugins: fastestmirror, langpacks
Determining fastest mirrors
 * epel: mirrors.bestthaihost.com
repo id                                                                       repo name                                                                                  status
!base/7/x86_64                                                                CentOS-7 - Base - mirrors.aliyun.com                                                       10,072
!epel/x86_64                                                                  Extra Packages for Enterprise Linux 7 - x86_64                                             13,767
!extras/7/x86_64                                                              CentOS-7 - Extras - mirrors.aliyun.com                                                        518
!mongodb-org                                                                  MongoDB Repository                                                                            342
!mysql-connectors-community/x86_64                                            MySQL Connectors Community                                                                    227
!mysql-tools-community/x86_64                                                 MySQL Tools Community                                                                         100
!mysql57-community/x86_64                                                     MySQL 5.7 Community Server                                                                    678
!updates/7/x86_64                                                             CentOS-7 - Updates - mirrors.aliyun.com                                                     5,176
repolist: 30,880

3.2 Install httpd software

Use yum directly to install the httpd software.

yum -y install  httpd

3.3 Start httpd service

Start the httpd service and enable it to start automatically at boot.

systemctl start httpd
systemctl enable  httpd

3.4 View httpd service

Check the httpd service to ensure that the httpd service is normal.

[root@jeven ~]# systemctl status httpd
● httpd.service - The Apache HTTP Server
   Loaded: loaded (/usr/lib/systemd/system/httpd.service; enabled; vendor preset: disabled)
   Active: active (running) since Sun 2023-09-24 22:44:38 CST; 1min 33s ago
     Docs: man:httpd(8)
           man:apachectl(8)
 Main PID: 73038 (httpd)
   Status: "Total requests: 0; Current requests/sec: 0; Current traffic:   0 B/sec"
   CGroup: /system.slice/httpd.service
           ├─73038 /usr/sbin/httpd -DFOREGROUND
           ├─73044 /usr/sbin/httpd -DFOREGROUND
           ├─73045 /usr/sbin/httpd -DFOREGROUND
           ├─73046 /usr/sbin/httpd -DFOREGROUND
           ├─73047 /usr/sbin/httpd -DFOREGROUND
           └─73048 /usr/sbin/httpd -DFOREGROUND

Sep 24 22:44:33 jeven systemd[1]: Starting The Apache HTTP Server...
Sep 24 22:44:38 jeven systemd[1]: Started The Apache HTTP Server.

3.5 Firewall and selinux settings

• Set up selinux

sed -i 's/SELINUX=enforcing/SELINUX=disabled/' /etc/selinux/config
setenforce 0

• Turn off the firewall. If you want to turn on the firewall, you need to allow port 80.

systemctl stop firewalld && systemctl disable firewalld

3.6 Browser testing web services

Open the browser: http://192.168.3.166 and replace the IP with your own server IP address.

4. Access the Windows 12 web version

4.1 Download Windows 12 web version source code

Download the Windows 12 web version source code from github.

 cd /var/www/html/ && git clone https://github.com/tjy-gitnub/win12.git

4.2 Restart the httpd service

Restart httpd service

systemctl restart httpd

4.3 Access Windows 12 web version

Access address: http://server IP address/win12

5. Windows 12 web version experience

5.1 Open Notepad

You can create a new notepad and edit it. The current version of word and other documents cannot be used.

5.2 Browser functions

Using the Edge browser, you can browse and search the web normally.

5.3 Python editor

From the Start menu, open the Python editor.

Use the Python editor to edit a simple python script.

5.4 VsCode tool

In the Start menu, click VsCode Tools.