电话

020-88888888

完美体育:如何做一个局域网/内网的网站?

标签: 2024-04-29 

最近被领导叫去谈话,说我工作量不饱和,吓得我赶紧表忠心,老大我正在给单位做网站呢!因为我们单位一直没有网站,以前一直用的是微信公众号,这次先做了一个局域网的网站,方便大家使用。

其实我很心虚,因为我只是一个普通的美工+前端程序员,我根本不会后端和数据库啊!没办法,赶鸭子上架开干吧!

已知需求如下:

1、公司内外网分离,目前只需要内网网站即可

2、暂不需要购买域名,领导也没发话让这个网站在公网访问

3、实现首页展示、视频播放、下载文件、留言板功能。


内网网站如何访问:

大家来看看我的前端代码,主要是HTML、CSS和图片。

如果我直接点击index.html文件,是可以在浏览器中打开的。像这样:

因为HTML+CSS+JavaScript这三个语言都是直接在浏览器端进行解析,是不涉及到搭建环境的问题,你就可以使用Windows里面自带的IIS功能(Internet Information Services (IIS)管理器),它可以让其他跟你属于同一个IP地址的电脑都能访问你主机上的网页。无需下载安装,Windows自带就有。

直接打开控制面板>>程序>>启用或关闭Windows功能:

点击打开后,安装Internet Information Services (IIS)管理器

除非你需要传输文件,才需要FTP功能,其他的两个web管理工具和万维网服务一定要勾选上,里面的小选项最好也都勾选上。然后点击确定,它就会自己开始安装相应的功能。

安装好后,打开这个功能在这里:控制面板>>管理工具

找到这个Internet Information Services (IIS)管理器:

打开后,先点击左侧的网站,一般隐藏在第一个选项里面,把折叠的选项打开,就找到它了。然后点击右侧的这个添加网站:

然后把网站名称填好,物理路径就是你把你的网站代码放在本地的哪个文件夹,你就选那个文件夹就可以了,然后点击确定。

接下来你就可以让其他跟你同一个网段的主机直接通过IP地址访问你电脑上那个网页文件夹了,只要里面有index.html文件,它默认IP地址打开就是那个文件。

是不是很简单?是不是很容易?

但是我要告诉你,我就是在这里踩坑了的。

因为这个window的IIS功能,不涉及到任何基础环境的配置,它只能适用于刚刚提到的仅含HTML+CSS+JavaScript的程序文件,因为这些程序只需要浏览器就能解析,就能打开。但是它打不开任何PHP文件,不信你试试打开一个PHP文件:

它存在一个巨大的问题:无法解析任何的PHP之类的后端文件,因为这些文件依赖服务器环境,你需要安装类似apache、.net和MySQL等才能运行。

所以如果只用IIS功能,就要求你的网站只能是一个前端页面,不能加载任何后端的程序,本质上它跟直接本地打开没有任何区别,不管是你打开还是其他IP的主机打开,都相当于是在本地打开。

如果要加载后端程序,你~必~须~把你的电脑或者程序运行的环境配置成能够支持后端程序的状态。

多说一句,删除IIS功能的视频可以参考下这个:

删除windows的IIS功能_哔哩哔哩_bilibili


如果你用的后端程序和我一样也是php的话,就必须安装apache(用来配置上网环境)和PHP(解析php文件)。那么你可以使用phpstudy面板,一键安装所需要的软件。

在phpstudy官网(一定是官网,千万不要直接在百度上找什么软件下载中心去下载,小心被装一堆“全家桶”)下载安装包,这个软件是免费的,还可以一键安装,适合小白。

小皮面板(phpstudy) - 让天下没有难配的服务器环境!

一键安装后,你需要在小皮面板首页打开apache和MySQL,让它为蓝色运行中的状态,如果你还需要做ftp功能,才需要把FTP这个功能也装上。

然后在左侧的“网站”选项中点击创建网站:

如果你写的是一个从来没有被任何人购买和使用的域名,那么这个小皮面板可以给你生成一个虚拟域名,你能够在自己的电脑上直接打开这个网站,比如像这样:

80端口是指可以让你的电脑被其他电脑访问的端口,根目录一定选成你放了你自己的HTML等文件的那个文件夹,才好让系统知道打开哪里的文件。数据库和ftp根据你自己的情况创建。像我就只选了数据库,因为我需要上传数据,但未必需要上传文件。然后点击确定。

在保证apache和mysql打开的情况下,点击这个“打开网站”,你就能在浏览器中打开你的网站了,之前打不开的php文件就能正常运行啦!

恭喜你,拥有了一个前端+后端程序都能运行的网站!

但是因为是虚拟域名,你们单位的其他电脑是打不开这个地址的。

你肯定很有疑问,我要的是局域网啊,单位内的其他电脑打不开那还有啥用?

简单!那么你就需要把域名这个地方配置成你自己电脑的IP地址就可以啦!


把你的IP地址配置进去,使用80端口,然后选好本地放网页程序的根目录,就可以啦!

接下来你就既能运行php,又能让单位里面的其他电脑都能访问这个网站了。

看,这样只要是跟你在一个IP网段下的电脑,就能访问这个网站啦!而且php运行毫无问题!


如果你头够铁,就算你们单位做了内外网分离,但是你就要单位的内网+外网也能访问你电脑上的这个局域网网站,且不允许公网访问,那又该怎么做呢?完美体育

你就需要改装你的电脑,安装两个网卡,这样你的电脑就可以配置两个IP,一个外网IP,一个内网IP,然后在小皮面板里面把两个IP都分别建立进去,就可以啦!

但是这么做的风险也很大,会导致黑客通过你的电脑从外网直接攻入内网,那么单位的内网就不安全了,所以最好还是建议不要这么做,内网就是内网,不要让它有被攻击的风险。



PS:如果你想要网站不再是局域网,又想要转为公网也可以访问,你就需要去购买一个域名,然后通过阿里云、腾讯云或者你们当地的移动联通电信进行ICP备案,然后再把IP地址解析到那个域名下面,这样你的网站才能实现公网访问。哪怕你只需要直接IP地址就公网访问,也是必须做ICP备案的,否则运营商不会给你开公网的80端口。

顺带一提,如果你选阿里云的ICP备案服务,那么你必须同时购买他们的服务器至少3个月,否则不给你备案。别问我怎么知道的。

这个B站视频有讲到,如何在阿里云腾讯云下购买服务器空间,并购买域名和ICP备案。讲的很详细,可以一看。但是这个只适用于公网网站,不适用于局域网网站哈。

从零开始搭建一个商用网站_哔哩哔哩_bilibili手把手带你从0搭建个人网站,小白可懂的保姆级教程 | 2种方法让你拥有个人博客,程序员自学编程必备_哔哩哔哩_bilibili

上面两个视频总结一下,就是利用了阿里云或者腾讯云的服务器,使用宝塔面板(跟phpstudy面板类似,也是帮你一键安装PHP和MySQL的环境),然后在网上下载一套前端的程序和主题页面,就能最短时间建站了。