分享自己的HTML页面

前言:作为刚接触前端的学员来说我们没有什么想法;但是当我们学习前端一段时间以后,我们能够编写出美丽的页面,那么问题来了;页面写出来过后是给别人看的,

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

我们就会找方法让其他人看到自己的网页,但是在自己的电脑上面编写的网页只能自己看到,其他人是无法看到的,但是你把你的网页共享出去其他人就能看到了。

目前我用过的方法有①通过wampserver。②购买云服务器。③把自己的电脑搭建成服务器。当然如果想要在任何时候都能访问你的网站第一种和第三种方法必须保持自己的电脑一直处于开机状态。

所以目前我用的是云服务器来发布自己的网站,当然对于大多数人来说云服务器可能太浪费了,如果你只是想在朋友面前显摆显摆,那么下面这种方法就足够你使用了,并且上手简单。

后期我将持续更新其他两种方法以满足不用人的需求。

如何上手wampserver:

  首先我们需要去下载wampserver这个软件,这个软件在大家可以在浏览器搜索下载或者在腾讯的软件管家下载都是可以的。小编这里是找了一个国外的网站下载一个2.1的版本;

软件很小,只有25M,直接点击安装,安装步骤如下:

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第1张

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第2张

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第3张

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第4张

 

这里打开之后如果显示是绿色的那么就是安装成功了。如果显示是红色或者黄色都是代表安装不成功,建议重新安装,小编也遇到过安装失败的情况,重新安装就好了。

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第5张

接下来就是关键了:将我们编写好的HTMl文件复制到安装目录wamp——>www文件夹中

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第6张

为了让其他人访问,我们必须提供一个ip,IP怎么查看呢,我们win+R快捷键输入cmd打开控制台,在控制台中输入ipconfig找到自己的IP4地址就是自己的ip了。

如何让自己的网页让其他人看到;如何发布自己的网站;如何让朋友访问自己编写的前端页面 随笔 第7张

 

最后一步就是将安装路径下的wamp——>bin——>apache——>conf——>httpd.conf文件用记事本打开通过查找里面的Deny from再改为Allow from。

在局域网的用户通过你的ip就可以访问了。

如果你想让广域网的用户也能访问那就就需要你去工信部备案,申请自己的域名。

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄