# web

**Repository Path**: xubingyan/web

## Basic Information

- **Project Name**: web
- **Description**: web作业
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-13
- **Last Updated**: 2025-11-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 周记

## 一：知道了docker

### 1.docter是什么

Docker 是一个开源的容器化平台，用于自动化应用程序的部署、扩展和管理。它通过容器技术来实现将应用及其依赖打包成一个可移植的容器，以便在任何环境中一致运行。

#### 2.docter的组成

* 镜像
* 容器
* 仓库

## 二：学习了操作gitee

### 1.课前准备工作

- 在正式开始课程前，需完成以下基础环境搭建与工具准备，为后续实践操作奠定基础：

  创建专属代码仓库：搭建个人仓库用于存放 Web 作业，便于后续代码的管理、版本控制与备份，确保作业文件的安全性和可追溯性。

- 安装并熟悉 Typora：下载 Markdown 编辑工具 Typora，通过实际操作掌握 Markdown 的基本语法（如标题、列表、链接、代码块等），为后续文档编写与记录提供便利。

- 部署 MySQL 容器：通过 Xshell 连接服务器，输入指令 docker run --name mysql-container -e MYSQL_ROOT_PASSWORD=pz123456 -p 3306:3306 -d mysql:latest 部署 MySQL 容器。该指令中，--name 指定容器名为 mysql-container，-e 设置数据库 root 用户密码，-p 映射服务器 3306 端口与容器 3306 端口，-d 表示后台运行容器。

- 配置阿里云安全组：进入阿里云控制台，在安全组规则中开放所需端口（如后续网页访问涉及的 80 端口、MySQL 的 3306 端口），确保外部网络能正常访问服务器服务。

- 获取服务器公网 IP：在阿里云服务器管理页面中，复制服务器的公网 IP 地址，该 IP 将作为后续访问服务器网页的核心地址。

### 2.课程实践过程

#### 1. 网页小游戏开发与部署

课程核心任务是开发一个可通过公网 IP 访问的网页小游戏，具体步骤如下：

- 借助 AI 工具生成小游戏相关代码（如简单的贪吃蛇、猜数字等游戏代码），确保代码包含完整的 HTML 结构、CSS 样式与 JavaScript 交互逻辑。
- 将生成的代码粘贴到文本编辑器中，保存并命名为 `index.html`（因 Nginx 服务器默认访问根目录下的 `index.html` 文件，此命名可简化访问流程）。
- 通过 Xshell 将 `index.html` 文件上传至服务器中 Nginx 的网页根目录（通常路径为 `/usr/share/nginx/html`），完成文件部署。

#### 2. 问题排查与解决

在访问网页时遇到了 **404 错误**（即服务器无法找到请求的资源），通过以下步骤排查并解决：

- 首先检查文件路径是否正确：确认 `index.html` 已准确上传至 Nginx 的 `html` 根目录，避免因路径错误导致服务器无法读取文件。
- 随后排查网络访问权限：经同学提醒，发现阿里云安全组中未开放网页访问所需的 80 端口（Nginx 默认使用 80 端口提供 HTTP 服务）。进入阿里云安全组配置页面，添加一条允许外部访问 80 端口的规则，保存后重新尝试访问。
- 再次在浏览器中输入服务器公网 IP，页面成功加载出小游戏界面，404 错误问题解决。

## 三.总结

### 课程学习收获

本次课程最大的收获在于实现了 “知识到实践的落地”：通过从环境搭建、代码生成，到问题排查、最终成功访问网页的完整流程，不仅掌握了 Nginx 部署、安全组配置等服务器基础操作，还理解了网页文件与服务器之间的访问逻辑。当在浏览器中看到自己部署的小游戏正常运行时，切实感受到了 Web 开发的实用性与成就感，也为后续更复杂的 Web 项目开发积累了基础经验。