美文网首页前端学习程序员WEB前端程序开发
HTML5总结-建立WEB服务器环境(本地计算机)

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

作者: stevekeol | 来源:发表于2017-01-10 01:29 被阅读1574次

    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可得。

    XAMPP面板、内部IP查询

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

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

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

    五、享用你的Web服务器

    Start这两个模块:Apache、MySQL

    开启Apache、MySQL模块

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

    浏览器输入IP和文件路径

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/uonhbttx.html