实验预计耗时：30 分钟

1. 课程背景

1.1 课程目的

随着手机和移动网络的不断普及与发展，移动应用平台在我们日常生活中的比重愈来愈大，与之相应的移动网站APP的需求也随之扩大。传统的桌面网站交互设计在移动端并不十分适用，因此对移动端的网站需求体验适配变成了开发者所需要面临的一大挑战，jQuery Mobile是一款移动Web应用的前端UI框架，通过使用jQuery Mobile能够给予用户更强的交互体验。

本实验基于腾讯云CVM，通过jQuery Mobile进行手机页面开发，并通过Nginx作为静态服务器进行部署。完成本实验，学员将掌握jQuery Mobile的简单应用以及掌握在腾讯云CVM中使用Nginx配置静态服务器的方法。

1.2 课前知识准备

1.相关概念：

• 静态网站：网站仅由HTML，CSS，JavaScript等前端文件组成的网站。静态网站没有与后端的数据交互，功能简单，要修改网站内容只能修改静态文件。
• Linux命令：需要使用Linux的mkdir命令创建文件夹，使用Vim编辑器创建空白文件(本实验创建HTML文件)。
• jQuery Mobile：jQuery Mobile是一款触摸友好型的HTML5 UI框架，旨在开发创建移动Web网站及应用，通常应用于智能手机、平板电脑以及台式设备。本实验将使用jQuery Mobile来编写静态页面。
• Nginx中间件：Nginx作为中间件可以为网页提供web服务功能，放入Nginx中的网页可以让用户在浏览器中以访问Nginx的IP地址的方式查看网页。
• 腾讯云服务器：腾讯云服务器 CVM（Cloud Virtual Machine）是腾讯云提供的可扩展的计算服务。使用 CVM 避免了使用传统服务器时需要预估资源用量及前期投入，可以在短时间内快速启动任意数量的云服务器并即时部署应用程序。本实验部署静态网站时需用到腾讯云CVM，相关云服务器概念可以参考腾讯云文档中心https://cloud.tencent.com/document/product/213/495。

2.相关原理：

• Nginx静态资源服务器：单纯的静态网站只能本地访问，如果需要所有人都能通过互联网访问自己开发的网页，那么就需要在云服务器中安装Nginx，使用Nginx的web服务功能发布自己开发的网页，这样就能实现全网所有人的观看。

3.相关命令介绍：

Linux相关命令：

• 进入XXX目录

cd XXX

• 创建XXX文件夹

mkdir XXX

• 使用Vim编辑XXX文件

vim XXX

Nginx相关命令:

• 安装Nginx

yum install -y nginx

• 启动Nginx服务

systemctl start nginx.service

• 重新加载Nginx配置文件

nginx -s reload