当前位置: 首页 > news >正文

怎么把自己做的网站放到公网上免费软件app

怎么把自己做的网站放到公网上,免费软件app,柳州网站建设招聘,现在建设校园网站用什么软件文章目录 1、前言2、安装Nginx3、配置Nginx4、启动Nginx服务4.1、配置登录页面 5、内网穿透5.1、cpolar5.1.1、cpolar软件安装5.1.2、cpolar穿透 5.2、Ngrok5.2.1、Ngrok安装5.2.2、随机域名5.2.3、固定域名5.2.4、前后端服务端口 5.3、NatApp5.4、Frp5.4.1、下载Frp5.4.2、暴露… 文章目录 1、前言2、安装Nginx3、配置Nginx4、启动Nginx服务4.1、配置登录页面 5、内网穿透5.1、cpolar5.1.1、cpolar软件安装5.1.2、cpolar穿透 5.2、Ngrok5.2.1、Ngrok安装5.2.2、随机域名5.2.3、固定域名5.2.4、前后端服务端口 5.3、NatApp5.4、Frp5.4.1、下载Frp5.4.2、暴露内网服务 5.5、神卓互联5.5.1、安装5.5.2、创建映射5.5.3、检测系统服务启动失败原因 5.6、飞鸽5.6.1、开通隧道5.6.2、启动服务5.6.3、动态图演示 6、各类内网穿透对比 1、前言 内网穿透NAT穿透是一种将本地网络服务暴露给互联网的一种技术。 这种技术可以很好地解决许多局域网内的资源共享。采用路由的方式将一台计算机变成一个“路由器”将公共的网络地址转为内部网络地址从而实现通过英特网可以访问局域网资源的目的。 内网穿透有许多应用场景例如 远程办公 有时候需要在家里远程办公需要访问公司内部的服务器或者局域网中的资源。利用内网穿透技术可轻松实现远程办公。远程开发调试开发Web应用时常常需要在移动设备中测试。通过内网穿透技术可以将服务端开发环境暴露到公网上方便在移动设备上进行调试提高开发效率。家庭服务器管理 在家中搭建了NAS存储、智能家居控制系统等设备。当我们离开家时可以通过内网穿透在互联网中安全访问家庭服务器远程管理数据和设备。云服务器访问 对于云服务器有时候我们需要访问其中的数据库、文件或者其他服务。通过内网穿透我们可以直接访问云服务器内部的资源节省时间和成本。局域网游戏联机 内网穿透可以让多台设备在同一个局域网中进行联机游戏。这样即使设备之间不在同一个网络中也可以通过内网穿透建立虚拟的局域网实现联机游戏的功能。 总的来说如果使用内网穿透会给你一个公网ip映射到本地ip这样别人就可以通过互联网访问你的服务了。如果不使用内网穿透只能局域网内Ip(本地Ip)才能访问你的服务。 2、安装Nginx 首先前往Nginx官网nginx.org)进行下载也可以直接用我提供的链接下载1.23版本http://nginx.org/download/nginx-1.23.1.zip 安装完之后解压然后你会看到如下目录 由于Nginx的功能很多而我们今天只是搭建个服务器所以只会用到其中的一部分。 3、配置Nginx 进入conf文件夹打开nginx.conf文件进行编辑里面的配置很多我对其中一些重要的配置进行了说明前面有“#”的表示并没有真正写入配置若要加入只需去掉“#” nginx配置-location 开头表示精确匹配 如 A 中只匹配根目录结尾的请求后面不能带任何字符串。^~ 开头表示uri以某个常规字符串开头不是正则匹配~ 开头表示区分大小写的正则匹配;~* 开头表示不区分大小写的正则匹配/ 通用匹配, 如果没有其它匹配,任何请求都会匹配到 顺序优先级 (location ) (location 完整路径) (location ^~ 路径) (location ,* 正则顺序) (location 部分起始路径) (/) location /api {#精确匹配return 402;}location /api {# 匹配任何以 /api 开头的地址匹配符合以后还要继续往下搜索# 只有后面的正则表达式没有匹配到时这一条才会采用这一条return 403; }location ^~ /proxy/ {# 匹配任何以 /proxy/ 开头的地址匹配符合以后停止往下搜索正则采用这一条。proxy_pass http://127.0.0.1/;}请求http://localhost:80/api 返回402 Payment Required 请求http://localhost:80/api/a返回403 Forbidden 请求http://localhost:80/proxy/test.html 代理到 URLhttp://127.0.0.1/test.html4、启动Nginx服务 配置完Nginx后返回Nginx根目录找到nginx.exe双击运行它你会看到有个小黑框一闪而过这说明Nginx已经成功启动你可以打开浏览器输入虚拟主机名称:监听的端口刚刚的配置回车就会看到如下网页恭喜你已经成功搭建了Nginx服务器 4.1、配置登录页面 在/html 目录下复制下方代码用记事本方式重新覆盖index.html内容保存最后再次打开浏览器输入虚拟主机名称:监听的端口刚刚的配置回车你就会看见如下页面 !DOCTYPE html html langen headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle* {margin: 0;padding: 0;}html {height: 100%;}body {height: 100%;}.container {height: 100%;background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);}.login-wrapper {background-color: #fff;width: 358px;height: 588px;border-radius: 15px;padding: 0 50px;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);}.header {font-size: 38px;font-weight: bold;text-align: center;line-height: 200px;}.input-item {display: block;width: 100%;margin-bottom: 20px;border: 0;padding: 10px;border-bottom: 1px solid rgb(128, 125, 125);font-size: 15px;outline: none;}.input-item:placeholder {text-transform: uppercase;}.btn {text-align: center;padding: 10px;width: 100%;margin-top: 40px;background-image: linear-gradient(to right, #a6c1ee, #fbc2eb);color: #fff;}.msg {text-align: center;line-height: 88px;}a {text-decoration-line: none;color: #abc1ee;}/style /head bodydiv classcontainerdiv classlogin-wrapperdiv classheaderLogin/divdiv classform-wrapperinput typetext nameusername placeholderusername classinput-iteminput typepassword namepassword placeholderpassword classinput-itemdiv classbtnLogin/div/divdiv classmsgDont have account?a href#Sign up/a/div/div/div /body /html除了html文件你还可以在该\html文件夹里放任何文件如图片视频压缩包等等。 5、内网穿透 服务器搭建完了网页也有了但其实除了跟你在同一个局域网下的人都无法访问你的网站。 这里就要用到内网穿透了所谓内网穿透也即是局域网能够直接通过公网的ip去访问极大的方便用户的日常远程的一些操作的使用。 5.1、cpolar cpolar官网 5.1.1、cpolar软件安装 首先前往cpolar下载页面根据自己操作系统选择对应的软件安装包进行下载即可。 安装包下载完成之后就需要进行账号注册并进行登录可以点击cpolar官网进行账号注册。 5.1.2、cpolar穿透 1启动 cpolar 安装cpolar之后进入到安装根目录双击执行cpolar.exe可执行文件。 2配置 Authtoken 在官网登录账号拿到隧道 Authtoken在cpolar.exe窗口下配置Authtoken到cpolar。 cpolar authtoken 你的隧道 Authtoken3简单内网端口穿透体验 在cpolar.exe命令窗口下输入下方命令端口可以修改只要映射到自己本地部署的端口都行。 cpolar http 80通过以上操作我们就可以通过cpolar所映射的地址http://2b91d053.r10.vip.cpolar.cn访问我们内网服务器中80端口启动的服务。 例如我在80端口启动了一个nginx服务我们是可以直接通过域名http://2b91d053.r10.vip.cpolar.cn进行访问本地电脑的nginx服务。 4cpolar状态监听面板 我们可以通过cpolar状态监听面板查看我们启动cpolar服务。 5.2、Ngrok Ngrok官网 ngrok参考配置文档 5.2.1、Ngrok安装 1点击【Get ngrok】【Download】,根据自身需求选择对应平台软件下载。 2下载完得到一个解压包直接解压得到【ngrok.exe】双击后会出现如下界面说明已经启动了ngrok服务 5.2.2、随机域名 1**你需要登录一个ngrok的账号来获取属于你的Authtoken密钥**如果没账户自行注册。 2你可以使用你的github账号登录在这里就不演示了。登录成功之后有两个地方可以显示你的AuthToken秘钥 ①在主页显示②在左侧菜单栏【Getting Started】【Your Authtoken】查看。 3复制你的Authtoken粘贴到ngrok命令窗口中配置你的信息注意要替换成自己的秘钥。 ngrok config add-authtoken 2CZJkTcaAAXzRJx53AnD_6aVs8BBAaybUUpSMaaa4执行成功后命令行界面中会出现下面的信息。此时代表配置成功。ngrok程序已经在你的用户目录下创建一个.ngrok2文件夹并在文件夹中创建一个配置文件ngrok.yml。 Authtoken saved to configuration file: C:\Users\用户\AppData\Local/ngrok/ngrok.yml 5映射端口 在ngrok命令行界面中执行下面命令即将本地端口8080映射到公网中如果需要映射其他端口只需将8080改成相对应的端口即可。 # 将本地8080端口映射到公网中 ngrok http http://localhost:8080# 将本地80端口映射到公网中 ngrok http http://localhost:80别人通过访问 https://9031-124-227-194-80.ngrok-free.app/ 从而访问本地80端口服务。 注意该程序需一直保持运行程序关闭映射也将关闭。如果需要关闭映射可以使用ctrl c 或关闭该界面进行程序终止。每次重新执行命令映射公网的域名都会发生改变。 5.2.3、固定域名 为了解决每次运行Ngrok得到随机域名的情况我们可以通过下方配置获得固定域名 1点击【Cloud Edge】, 【Domains】,【Create Domain】创建一个固定域名 2在映射端口添加【–domain】属性 在ngrok命令行界面中复制给定的Tunnel命令将本地端口80映射到公网中我们会发现无论再怎么启动都是相同的域名了 ngrok http --domainrested-accepted-akita.ngrok-free.app 805.2.4、前后端服务端口 1找到ngrok.yml文件修改配置 version: 2 authtoken: 2V6c4MgI9D7lcoUcEHGljIJ7BHH_3wNvTWuZNgSY55HMfrALG tunnels:frontend:proto: httpaddr: 5173backend:proto: httpaddr: 81042通过隧道名称启动对应的隧道 # 启动frontend前端隧道 ngrok start frontend # backend后端隧道 ngrok start backend # 启动全部隧道包括frontend和backend ngrok start --all5.3、NatApp 首先在本站注册账号 点击注册登录后,点击左边 购买隧道,免费/付费均可 根据需要选择隧道协议,这里以web演示,购买隧道 本机建立web服务,如 nginx/apache/iis 等,默认80端口确保 http://127.0.0.1 可以访问,如 5.在 natapp.cn 根据您的本机下载对应的客户端,比如我的本机是win10,64位,则下载Windows 64位的客户端 6.下载之后,解压至任意目录,得到natapp.exe (linux下无需解压,直接 wget) 7.取得authtoken 在网站后台,我的隧道处,可以看到刚才购买的隧道 点击复制,即可得到 authtoken 这个authtoken便是您的隧道登录凭证,如这里得到的authtoken为9ab6b9040a624f40 8.运行natapp natapp支持两种运行方式 a) config.ini方式 (推荐) 据操作系统下载不同的config.ini文件到刚才下载的natapp.exe同级目录 详见 将第7步得到的authtoken填进去 (其他地方都不填),然后保存 windows下,直接双击natapp.exe 即可. 在Linux/Mac 下 需要先给执行权限 chmod ax natapp然后再运行 ./natappb) cmd -authtoken 参数方式运行. windows ,点击开始-运行-命令行提示符 后进入 natapp.exe的目录运行 natapp -authtoken9ab6b9040a624f40linux ,同样给予可执行权限之后,运行 ./natapp -authtoken9ab6b9040a624f40注意参数输入正确性,不要有多余的空格等! 9.运行成功,都可以得到如下界面: Tunnel Status Online 代表链接成功Version 当前客户端版本,如果有新版本,会有提示Forwarding 当前穿透 网址 或者端口Web Interface 是本地Web管理界面,可在隧道配置打开或关闭,仅用于web开发测试Total Connections 总连接数Avg Conn Time 0.00ms 这里不代表,不代表,不代表 延时,需要注意! 10.将natapp分配的网址(上图Forwarding ),鼠标选定然后复制下来(选定之后单击鼠标右键),在浏览器中访问,可以看到内网穿透成功了! 5.4、Frp 5.4.1、下载Frp 找到适合自己的版本下载 以Windows的包为例解压后可以获得这些内容 frps是服务端程序frpc是客户端程序。ini文件就是对应的配置文件。 5.4.2、暴露内网服务 1配置 frps.ini并启动服务端 frps [common] bind_port 70002在需要暴露到外网的机器上本地机器部署 frpc配置如下 [common] server_addr x.x.x.x server_port 7000[secret_ssh] type stcp # 只有 sk 一致的用户才能访问到此服务 sk abcdefg local_ip 127.0.0.1 local_port 223在想要访问内网服务的机器上外网机器也部署 frpc配置如下 [common] server_addr x.x.x.x server_port 7000[secret_ssh_visitor] type stcp # stcp 的访问者 role visitor # 要访问的 stcp 代理的名字 server_name secret_ssh sk abcdefg # 绑定本地端口用于访问 SSH 服务 bind_addr 127.0.0.1 bind_port 60004把frpc也都启动起来之后通过 SSH 外网机器就可以访问内网机器了 ssh -oPort6000 test127.0.0.15.5、神卓互联 巴比达内网穿透官网说明文档 5.5.1、安装 1下载客户端 巴比达内网穿透官网在产品中心选择内网穿透私有云系列如图所示 2选择内网穿透版本 在内网穿透页面上点击【下载Windows客户端】按钮进行下载中心页面 如图所示 3登录巴比达客户端 双击【巴比达】软件使用神卓账号进行登录、如未有账号请先注册账号 5.5.2、创建映射 方式一官网创建映射 1点击【内网穿透】【映射管理】【创建映射】 2选择【网页类应用】【开始创建】 3配置穿透信息 4创建好访问通道后重启巴比达软件 5访问测试 方式二巴比达创建 1创建映射 ​ 1点击创建映射 ​ 2自定义 应用名称、选择 9.0 、添加内网地址、选择应用端口 ​ 3点击保存 ​ 4点击返回按钮 回到 客户端管理页面 2映射规则创建完成 ​ 1自动获得一个 公网固定访问地址 如不主动删除一直有效 ​ 2点击检测创建的映射是否正常 ​ 3检测结果均为绿色说明 内网应用、公网地址、系统服务 均为正常 5.5.3、检测系统服务启动失败原因 1状态显示绿色的 “RUNNING”表示后台服务运行正常。 2状态显示红色的 “系统服务未安装” 或者空白表示安装客户端的时候为成功安装系统服务组件如出现此情况可 ​ 以尝试卸载重新安装客户端。 3状态显示红色的 “系统服务启动失败“表示当前操作系统无法启动服务或者启动时被第三方软件给屏蔽或拦截 ​ 此类情况需要用户排查主机情况。 4使用内网穿透时需要使用网络通信先将可能会进行拦截网络通信的第三方软件放开通行或可将其先行卸载 ​ 等测试连接成功后再重新安装。 ​ 解决方法先将第三方软件连同当前神卓互联客户端一起卸载然后重启主机再重新安装神卓互联客户端即可。 5.6、飞鸽 飞鸽内网穿透注册 5.6.1、开通隧道 注册好后我们点击“开通隧道”选项选择“免费节点”有实力的也可以选贵的。 然后填写信息其中前置域名可以自定本地ip端口一定要设置成你的内网ip:刚配置的端口号。 最后点击确认开通就OK了这样你就得到了免费域名免费公网ip。 5.6.2、启动服务 点击此链接根据电脑系统下载客户端。下载完后解压一共有两个文件傻瓜式运行点击我.vbs和npc.exe。 点击傻瓜式运行点击我.vbs打开后会看见一个弹窗让你填写指令。我们切回飞鸽官网点击“隧道管理”如下图根据电脑系统选择指令点击复制然后切回刚才的弹窗将指令输入进去点击确定。 看到 “欢迎使用飞鸽内网穿透您已成功连接到服务器” 字样则说明这样内网穿透就成功了 通过隧道管理中的“访问地址”直接访问打开浏览器输入刚才开通的隧道的访问地址回车成功访问nginx指定的页面 5.6.3、动态图演示 6、各类内网穿透对比 名称免费带宽免费隧道限制流量访问地址神卓互联1M1条不限制流量访问地址不强制改变cpolar1M1条不限制流量访问地址不定时强制更换Ngrok1M2条不限制流量访问地址不强制改变花生壳1M2条1G/月访问地址不强制改变快解析1M2条1G/月访问地址默认域名有效期3天NATAPP1M2条不限制流量访问地址不定时强制更换飞 鸽0.5M1条不限制流量访问地址不定时强制更换
文章转载自:
http://www.morning.rmpkn.cn.gov.cn.rmpkn.cn
http://www.morning.qwpdl.cn.gov.cn.qwpdl.cn
http://www.morning.rfxw.cn.gov.cn.rfxw.cn
http://www.morning.hlppp.cn.gov.cn.hlppp.cn
http://www.morning.bwfsn.cn.gov.cn.bwfsn.cn
http://www.morning.ldpjm.cn.gov.cn.ldpjm.cn
http://www.morning.gsdbg.cn.gov.cn.gsdbg.cn
http://www.morning.rnngz.cn.gov.cn.rnngz.cn
http://www.morning.plhhd.cn.gov.cn.plhhd.cn
http://www.morning.rnhh.cn.gov.cn.rnhh.cn
http://www.morning.rfrxt.cn.gov.cn.rfrxt.cn
http://www.morning.rxkq.cn.gov.cn.rxkq.cn
http://www.morning.rckmz.cn.gov.cn.rckmz.cn
http://www.morning.cwskn.cn.gov.cn.cwskn.cn
http://www.morning.xfmwk.cn.gov.cn.xfmwk.cn
http://www.morning.qbwmz.cn.gov.cn.qbwmz.cn
http://www.morning.lcwhn.cn.gov.cn.lcwhn.cn
http://www.morning.twwts.com.gov.cn.twwts.com
http://www.morning.wqwbj.cn.gov.cn.wqwbj.cn
http://www.morning.gmmxh.cn.gov.cn.gmmxh.cn
http://www.morning.ktrdc.cn.gov.cn.ktrdc.cn
http://www.morning.jrdbq.cn.gov.cn.jrdbq.cn
http://www.morning.diuchai.com.gov.cn.diuchai.com
http://www.morning.ckrnq.cn.gov.cn.ckrnq.cn
http://www.morning.ktxd.cn.gov.cn.ktxd.cn
http://www.morning.blfll.cn.gov.cn.blfll.cn
http://www.morning.bbmx.cn.gov.cn.bbmx.cn
http://www.morning.xnnxp.cn.gov.cn.xnnxp.cn
http://www.morning.zyytn.cn.gov.cn.zyytn.cn
http://www.morning.skfkx.cn.gov.cn.skfkx.cn
http://www.morning.ylzdx.cn.gov.cn.ylzdx.cn
http://www.morning.ccyns.cn.gov.cn.ccyns.cn
http://www.morning.mqss.cn.gov.cn.mqss.cn
http://www.morning.ckcjq.cn.gov.cn.ckcjq.cn
http://www.morning.plqsc.cn.gov.cn.plqsc.cn
http://www.morning.xdmsq.cn.gov.cn.xdmsq.cn
http://www.morning.sgfnx.cn.gov.cn.sgfnx.cn
http://www.morning.ltywr.cn.gov.cn.ltywr.cn
http://www.morning.zmqb.cn.gov.cn.zmqb.cn
http://www.morning.lpmdy.cn.gov.cn.lpmdy.cn
http://www.morning.dnls.cn.gov.cn.dnls.cn
http://www.morning.tplht.cn.gov.cn.tplht.cn
http://www.morning.kybpj.cn.gov.cn.kybpj.cn
http://www.morning.lfsmf.cn.gov.cn.lfsmf.cn
http://www.morning.ysdwq.cn.gov.cn.ysdwq.cn
http://www.morning.lmnbp.cn.gov.cn.lmnbp.cn
http://www.morning.yfzld.cn.gov.cn.yfzld.cn
http://www.morning.mwrxz.cn.gov.cn.mwrxz.cn
http://www.morning.xrwtk.cn.gov.cn.xrwtk.cn
http://www.morning.hnhkz.cn.gov.cn.hnhkz.cn
http://www.morning.ddtdy.cn.gov.cn.ddtdy.cn
http://www.morning.clyhq.cn.gov.cn.clyhq.cn
http://www.morning.swlwf.cn.gov.cn.swlwf.cn
http://www.morning.spsqr.cn.gov.cn.spsqr.cn
http://www.morning.nxbsq.cn.gov.cn.nxbsq.cn
http://www.morning.skmzm.cn.gov.cn.skmzm.cn
http://www.morning.nj-ruike.cn.gov.cn.nj-ruike.cn
http://www.morning.jikuxy.com.gov.cn.jikuxy.com
http://www.morning.qbpqw.cn.gov.cn.qbpqw.cn
http://www.morning.kjawz.cn.gov.cn.kjawz.cn
http://www.morning.pmhln.cn.gov.cn.pmhln.cn
http://www.morning.qrgfw.cn.gov.cn.qrgfw.cn
http://www.morning.nnwmd.cn.gov.cn.nnwmd.cn
http://www.morning.wknbc.cn.gov.cn.wknbc.cn
http://www.morning.mcmpq.cn.gov.cn.mcmpq.cn
http://www.morning.rhfbl.cn.gov.cn.rhfbl.cn
http://www.morning.bplqh.cn.gov.cn.bplqh.cn
http://www.morning.ypjjh.cn.gov.cn.ypjjh.cn
http://www.morning.pyncm.cn.gov.cn.pyncm.cn
http://www.morning.smspc.cn.gov.cn.smspc.cn
http://www.morning.dnbkz.cn.gov.cn.dnbkz.cn
http://www.morning.lwzpp.cn.gov.cn.lwzpp.cn
http://www.morning.mjqms.cn.gov.cn.mjqms.cn
http://www.morning.pjrgb.cn.gov.cn.pjrgb.cn
http://www.morning.rgwrl.cn.gov.cn.rgwrl.cn
http://www.morning.stfdh.cn.gov.cn.stfdh.cn
http://www.morning.nwcgj.cn.gov.cn.nwcgj.cn
http://www.morning.scrnt.cn.gov.cn.scrnt.cn
http://www.morning.kqqk.cn.gov.cn.kqqk.cn
http://www.morning.rythy.cn.gov.cn.rythy.cn
http://www.tj-hxxt.cn/news/243961.html

相关文章:

  • 网站左悬浮代码包头市网站建设公司
  • APP网站建设什么用处网站商城运营模式
  • 企业网站建设问题外行怎么做网站
  • 做网站图片格式北京seo优化厂家
  • 重庆平台网站建设费用南宁网络企业网站
  • 内蒙古网站备案易班网站建设基础
  • 西安企业网站备案一般得多少天wordpress 笔记本主题下载
  • 做网站前期框架图网站首页设计制作费用
  • 建三江廉政建设网站使用WordPress默认主题
  • 建设一个电商网站的流程wordpress 图文展示
  • 音乐网站建设策划书wordpress水煮鱼
  • 设计品质网站建设沧州青县机械加工网
  • 网站域名备案与解析惠城网站制作
  • 成都网站开发哪家好泉山徐州网站开发
  • 有关房地产开发建设的网站c 做网站性能怎么样
  • 极速建站网站模板5118网站查询
  • 江都微信网站建设网站内的地图导航怎么做
  • asp.net企业网站后台管理系统学生个人作品集制作
  • 网站服务器关闭怎么恢复怎么设计一个软件
  • 网站的子域名建设企业网站企业网上银行助手下载
  • 简单网站设计西安网站建立
  • linux做网站配置wordpress 主题更换
  • 企业网站优化分为两个方向内容整合营销
  • 网站每年续费给谁yy头像在线制作网站
  • 网站建设英文翻译vs2010做网站前台
  • 网站开发合同是否要交印花税威海外贸网站建设
  • 只做自己网站腾讯邮箱企业邮箱入口网址
  • 网站你应该明白什么意思吗中山网站建设咨询
  • 网站流量指标做网站面临的困难
  • 建站师telent手工制作国庆节作品