如何在 Ubuntu 的 LAMP 服务器上部署 HTML5 网站?
简介
HTML5 是超文本标记语言 (Hypertext Markup Language) 的第五个版本，也是最新版本，它是创建网页和应用程序的标准语言。与之前的版本不同，HTML5 提供了一种更高效的网站编码方式，使开发者能够更轻松地创建丰富的交互式内容。借助 HTML5，开发者可以使用视频和音频等新标签在网页中添加多媒体元素，而无需依赖第三方插件。
Canvas 标签允许开发者使用 JavaScript 直接在网页上创建动画和图形。此外，HTML5 引入了响应式设计技术，可以优化网站在不同屏幕尺寸上的布局，从而更好地支持移动设备。
在 Ubuntu 中设置 LAMP 服务器
安装 Apache Web 服务器
首先，运行以下命令更新软件包列表:-
sudo apt update
接下来，运行以下命令安装 Apache:-
sudo apt install apache2
安装 MySQL 数据库服务器
首先，运行以下命令更新软件包列表:sudo apt update
接下来，运行以下命令安装 MySQL:-
sudo apt install mysql-server
安装过程中，系统将提示您设置设置 MySQL 的 root 密码。安装完成后，请使用以下命令登录数据库，验证 MySQL 是否正常运行:-
sudo mysql -u root -p
这将提示您输入安装过程中设置的 root 密码。
安装 PHP 脚本语言
要在 Ubuntu 上安装 PHP，请运行:-
sudo apt-get install php libapache2-mod-php php-mysql
安装 PHP 后，请使用以下命令重新启动 Apache，以确保所有更改生效:-
sudo systemctl restart apache2
准备部署 HTML5 网站
在服务器上创建用于存放网站文件的目录
您可以使用命令行或 FileZilla 等 FTP 客户端创建目录。要使用命令行创建目录，请登录服务器并导航至 /var/www/html/。
到达那里后，使用以下命令:
mkdir mywebsite
这将在 /var/www/html/ 中创建一个名为"mywebsite"的新目录。您可以将"mywebsite"替换为您选择的任何名称。
使用 FTP 或 SCP 将网站文件上传到服务器
FTP 因其简单易用而广受欢迎。要使用 FTP 上传您的网站文件，您需要一个像 FileZilla 这样的 FTP 客户端。
要将 FileZilla 连接到您的 LAMP 服务器，请在"主机"字段中输入服务器的 IP 地址并指定端口 22。然后输入您的用户名和密码，然后点击"快速连接"。
连接后，浏览目录，直到到达服务器上的 /var/www/html/mywebsite/ 目录。完成后，从本地计算机中选择所有必要的网站文件夹，并将它们拖到远程服务器的"/var/www/html/mywebsite/"文件夹中。
如果您更喜欢使用 SCP 协议而不是 FTP 协议 - 在终端中打开以下命令 -
scp -r /path/to/local/folder username@server:/path/to/server/folder
"-r"参数允许复制整个目录。将"/path/to/local/folder"和"/path/to/server/folder"分别替换为本地和远程目录位置。
配置 Apache 以托管 HTML5 网站
创建虚拟主机配置文件
要创建虚拟主机，请在终端中运行以下命令，导航到 Apache 的"sites-available"目录 -
cd /etc/apache2/sites-available/
运行以下命令创建一个新的虚拟主机配置文件 -
sudo nano my-website.com.conf
将"my-website.com"更改为您喜欢的域名或网站名称。
修改虚拟主机配置文件以包含网站文件和目录
创建虚拟主机配置文件后，请对其进行修改并添加有关您网站的具体详细信息。首先，在文件开头添加以下代码 -
ServerAdmin webmaster@my-website.com ServerName my-website.com DocumentRoot /var/www/html/my-website.com/public_html
此代码告知 Apache 您正在创建一个新的虚拟主机，该主机侦听端口 80(默认 HTTP 端口)，使用"my-website.com"作为其名称，并将"/var/www/html/my-website.com/public_html"设置为其文档根目录。
添加此代码后，保存并关闭文件。接下来，使用此命令为您的网站内容创建目录 -
sudo mkdir -p /var/www/html/my-website.com/public_html
创建完成后，使用 SCP 或 FTP 将所有必要的 HTML5 文件上传到此目录。
重启 Apache Web 服务器
修改并保存虚拟主机配置文件后，请运行以下命令重启 Apache Web 服务器以使更改生效:
sudo systemctl restart apache2
此命令将重新加载 Web 服务器并应用新的虚拟主机设置。
现在 Apache 已配置为托管您的网站，接下来需要在第五部分为您的网站设置 MySQL 数据库。
为网站配置 MySQL 数据库
创建新的数据库和用户帐户
登录后，点击页面顶部的"数据库"选项卡。在这里，您可以通过在"创建数据库"字段中输入数据库名称，并从下拉菜单中选择所需的字符集来创建新数据库。
创建新数据库后，务必创建一个具有适当权限的新用户帐户来访问和修改数据库。为此，请点击页面顶部的"用户"选项卡，然后点击"添加用户"。
输入所需的用户名和密码，选择"localhost"作为主机名，然后通过选中特定复选框或选择"所有权限"为新用户分配权限。点击"执行"保存更改。
将 SQL 数据从本地计算机导入远程 MySQL 数据库
现在您已经在 MySQL 中创建了新的数据库和用户帐户，接下来可以将所有必要的数据从本地计算机导入到远程服务器。这可以通过多种方法完成，例如使用命令行工具(例如 mysqldump)或图形工具(例如 phpMyAdmin)。
首先，在 phpMyAdmin 中点击左侧边栏中新创建的数据库名称。
然后，点击页面顶部的"导入"选项卡。接下来，点击"选择文件"，并选择之前从本地计算机导出的 SQL 转储文件。
在"格式"部分下，确保选择"SQL"作为格式类型。点击"开始"开始将数据导入远程 MySQL 数据库。
测试网站部署
在 Ubuntu 的 LAMP 服务器上成功部署 HTML5 网站后，务必测试该网站是否可以通过浏览器使用 IP 地址或域名访问。访问您的网站有多种方法，包括使用分配给服务器的 IP 地址或在 DNS 服务器中注册的域名。要通过 IP 地址访问您的网站，请打开 Web 浏览器并输入"http:///"，将""替换为您服务器的实际 IP 地址。
输入此 URL 后，浏览器将尝试连接到您的服务器，并在所有配置正确的情况下显示您网站的主页。如果您为 Apache 设置了自定义端口，则也必须在 URL 中包含该端口。
通过域名访问网站
与通过 IP 地址访问相比，通过域名访问您的网站需要一些额外的配置步骤。首先，您需要在注册商处注册一个域名，并使用 DNS 记录将其指向您的 LAMP 服务器的 IP 地址。完成此步骤后，用户即可通过在浏览器中输入域名(而非 IP 地址)来访问您的网站。
但是，在用户首次使用域名访问您的网站之前，他们可能需要清除 DNS 缓存，因为这些信息可能之前已被他们的浏览器或 ISP 提供商存储。
结论
在 Ubuntu 的 LAMP 服务器上部署 HTML5 网站是建立企业或组织在线形象的关键一步。在本文中，我们概述了在 Ubuntu 的 LAMP 服务器上部署 HTML5 网站所需的必要步骤。我们讨论了如何设置 LAMP 服务器、准备要部署的网站文件、配置用于托管的 Apache 和 MySQL 数据库服务器以及测试网站部署。
相关文章
有用资源
linux 参考教程 - 该教程包含有关 linux 的更多信息:https://www.cainiaomax.com/linux/
