【记录8】华为云耀云服务器L实例-静态网页项目部署

书接上文,在部署了springboot后端项目之外,我们同样可以进行一些静态网页的部署。本篇将以最简单的html文件为例,介绍部署静态网页到华为云耀云服务器L实例上的操作步骤。

首先,在本地准备一个html文件,命名为web.html,使用记事本打开它,以下是简单的内容示例:

xml 复制代码
<!DOCTYPE html>
<html>
<head>
    <title>简单的静态网站</title>
</head>
<body>
    <header>
        <h1>欢迎访问我的静态网站</h1>
    </header>
    <nav>
        <ul>
            <li><a href="/">首页</a></li>
            <li><a href="/about">关于我们</a></li>
            <li><a href="/contact">联系我们</a></li>
        </ul>
    </nav>
    <main>
        <h2>欢迎来到我们的网站</h2>
        <p>这是一个简单的静态网站示例,用于演示基本的HTML结构。</p>
    </main>
    <footer>
        <p>&copy; 2023 我的静态网站</p>
    </footer>
</body>
</html>

接下来,让我们开始它在华为云耀云服务器L实例上的部署。

1. 连接到云服务器: 使用远程连接工具连接到CentOS 7云服务器,这里依旧选择Putty

2. 更新系统: 为确保系统安全和稳定性,首先更新服务器上的软件包。

执行以下指令:

bash 复制代码
sudo yum update

3. 安装Web服务器: 可以选择使用Apache或Nginx。在这个示例中,我们将使用Apache作为Web服务器。安装Apache:

bash 复制代码
sudo yum install httpd

4. 启动Apache服务: 安装完成后,启动Apache服务并设置它在系统启动时自动启动:

bash 复制代码
sudo systemctl start httpd

sudo systemctl enable httpd

5. 配置防火墙: 允许HTTP流量通过防火墙:

bash 复制代码
sudo firewall-cmd --permanent --add-service=http

sudo firewall-cmd --reload

倘若出现红色 FirewallD is not running,意味着防火墙并未开启,不会对任何流量通过做限制,可以在此选择输入指令开启,也可以跳过这一步直接进行下一步

6. 上传静态网站文件: 将静态网站文件上传到服务器。可以使用SCP、SFTP或FTP等工具将文件传输到服务器的/var/www/html目录中,在这里,我们选择使用scp

bash 复制代码
scp -r /path/to/your/static/site/* user@your_server_ip:/var/www/html/

7. 设置文件权限: 确保Apache用户可以访问文件:

输入指令:

bash 复制代码
sudo chown -R apache:apache /var/www/html/

8. 重启Apache: 重启Apache以使配置生效:

bash 复制代码
sudo systemctl restart httpd

现在,我们的静态网站web.html应该已经部署在CentOS 7华为云服务器上,并可以通过服务器的IP地址或域名进行访问。确保静态网站文件位于/var/www/html/目录中(或者虚拟主机配置所指定的目录)。

接下来,输入网址:公网ip/web.html进行访问尝试

成功访问我们在云服务器上部署的静态网站。

本篇中,我们成功在华为云耀云服务器L实例上部署了一个简单的html静态网站,而这只是一个开始,华为云是一个提供强大而稳定服务的云服务器,可支持更加复杂的前端项目部署。

相关推荐
猫林老师3 天前
HarmonyOS数据持久化:Preferences轻量级存储实战
华为·harmonyos
Devil枫3 天前
鸿蒙深链落地实战:从安全解析到异常兜底的全链路设计
安全·华为·harmonyos
广州腾科助你拿下华为认证3 天前
华为考试:HCIE数通考试难度分析
大数据·华为
与天仙漫步星海3 天前
华为基本命令
华为
低调小一3 天前
Android传统开发 vs Android Compose vs HarmonyOS ArkUI 对照表
android·华为·harmonyos
猛码Memmat3 天前
华为HarmonyOS开发文档
华为·harmonyos
流影ng3 天前
【HarmonyOS】MVVM与三层架构
华为·架构·harmonyos
爱笑的眼睛113 天前
HarmonyOS Stage 模型与 ArkUI 声明式开发深度实践:构建高效稳定的应用
华为·harmonyos
安卓开发者3 天前
鸿蒙Next ArkWeb网页文件上传与下载完全指南
华为·harmonyos