创建HTTP隧道

随着平板电脑的普及大多数人的生活习惯和生活场景都离不开平板电脑的使用,刷剧,看短视频,玩主流游戏等,但是这些只是娱乐性质的场景,那想实现把平板结合到工作或者生产之中场景中呢,如编辑文档,制作工作表格,编写代码?

所以在入手ipad后为了防止“买前生产力买后爱奇艺”。

我们可以在linux上搭建code

server然后用ipad通过浏览器或者或app来远程访问code

server。

使用服务器的资源来跑代码而ipad前端上只需要负责撸代码和运行就可以啦让ipad完美变身移动开发工具

并且为了实现在外随时随地远程移动开发我们搭配使用了cpolar内网穿透突破局域网的限制实现在公网环境下也可以用ipad写代码开发

本地环境配置

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

Ubuntu系统为例

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

打开ubuntu命令行执行

https://code-server.dev/install.sh

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

export

PASSWORD”000000”查看IP地址,作局域网访问使用

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

code-server

接着打开浏览器通过局域网访问http://192.168.30.128:8080/,出现welcone

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

内网穿透

接着我们使用cpolar穿透本地code-server服务,使得远程可以进行访问,随时随地写代码。

cpolar支持http/https/tcp协议不限制流量操作简单无需公网IP也无需路由器。

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

2.1

https://www.cpolar.com/static/downloads/install-release-cpolar.sh

sudo

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

cpolar

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

2.2

在ubuntu系统本地安装cpolar内网穿透之后在ubuntu浏览器上访问本地9200端口打开cpolar

web

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

隧道名称可自定义注意不要重复协议http协议本地地址8080域名类型选择随机域名地区选择China

VIP

创建好后,点击左侧的状态——在线隧道列表,查看公网地址将其复制下来

测试远程访问

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

配置固定二级子域名

由于以上使用cpolar所创建的隧道使用的是随机临时公网地址该地址在24小时内会发生变化不利于长期远程访问。

因此我们可以为其配置二级子域名该地址为固定地址不会随机变化【pscpolar.cn已备案】

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

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

地区选择China

界面点击左侧的隧道管理——隧道列表找到vscode隧道点击右侧的编辑

修改下隧道信息

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

点击更新

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

测试使用固定二级子域名远程访问

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

for

首先需要创建一条TCP隧道指向我们服务器的22端口,servediter

for

code-server这个软件需要连接服务器,在ubuntu上打开浏览器访问本地9200端口登录cpolar

web

隧道名称可自定义注意不要重复协议tcp协议本地地址22域名类型选择随机临时TCP端口地区选择China

VIP

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

ipad远程vscode

在ipad上点击打开appstore下载软件servediter

for

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

输入相关信息

URL填写前面配置成功的http公网地址【ipad浏览器访问的那个地址】Instance

passwordcode-server配置的密码Host这里填写我们前面创建成功的22隧道的公网地址Username:

输入完信息后点击右上角save后就会自动连接,出现vscode界面表示连接成功啦

配置固定TCP端口地址

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

8.1

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

8.2

浏览器访问http://127.0.0.1:9200/登录cpolar

web

UI管理界面点击左侧仪表盘的隧道管理——隧道列表找到codeserver隧道点击右侧的编辑

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

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

点击更新

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

使用固定TCP地址远程vscode

code-server软件修改host的参数将其修改为我们刚刚配置成功的固定TCP端口地址。

点击左上角i标志

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