0


如何使用平板连接服务器实现cpolar开发?【内网穿透实例】

前言

在入手iPad Pro后,为了防止“买前生产力,买后爱奇艺”,我们可以在Linux服务器上搭建code server,然后在iPad Pro上通过浏览器或者APP,来远程linux服务器,使用服务器的资源来编译代码,而iPad Pro前端只需要负责写代码编程就可以啦。

以及在实现局域网下的远程访问后,我们还可以用cpolar做内网穿透,将codeserver映射到公网上,实现在外也可以使用iPad Pro远程linux服务器,实现远程写代码搞开发。

文章目录

1. 本地环境配置

准备一台虚拟机,Ubuntu或者centos都可以,这里以VMware Ubuntu系统为例

2023011601

下载

code server

服务

在浏览器访问:https://github.com/coder/code-server,复制下载命令

2023011602

打开ubuntu命令行执行

curl -fsSL https://code-server.dev/install.sh |sh

2023011603

出现需要输入ubuntu的登录账户密码,输入密码即可,然后等待安装完成

2023011604

以下信息表示安装成功

2023011605

接着输入以下命令设置code-server的登录密码

exportPASSWORD=”000000”

20230116112814

再查看linux的IP地址,作局域网访问使用

ifconfig

2023011607

设置好密码后启动code-server服务,输入以下命令:

code-server --host= “0.0.0.0”

出现地址和端口号信息表示成功

2023011608

2. 测试局域网访问

在局域网下,打开浏览器访问code-server,http://192.168.30.128:8080/,出现

welcone code-server

表示成功,输入我们刚刚设置的密码,登录即可。

2023011609

3. 内网穿透

测试在局域网下访问成功后,我们再用cpolar做内网穿透,将其发布到公网上,实现在外也可以远程写代码。

这里我们使用cpolar穿透本地code-server服务,使得远程可以进行访问,随时随地写代码。cpolar支持http/https/tcp协议,不限制流量,操作简单,无需公网IP,也无需路由器。

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

3.1 安装cpolar内网穿透

  • cpolar 安装(国内使用)
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh |sudobash
  • 或 cpolar短链接安装方式:(国外使用)
curl -sL https://git.io/cpolar |sudobash
  • 查看版本号,有正常出现版本号表示安装成功
cpolar version
  • token认证

登录cpolar官网后台,点击左侧的验证,查看自己的认证token,之后将token贴在命令行里

cpolar authtoken xxxxxxx

20230116114805

  • 简单穿透测试,有正常生成公网地址表示穿透成功,按ctrl+c退出
cpolar http 8080
  • 向系统添加服务,将cpolar配置为后台服务并开机自启动
sudo systemctl enable cpolar
  • 启动cpolar服务
sudo systemctl start cpolar
  • 查看服务状态
sudo systemctl status cpolar

20230116114923

正常显示为

active

则表示服务为正常在线启动状态

3.2 创建HTTP隧道

在服务器上安装cpolar内网穿透之后,在浏览器上访问本地9200端口,打开cpolar web ui界面:http://127.0.0.1:9200。

点击左侧仪表盘的隧道管理——创建隧道,由于code-server中配置的是8080端口,因此我们要来创建一条http隧道,指向8080端口:

  • 隧道名称:可自定义,注意不要与已有的隧道名称重复
  • 协议:http协议
  • 本地地址:8080
  • 域名类型:选择随机域名
  • 地区:选择China VIP

点击

创建

2023011610

创建好后,点击左侧的状态——在线隧道列表,可以看到隧道已经有生成了相应的公网地址,一个http协议,一个https协议,将其复制下来

2023011611

3.3 测试远程访问

在iPad Pro上打开浏览器,访问刚刚复制的公网地址,访问后输入前面设置的密码,出现vscode界面表示成功

2023011612

4. 配置固定二级子域名

4.1 保留二级子域名

由于刚刚创建隧道时使用的是默认随机地址,它生成的公网地址会在24小时内变化,不利于长期远程访问。不过我们可以为其配置二级子域名,该地址为固定地址,不会随机变化。

需要注意,配置固定二级子域名需要将cpolar升级到基础套餐或以上。

登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称

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

2023011613·

4.2 配置二级子域名

访问cpolar web ui管理界面,点击左侧的隧道管理——隧道列表,找到我们刚刚创建的隧道,点击右侧的编辑,将保留成功的二级域名配置到隧道中。

2023011614

修改下隧道信息:

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

点击

更新

2023011615

隧道更新成功之后,点击左侧的状态——在线隧道列表,查看公网地址,此时可以看到地址变成了二级域名,将其复制下来

2023011616

5. 访问固定二级子域名

接着我们再次打开iPad Pro浏览器,访问刚刚配置成功的固定二级子域名地址,出现vscode界面表示成功,就可以愉快的写代码啦.

2023011617

6. iPad Pro通过软件远程写代码

除了可以在浏览器上远程服务器写代码外,我们还可以通过app来远程访问vscode。这里我们使用servediter for code-server软件来实现iPad Pro远程访问Linux服务器。

6.1 创建TCP隧道

servediter for code-server

这个软件需要连接服务器,首先需要创建一条TCP隧道,指向我们服务器的22端口。

在linux上访问本地9200端口登录cpolar web UI管理界面,创建一条新的TCP隧道,指向本地22端口。

点击左侧的隧道管理——创建隧道:

  • 隧道名称:可自定义,注意不要与已经有的隧道名称重复
  • 协议:tcp协议
  • 本地地址:22
  • 域名类型:选择随机临时TCP端口
  • 地区:选择China VIP

点击

创建

2023011618

隧道创建成功之后,点击左侧的状态——在线隧道列表,将所生成的公网地址复制下来。

2023011622

6.2 iPad Pro远程vscode

在iPad Pro上,点击打开app store,下载软件

servediter for code-server

2023011619

下载成功后点击打开,由于该软件是付费的,可以自由选择购买,这里选择免费试用,选择最后一个free

2023011620

输入相关信息

参数介绍:

  • code-server URL:填写前面配置成功的http公网地址【ipad浏览器访问的那个地址】
  • Instance password:code-server配置的密码
  • Host:这里填写我们前面创建成功的22隧道的公网地址
  • Username: 这个填写ubuntu系统的用户名
  • Port: 这里默认即可无需填写
  • Authentication: 这个填写ubuntu系统用户名对应的密码

2023011621

输入完信息后点击右上角

save

后就会自动连接,出现vscode界面表示连接成功啦

2023011623

6.3 配置固定TCP端口地址

由于前面我们创建的ssh 22端口的隧道选择的是随机临时地址,该地址会在24小时内变化,为了使我们ipad里面使用vscode连接更加通畅,我们需要固定ssh 的公网地址。

注意需要将cpolar套餐升级至专业套餐或以上。

6.3.1 保留固定TCP地址

登录cpolar 官网后台 ,点击左侧的预留,找到保留的TCP地址:

  • 地区:选择China VIP
  • 描述:即备注,可自定义填写

点击

保留

2023011624

固定TCP地址保留成功,系统生成相应的公网地址+固定端口号,将其复制下来

2023011625

6.3.2 配置固定TCP端口地址

浏览器访问http://127.0.0.1:9200/, 登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到codeserver隧道,点击右侧的编辑

2023011626

修改隧道信息,配置固定TCP端口地址:

  • 端口类型:改为选择固定TCP端口
  • 预留的TCP地址:填写刚刚保留成功的固定TCP端口地址

点击

更新

2023011627

提示更新隧道成功,点击左侧仪表盘的状态——在线隧道列表,可以看到刚刚修改的隧道的公网地址已经更新为固定TCP端口地址,将其复制下来。

2023011628

6.4 使用固定TCP地址远程vscode

在ipad pro上,打开

servediter for code-server

软件,

修改host的参数

,将其修改为我们刚刚配置成功的固定TCP端口地址。

点击左上角

i

标志

2023011629

选择

self Host Server

2023011630

把Host值改为我们刚刚官网保留的tcp地址

2023011631

更改完后点击右上角save,点击完后会自动连接,出现vscode界面表示成功了,至此,教程就结束了,使用iPad Pro开启愉快的编程吧!该公网地址不会再随机变化了。

2023011632


在这里插入图片描述


本文转载自: https://blog.csdn.net/m0_63947499/article/details/129942174
版权归原作者 陈橘又青 所有, 如有侵权,请联系我们删除。

“如何使用平板连接服务器实现cpolar开发?【内网穿透实例】”的评论:

还没有评论