如何在 Ubuntu 中的 LAMP 服务器上部署 HTML5 网站？
介绍
HTML5 是超文本标记语言的第五个也是最新版本，它是用于创建网页和应用程序的标准语言。与其前身不同，HTML5 提供了一种更有效的网站编码方式，使开发人员能够更轻松地创建丰富的交互式内容。借助 HTML5，开发人员可以使用视频和音频等新标签在其网页上包含多媒体元素，而无需依赖第三方插件。
canvas标签允许开发人员使用JavaScript直接在网页上创建动画和图形。此外，HTML5 通过引入响应式设计技术来优化不同屏幕尺寸上的网站布局，从而为移动设备提供更好的支持。
在 Ubuntu 中设置 LAMP 服务器
安装 Apache 网络服务器
首先，通过运行更新包列表 -
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 数据库服务器以托管和测试网站部署。