Ubuntu搭建本地web站点,并内网穿透实现公网访问
创始人
2024-03-12 15:57:42
0次

本次教程我们通过搭建Apache服务,部署一个简单的静态样例站点,并使用cpolar内网穿透将内网样例站点发布到公网来进行演示。

1. 设置 Apache Web 服务器

1.1 安装Apache Web

sudo apt-get install apache2 -y

c098ec342e1616fa7c5347adf520fbd

1.2 启动Apache Web

sudo service apache2 restart

3f558bf345672fb4ac62041003d6069

1.3 测试web站点

默认情况下,Apache 将测试 HTML文件放在web文件夹中。在Ubuntu上打开 Apache 默认网页,输入地址 http://localhost进行访问。

40407389bf33e4ea2956abe32e81f1c

2. 安装静态样例站点

cd /var/www/html/
sudo rm *
sudo wget https://www.cpolar.com/static/downloads/meditation-app-master.tar.gz
sudo tar xzf meditation-app-master.tar.gz
sudo mv meditation-app-master/* .
sudo rm -rf meditation-app-master meditation-app-master.tar.gz

29d9b1e644e379b20cbe710782cd921

重新在浏览器打开,并刷新站点:http://localhost

40cf19c19813764a36ff163a9f5e538

3. 将web站点发布到公网

目前,这个演示站点只能在局域内被访问到,公网用户是无法访问的。

要想让公网用户也可以访问到内网的演示站点,我们可以用cpolar内网穿透来实现,它是一款内网穿透工具,可以将您的内网站点暴露到公网上,使所有人可以访问到你的站点。

不需要公网IP,也不用设置路由器,操作比较简单。cpolar支持http/https/tcp协议,不限制流量,还支持永久免费使用。

3.1 安装cpolar内网穿透

  • cpolar一键安装脚本:(国内用户)
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
  • 或短链接安装方式:(国外用户)
curl -sL https://git.io/cpolar | sudo bash
  • 查看cpolar版本信息
cpolar version

如果正常显示,则安装成功,如图:

20221124113012

  • cpolar进行token认证

cpolar官网:https://www.cpolar.com/

进入cpolar官网,注册一个账号并登录进入后台,点击左侧的验证,可以查看到token码

20221124113559

复制并执行命令进行认证

cpolar authtoken xxxxxxxxxxxxxxxxxx

20221124113816

3.2 将cpolar配置为服务

  • 配置cpolar开机自启动
sudo systemctl enable cpolar
  • 守护进程方式,启动cpolar
sudo systemctl start cpolar
  • 查看cpolar守护进程状态
sudo systemctl status cpolar

如图说明,启动状态成功

20221124113934

cpolar安装成功后,默认会配置两个默认隧道:一个ssh隧道和一个website隧道,可自行删减或者修改。

4. 将内网演示站点发布到公网

在浏览器上访问本地9200端口(127.0.0.1:9200),登录cpolar web ui管理界面。

20221124114555

4.1 创建隧道映射内网端口

点击左侧仪表盘的隧道管理——创建隧道,我们来创建一条隧道,将内网演示站点发布到公网:

  • 隧道名称:audio(可自定义,注意不要重复即可)
  • 协议:http
  • 本地地址:80端口
  • 域名类型:免费选择随机域名
  • 地区:选择China或者China vip

点击创建

20221124114904

4.2 获取公网地址

隧道创建成功之后,可以在左侧的状态——在线隧道列表查看到所生成的公网地址【或者登录cpolar官网后台——状态,可查看到所有在线隧道】

d87b5f91b44f3a4f1ce610785d8a179

复制公网地址到浏览器访问测试一下,访问成功。

17cc8039ca9a50afffa365855562a0d

至此我们已经将内网站点发布到公网,但域名是随机临时地址(24小时内随机变化),只适合临时测试使用。如果要长期使用,我们可以配置固定的二级子域名。

5. 配置固定二级子域名

配置固定的二级子域名为cpolar的付费功能,需要先将套餐升级到基础套餐或以上。

5.1 保留一个二级子域名

登录cpolar官网后台,并点击左侧的预留,我们现在来保留一个二级子域名:

  • 地区:选择China vip
  • 二级域名:可自定义
  • 描述:即备注,可自定义

点点击右侧的保留

f26eb677a6181262d4e8158e3a3c70d

二级子域名保留成功,将二级域名复制下来

20221124134801

5.2 将二级子域名配置到隧道中

二级域名保留成功后,我们需要将其配置到相应的隧道中,才会生成。我们回到cpolar web UI管理界面,点击左侧的隧道管理——隧道列表,找到演示站点的隧道,并点击右侧的编辑。

修改隧道信息:

  • 域名类型:修改为选择二级子域名
  • Sub Domain:填写保留成功的二级子域名

并点击更新

20221124135106

隧道更新成功,状态正常为active

b554059037be0755f8f7322f8495d7f

点击左侧的状态——在线隧道列表,可以看到公网地址已经成功更新为固定二级子域名的公网地址。

2a84b02b0af1db407d3cc37acccafa6

6. 使用固定二级子域名访问内网web站点

本例中为:https://audio.cpolar.cn/,在浏览器上访问看看,访问成功。

左侧的状态——在线隧道列表,可以看到公网地址已经成功更新为固定二级子域名的公网地址。

[外链图片转存中…(img-xIL6yoQU-1669967616198)]

6. 使用固定二级子域名访问内网web站点

本例中为:https://audio.cpolar.cn/,在浏览器上访问看看,访问成功。

c4c901b410bb3958eaee698f4b3c0a0

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...