让别人远程访问你的代码网站项目或临时演示你的项目给客户的方式详解即外网局域网访问自己的项目

让别人远程访问你的代码网站项目或临时演示你的项目给客户的方式详解

引言

痛点概述:

  1. 写的新的网页、项目想要给异地的男女朋友展示。
  2. 参与项目汇报的时候,内网的程序怎么临时让现场的客户及时体验。
  3. 参与微信小程序,支付宝小程序开发时的调试。
  4. 拥有文件收集服务器,怎么样人人都可以访问到这个服务器。
  5. 怎么远程访问你电脑的资源
  6. 怎么远程把文件上传到家中的电脑
  7. 路由器怎么才能够拥有公网
  8. 闲置的手机怎么利用
  9. 闲置的手机怎么做一个监控摄像头
  10. 闲置的手机怎么作为自己的服务器
  11. 怎么样让手机的服务器网站让别人能访问到

一、创建一个你想要别人访问的项目

现在你有一个静态页面,你想除了自己访问,也想别人访问你的杰作,这里简述了集中部署的方式,请看下文

image-20220311164425756

image-20220311164319534

二、明确你想要将这个网站或者项目存放的地方

终端分类

随着现代硬件和应用技术的发展,我们的终端不断地进步升级,一切面向用户的设备都可以叫做终端,比如手机、PC机、机顶盒、无线打印机、POS机、一些数据采集器等等属于终端。本文着重介绍网页部署相关的终端,如PC机,手机。

image-20220311160252572

服务器设备

知乎答案:什么是服务器?

什么是服务器? 服务器也叫做伺服器,是提供计算机服务的设备。服务器可分为文件服务器、数据库服务器、应用程序服务器、WEB服务器等,根据计算机的服务请求,并进行相应的处理,具备承担服务和保障服务的能力。使用电脑很多的人也可以把电脑当做一个服务器,为你提供你所需要的服务。

image-20220311154637999

  • 企业级服务器,一般是没有屏幕的,并且硬件高度集中。子服务器只做自己事情。

image-20220311160700629

  • 触手可见的服务器:我的电脑可以上网,也拥有文件管理,同时也拥有其他的服务模块。

image-20220311161225509

  • 用户访问一个有数据的网站的流程

image-20220311161922404

  • 常见的服务器的系统:
    • WINDOWS系统有Windows server 2003、Windows server 2008、windows server 2012。
    • LINUX系统有 Ubuntu、Fedora3、openSUSE4、Debian5、Slackware6、RedHat。
    • 目前最流行的系统是 Windows 2008、Redhat、CentOS 6。

WEB服务器

img

顾名思义就是存放web应用的服务器,如你的网站,网页等。

目前主流web服务器有:IIS、Tomcat、nginx、apache。

  1. IIS是微软主力打造的web服务器,目前作为Windows系统组件一部分,和微软上层web开发(asp.net)应用接口紧密。关于IIS的使用可以看百度问答
  2. Tomcat:Tomcat是Apache软件基金会(ApacheSoftwareFoundation)的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。Tomcat技术先进、性能稳定,而且免费,因而深受Java爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web应用服务器。tomcat安装教程
  3. Nginx是开源的后起之秀,是俄罗斯开发的一款用于高并发服务的web服务器,主要应用于高并发网站、静态服务器、下载服务器等,其优点是性能更高,支持负载均衡,反向代理。
  4. Apache是世界使用排名第一的Web服务器软件。它几乎可以运行在所有的计算机平台上。由于Apache是开源免费的,因此有很多人参与到新功能的开发设计,不断对其进行完善。Apache的特点是简单、速度快、性能稳定,并可做代理服务器来使用。
  5. WebLogic是专门应用于企业级开发的web服务器,比较常见的是和Java语言搭配,使用起来和Apache差不多,同时它的架构也非常的优秀.
  6. Jetty是专门针对Java Web的服务器,它被用来运行Servlet程序,是众多服务器中最局限的一个了。小编并不建议大家掌握这款服务器
  7. thttpd 中是一个简单,小型,轻便,快速和安全的http服务器
    • 简单:它能够支持HTTP/1.1协议标准,或者超过了最低水平
    • 小巧:它具有非常少的运行时间,因为它不fork子进程来接受新请求,并且非常谨慎的分配内存。
    • 便携:它能够在大部分的类Unix系统上运行,包括FreeBSD,SunOS 4,Solaris 2,BSD/OS,Linux,OSF等等
    • 快速:它的速度要超过主流的Web服务器(Apache,NCSA,Netscape),在高负载情况下,它要快的多
    • 安全:它努力的保护主机不受到攻击,不中断服务器
  8. Lighttpd:Lighttpd是由德国人 Jan Kneschke 领导开发的,基于BSD许可的开源WEB服务器软件,其根本的目的是提供一个专门针对高性能网站,安全、快速、兼容性好并且灵活的web server环境。具有非常低的内存开销,CPU占用率低,效能好,以及丰富的模块等特点。支持FastCGI, CGI, Auth, 输出压缩(output compress), URL重写, Alias等重要功能。

image-20220311164743944

三、部署我们的网页

本地部署流程

image-20220311154958808

当我们写好我的网页后,双击就可以打开,但是要观察他的路径地址,并不是我们需要的IP地址,我们需要的结果是,使用一个类似http://www.baidu.com 格式网站,我们应该如何做?

image-20220311164941812

image-20220311165243483

假设你已经下载了tomcat,找到tomcat服务器的位置,进入webapps里面是所有的网站程序

image-20220311165652749

将我们的demo文件夹放入到webapps中

image-20220311165853636

启动tomcat容器

image-20220311165959380

进入浏览器输入网址访问

启动后让它飞一会,直接去浏览器输入:

http://127.0.0.1:8080/demo
或者http://localhost:8080/demo

image-20220311170123774

获取本机的IP地址,进行访问

这里会涉及到IP域名:在互联网中每个电脑都有一个独一的身份证号就是ip。同时每一个电脑都是很多个端口,特定的服务可以拥有特定的端口。

使用电脑cmd命令查看本机的ip: ipconfig 将上面的127.0.0.1 或者 localhost换成自己的ip:

image-20220311170819943

image-20220311171320989

此时你就可以让在一个网段下 的朋友访问这个地址了。知乎-:什么是局域网

四、让局域网中的别人访问的这个项目和网站

通过局域网放问项目

局域网内的用户是指同一个网线,例如同一个房间,同一个学习,工作单位。以及同一个wifi下的用户,包括手机和pc

image-20220311171639336

操作方式:打开电脑热点,用手机连接热点,再输入这个电脑的ip地址和端口以及页面地址就可访问这个网页:http://10.23.69.115:8080/demo 使用电脑也可

image-20220311172020919

不在一个局域网的访问方式

怎么让不是一个局域网下的用户访问到你的网页 例如他用的数据网络,而你用的是wifi网络,或者你用的也是数据网络。

五、不在一个局域网的访问方式

1、使用IDC提供的云上服务器

云上服务器会提供给你一个直接访问的IP地址,你可以直接把项目放在这个云上的服务器进行部署。如果有想法,可以使用常用的百度搜索关键词自行查找:

  • 免费空间
  • 免费主机
  • 云服务器
  • VPS
  • 网站托管
  • 代码仓库

2、使用公网IP

使用公网IP可以理解为你拥有一个阿里云的服务器,这个服务器就是你的随身笔记本电脑。你每次上网都是唯一的IP地址,相当于就是你电脑的唯一访问标识以及身份证,别人能够通过这个唯一的ip地址访问你的电脑,以及访问你电脑上的网站项目。

什么是公网和内网

公网:公网是相对于内网而言的。内网上网的计算机得到的IP地址是Internet上的保留地址;而公网上网的计算机得到的IP地址是因特网的公用地址,是非保留的地址。公网的计算机和因特网上的其他计算机可随意互相访问。

例如你买了一个阿里的云服务器,阿里会给你的服务器分配一个内网ip和一个随便在什么设备都能访问的公网IP或者域名,可以理解后面这个就是公网。

内网:也叫局域网(Local Area Network,LAN),是在一个局部的地理范围内(如一个学校、工厂和机关内),一般是方圆几千米以内,将各种计算机,外部设备和数据库等互相联接起来组成的计算机通信网。

image-20220314095735783

NAT:NAT被叫做地址转换技术,诞生于IP地址匮乏的年代,传统IPV4的公网地址已经枯竭,如果没有NAT地址转换技术,现在很多设备都是连接不上互联网的,很多人在公司上班或者在家里上网,电脑都会分配到一个192.168.1.100的私网地址,这种地址只适用于在局域网内通信,是出不了外网的,正是因为NAT技术的出现才使得内网地址能很方便的访问互联网。

image-20220314094642039

查看自己的ip是公网IP

在浏览器百度下,输入IP,你会发现和使用CMD命令查看的本机ip不一致,可以简单理解为你的IP不是公网IP,而是你连接实验室的网线,实验室的网线连接学校的网管中心,网管中心连接通信商分配的公网IP。所以这个不是你得电脑的公网IP地址,用这个地址访问自己电脑上的项目是不可以的。但是我们可以通过其他的方式也可以直接访问我们的电脑上的项目和网站。

image-20220314094923516

六、实现公网的方式

第一种:运营商分配

常规的操作就是,你家开了宽带,移动给你分配了一个路由器,你的电脑连接了这个路由器并且电脑上有web项目,但是现在你的项目只能是在同一个wifi的用户才能访问(不能访问因为有防火墙,关闭就可),这时候移动就是老大,你可以给他打电话问他能不能给你开的宽带(路由器)分配一个公网的地址(一般会询问你为什么要公网IP,就要看大家的嘴皮了:举例,你家装了监控,只能内网访问,而你想要随时随地看到监控画面,就需要把你的监控映射到公网,让移动给你分一个IP),那样你的电脑也就拥有了公网的ip地址。

  • 首先,打致电10086,选择宽带业务,转接人工客服。
  • 之后,以装监控为由申请公网IP。
  • 最后,如果不给,就工信部投诉,百试百灵。
有公网IP的配置

拥有了公网IP后,也需要进行一步步的设置:进入路由器后台把DMZ主机开启,做好端口映射。配置的教程可以直接搜索:dmz主机设置

image-20220314101616612

  • DMZ简单含义:纯手画的一个图,希望能帮助理解

    image-20220314103115811

把公网IP换成自己想要的名字(域名)

如何拥有域名,怎么解析域名,有需要可以留言

动态域名解析+端口映射(解决给你的公网IP不是固定IP):

动态域名解析称为DDNS,使用TP-LINK路由器时,后台也有这个DDNS的服务,提供这些的服务一般是比较大的公司。他的作用就是把你的IP换成你自己的域名。

image-20220314104048709

  • Oray花生壳
  • No-IP
  • DynDNS

第二种:内网穿透实现的方式

内网穿透其实就是通过建立隧道,与中转服务器建立连接,由中转服务器转发数据,实现公网访问内网。

内网穿透简单来说就是将内网外网通过natapp隧道打通,让内网的数据让外网可以获取。比如常用的办公室软件等,一般在办公室或家里,通过拨号上网,这样办公软件只有在本地的局域网之内才能访问,那么问题来了,如果是手机上,或者公司外地的办公人员,如何访问到办公软件呢?这就需要natapp内网穿透工具了。运行natapp隧道之后,natapp会分配一个专属域名/端口,办公软件就已经在公网上了,在外地的办公人员可以在任何地方愉快的访问办公软件了

image-20220314104619139

1、自己有公网的服务器

需要准备一下东西:

  • 服务器:公网的服务器,可以直接通过IP访问

  • 代理服务端的监听转发程序:有开源的ngrok程序,按照说明文档部署就可以

  • 目的服务端(同时也是面向代理服务器的客户端)的主机转发程序:在你电脑上跑的程序

2、使用免费的反向代理服务商
小米球:官网地址 作者首推!!!!

image-20220314110351024

frp、Tunnel、nps、nat123、花生壳、localtunnel、ngrok

七:使用手机作为服务器方式

访问作者的另一篇文章:把项目部署到手机上运行

闲置手机的应用场景

  • 做一个无线的摄像头:使用内网穿透就可以实现远程监控
  • 做一个手机网盘
  • 搭建一个手机上的web网站
  • 远程控制手机

内网穿透详细实战教程,可以留言更新。在这里插入代码片

如果想要详细的教程可以关注留言,你的催更将是我不竭的动力。

  • 0
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

魔芋小灰菜

不要下次一定,要一键三连

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值