HTML5总结-建立WEB服务器环境(本地计算机)

Web开发,需要Web服务器托管相应的Web内容。这些Web内容可使用第三方商业Web托管服务、企业级数据中心、或自己的计算机。本文介绍在个人计算机上建立本地Web服务器。

【需要做的】:下载安装XAMPP、地址栏输入本地IP、将更多自己的Web内容放在本地服务器(以下为详细步骤,部分步骤可能用不着具体操作)


一、下载Web服务器包软件

介绍:XAMPP是一个简易的Web集成工具,其中包含Apache Web服务器软件、PHP、MySQL关系数据库管理系统、Perl。

下载:点击  (下载后,常规安装即可)。

二、确保有正确的端口

可能的问题:(XAMPP默认在80端口运行)这说明,如果在相同端口上运行了另一个Web服务器,就会冲突。在Windows可能需要先检查,确保没有运行Windows IIS Web服务器。

解决办法:控制面板->系统和安全->管理工具->IIS Manager,在Actions面板中,点击Stop,即可停止(或配置Apache在另一个端口,请自行解决该方法)。

三、访问自己的Web服务器

确定本地IP:若本地计算机IP固定,则该静态IP由命令行ipconfig命令可得;否则动态IP可由XAMPP面板中shell,ipconfig可得。

HTML5总结-建立WEB服务器环境(本地计算机)_第1张图片
HTML5总结-建立WEB服务器环境(本地计算机)_第2张图片
XAMPP面板、内部IP查询

确保你的设备在同一个网络上:需要访问你的Web服务器的设备都必须连接到同一个网络(对于移动设备,通常需要连接WiFi),在地址栏输入你的IP地址(我的是内部IP,192.168.0.105,意味着只能在同一个WiFi范围内使用Web服务器,即不能远程访问)。

四、在Web服务器中放置自己的文档内容

默认的文档根目录在:(XAMPP安装目录下)/xampp/htdocs,  要将自己的Web页面、资源、脚本放在Web服务器的文档根目录下,才能在设备上访问。

五、享用你的Web服务器

Start这两个模块:Apache、MySQL

HTML5总结-建立WEB服务器环境(本地计算机)_第3张图片
开启Apache、MySQL模块

浏览器地址栏输入:192.168.0.105/.../文件名(更换成你自己的IP和文件路径)

HTML5总结-建立WEB服务器环境(本地计算机)_第4张图片
浏览器输入IP和文件路径


TIPS:本文只是个人对过去的总结,不保证简洁性、系统性、易懂性。如需交流:zhejiangdaxue2011(微信号)

你可能感兴趣的:(HTML5总结-建立WEB服务器环境(本地计算机))