小白技能升级,打造自己的网址导航!
这个问题的来源是酱紫的,一个朋友他们单位有各种内部系统,这些内部系统几乎每天都要访问到,所以较简单的方式是一打开浏览器就能看到这些系统,类似如下图:
最直接的方法是制作一个上图这样的静态页面,然后给电脑浏览器设置为首页,这样浏览器一打开,就会是这个页面。
浏览器是可以设置当前电脑的一个静态本地页面作为首页的。
那么问题来了,他们单位有100多台电脑,如果每台电脑这样去设置一遍,要疯的,而且,这些网址是会增加或者变动的,每增加变动一次,又去修改设置一遍,就会再疯一次,多弄几次就要去四平了。
如果把这个网址页弄到一台电脑上,让所有电脑可以同时访问,那不就可以做到修改一次,全部都变的效果么?就不用100多台电脑分别去设置一遍了。
这其实就是网站了,网站就是这个效果,网页在服务器上,修改一次,所有访问都得到修改后的结果。
所以今天给到一个简易的HTTP服务器的解决方案,也叫web网站服务器的解决方案,也叫文件服务器的解决方案,因为他只能简单的呈现静态页面以及提供文件列表以供访问,不可以用于网站编程。
从这里开始,要认真看了,不能分神,否则可能会看不懂。
上图的IP地址是我电脑的IP地址,按Win+R键,输入cmd然后命令行界面输入ipconfig,可以查看到自己电脑的IP地址。
里面看到的网页,是我随便找的一个静态网页文件呈现出来的效果。
也就是说,后面这张图片,是直接文件点开index.html文件看到的效果,也就是说的单机页面。但是做了服务器处理后,可以通过IP地址来访问这个文件,达到同样的效果,而这个服务器处理,靠的就是下面这个简易的软件。
不做任何设置的时候,初始化是这样的:
点左边中间的Open in brower后,访问到的页面是这样的:
下面要开始简单,强大的设置了,只需要在左边的Virtual File System框里面右键去添加目录或者文件即可,不要眨眼睛,其实设置非常简单。
会让你去浏览电脑的文件目录,我添加了两个,让你看看效果。
操作都是选定目录后,点确定,之后会有下面提示,这个提示的意思是实际目录还是虚拟目录,最终效果一样,意思是大目录就选第一个,小目录就选第二个。
上面的设置没有任何损伤,不会对你实际文件造成丢失之类的,设置错了remove重新设置就好,可以随便试,设置完了,再访问看看,就会有下面奇特的效果。
这个时候,你的电脑就已经相当于一台文件服务器了,跟你同一台局域网的电脑,可以通过上面的网址,访问到上面的页面,两个目录点进去分别是啥效果呢?也给你看看。
第一个,就是前面的网页效果,因为我指定的http目录下面的index.html文件就是这样的显示。
第二个就是文件服务器的效果,展现的结果是这样的:
在我电脑上,“资料”那个目录,实际上是这样的:
明白了吧?总结一下,就是运行了hfs那个软件后,电脑直接变成了文件服务器,经过简单的设置后,就可以把你电脑的文件通过浏览器网站访问的形式,给你局域网的电脑来访问。
你说我的文件不想随便给任何人访问,没问题,还可以设置用户和密码,选中目录,选择“Set user/pass”。
接下来就会让你设置用户名和密码:
再访问,就需要你输入用户名和密码了:
后面这部分讲的做为文件服务器的用途,因为列表中的文件就可以直接下载了,我们言归正传,继续说做为网页访问,打造自己的网址导航。
先把静态页面的下载跟hfs提供出来,往公众号发送“静态导航”获取文件。
下载的文件叫做static-nav-master.zip文件,解压缩之后,目录如下:
解压缩之后,随便放哪里,只要你自己知道在哪,然后再做Add folder from disk的时候,去指定到static-nav-master即可,你最终看到的效果大概率是这样的:
我解释一下,之所以出来localhost这是本机的意思,跟访问本机ip地址效果完全一样,但是别人的电脑要访问就必须使用ip地址,而不能用localhost,就好像我自称“本人”,而你们称呼我为“大白”的道理差不多。
后面显示static-nav-master,我前面显示的http,你可以理解为我修改了文件夹名而已。
既然是要打造自己的导航,那内容要可以修改,嗯,那个index.html文件就是你可以随意修改的,就是普通的文本文件,可以记事本打开,截取部分代码给你看看:
看不懂没关系,重要的是他们是有规律的,href后面那个是网址,最后面是网址对应的中文名称,有可能会改乱,注意备份,改乱了重新来过,直到摸到规律为止(这已经是在学习制作网页了)。
看到这里其实功能已经完备了,我们再来玩大点的,就是让不止是局域网,而是互联网上的人都可以访问到上面你发布出来的页面,如果不需要外网可以访问的,就可以阅读到此了。
这就涉及到内网映射,简单来说就是当访问到你家网络外网IP的时候,会自动映射到你的电脑,或者访问到外网的某个域名的时候,访问到的是你的电脑,听起来有点抽象,继续看你就会明白。
有一些设置路由器等的方案,但要说的偏多,我这里还是用一个工具,就是花生壳,是个老牌软件,当然越来越商业化了,我们只使用他的免费功能。
去花生壳的官网:https://hsk.oray.com/download/ 点“免费下载”,然后安装。
安装注册登陆的过程我就不说了,常规的软件安装使用,从下图开始添加设置:
点击“映射数”会跳到设置平台,我们首先去添加域名,进去后,首先点“域名列表”,然后点击“注册壳域名”,如下图:
到了注册页面后,输入你想注册的域名,下面选择免费的类型,然后点查询。
下面出来查询结果,没有价格,并且显示可以“立即注册”的,就是可以开始注册了。
注册过程可能会要求你输入姓名和身份证,这是正常过程,没有额外需要提供的太多信息,很简单。
注册成功后,进入域名管理就可以看到注册的域名,我今天测试注册了两个。
再回到前面的界面,开始映射过程,就几步,很简单,点击左边的“内网穿透”,点击右边的加号:
按照下面的步骤输入信息:
确定后,就添加成功了,我今天添加了两个,两个的效果其实是一样的:
添加完成后,再去访问看看效果:
这跟之前使用局域网ip访问的效果是完全一样的,但是现在已经发生了质的变化,因为这是一个外网地址,全球都可以通过这个域名访问到你的电脑。
到这里,所有内容就完了,看上去过程似乎有点多,但其实,这已经是所有过程中采用的最简单的解决方案,而且你如果从头跟着仔细读下来,加上一些理解(如果能跟着实践,那就完美了),你会发现这个过程其实并不难,也并不难以理解,小白也可以实现上述所有过程。
上面这些看似简单的过程,实际上你学到了如何搭建web/文件服务器,如何做内网穿透映射,如何简单的注册域名,还要涉及如何修改网页,最简单的解决方案,让你学习到专业人士才会涉及的内容。
近期必看电脑问题:
电脑问题咨询
你的随身电脑顾问,专业、实用不失趣味的电脑知识、技巧,感悟人生、调剂生活、逗你开心的良心公众号,你还没关注哪?