将本地web网页映射到公网访问

最新推荐文章于 2024-06-04 19:06:56 发布

奋斗的码农QA

最新推荐文章于 2024-06-04 19:06:56 发布

阅读量1.5w

点赞数 6

分类专栏： ip映射文章标签： ip

ip映射专栏收录该内容

2 篇文章 0 订阅

订阅专栏

将本地web网页映射到公网访问

本篇文章转自 https://segmentfault.com/a/1190000011827338#articleHeader3

总是有很多原因，我们希望能够通过一个域名或IP在公网上就可以访问我们自己写的项目，对于一般情况，我们最正规的做法便是购买服务器，空间，域名，然后将域名解析，最后通过购买域名访问网站。然而，对于刚刚起步的开发者或是某些特殊情况下，我们希望的可能仅仅是在公网上让自己或是别人看看一下自己的一个小网页而已，我们希望的功能可能只有那么一点点，那么这种做法显得费时，费力又费钱，十分不划算。

所幸，实现这个功能还是有很简单的办法的，在这里，我们借助node.js 和第三方工具来实现内网穿透，node的安装不是我们的重点，在这里请大家自行进入官网下载自己需要的版本 https://nodejs.org/en/download/

首先，我们需要先建立自己的web服务，并监听一个端口。在这里，我用的是WebStorm，先在自己的项目下加入一个server.js 文件，然后加入以下代码：

var http = require('http');
var fs = require('fs');//引入文件读取模块

var documentRoot = '/Users/eternal/Desktop/blogs.test';
//需要访问的文件的存放目录 注意这个地方要写成自己的项目文件放的目录（这个地方的是我自己的）。
var server= http.createServer(function(req,res){

    var url = req.url;
    //客户端输入的url，例如如果输入localhost:8888/index.html
    //那么这里的url == /index.html

    var file = documentRoot + url;
    console.log(url);
    //E:/PhpProject/html5/websocket/www/index.html


    fs.readFile( file , function(err,data){
        /*
            一参为文件路径
            二参为回调函数
                回调函数的一参为读取错误返回的信息，返回空就没有错误
                二参为读取成功返回的文本内容
        */
        if(err){
            res.writeHeader(404,{
                'content-type' : 'text/html;charset="utf-8"'
            });
            res.write('<h1>404错误</h1><p>你要找的页面不存在</p>');
            res.end();
        }else{
            res.writeHeader(200,{
                'content-type' : 'text/html;charset="utf-8"'
            });
            res.write(data);//将index.html显示在客户端
            res.end();

        }

    });
}).listen(8080); //这是在本地监听的端口，可以根据自己的需要修改

console.log('服务器开启成功');