帮助文档
专业提供香港服务器、香港云服务器、香港高防服务器租用、香港云主机、台湾服务器、美国服务器、美国云服务器vps租用、韩国高防服务器租用、新加坡服务器、日本服务器租用 一站式全球网络解决方案提供商!专业运营维护IDC数据中心,提供高质量的服务器托管,服务器机房租用,服务器机柜租用,IDC机房机柜租用等服务,稳定、安全、高性能的云端计算服务,实时满足您的多样性业务需求。 香港大带宽稳定可靠,高级工程师提供基于服务器硬件、操作系统、网络、应用环境、安全的免费技术支持。
服务器资讯 / 香港服务器租用 / 香港VPS租用 / 香港云服务器 / 美国服务器租用 / 台湾服务器租用 / 日本服务器租用 / 官方公告 / 帮助文档
如何使用平板连接服务器实现cpolar开发?【内网穿透实例】
发布时间:2024-02-28 23:53:47   分类:帮助文档
如何使用平板连接服务器实现cpolar开发?【内网穿透实例】




前言
在入手iPad Pro后,为了防止“买前生产力,买后爱奇艺”,我们可以在Linux服务器上搭建code server,然后在iPad Pro上通过浏览器或者APP,来远程linux服务器,使用服务器的资源来编译代码,而iPad Pro前端只需要负责写代码编程就可以啦。
以及在实现局域网下的远程访问后,我们还可以用cpolar做内网穿透,将codeserver映射到公网上,实现在外也可以使用iPad Pro远程linux服务器,实现远程写代码搞开发。


文章目录
前言1. 本地环境配置2. 测试局域网访问3. 内网穿透3.1 安装cpolar内网穿透3.2 创建HTTP隧道3.3 测试远程访问
4. 配置固定二级子域名4.1 保留二级子域名4.2 配置二级子域名
5. 访问固定二级子域名6. iPad Pro通过软件远程写代码6.1 创建TCP隧道6.2 iPad Pro远程vscode6.3 配置固定TCP端口地址6.3.1 保留固定TCP地址6.3.2 配置固定TCP端口地址
6.4 使用固定TCP地址远程vscode



1. 本地环境配置
准备一台虚拟机,Ubuntu或者centos都可以,这里以VMware Ubuntu系统为例

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

打开ubuntu命令行执行
curl -fsSL https://code-server.dev/install.sh | sh


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

以下信息表示安装成功

接着输入以下命令设置code-server的登录密码
export PASSWORD=”000000”


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


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

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

2. 测试局域网访问
在局域网下,打开浏览器访问code-server,http://192.168.30.128:8080/,出现welcone code-server表示成功,输入我们刚刚设置的密码,登录即可。

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 | sudo bash

或 cpolar短链接安装方式:(国外使用)
curl -sL https://git.io/cpolar | sudo bash

查看版本号,有正常出现版本号表示安装成功
cpolar version

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


简单穿透测试,有正常生成公网地址表示穿透成功,按ctrl+c退出
cpolar http 8080

向系统添加服务,将cpolar配置为后台服务并开机自启动
sudo systemctl enable cpolar

启动cpolar服务
sudo systemctl start cpolar

查看服务状态
sudo systemctl status cpolar


正常显示为active则表示服务为正常在线启动状态
3.2 创建HTTP隧道
在服务器上安装cpolar内网穿透之后,在浏览器上访问本地9200端口,打开cpolar web ui界面:http://127.0.0.1:9200。
点击左侧仪表盘的隧道管理——创建隧道,由于code-server中配置的是8080端口,因此我们要来创建一条http隧道,指向8080端口:
隧道名称:可自定义,注意不要与已有的隧道名称重复协议:http协议本地地址:8080域名类型:选择随机域名地区:选择China VIP
点击创建

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

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

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

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

登录cpolar官网,点击左侧的预留,选择保留二级子域名,设置一个二级子域名名称,点击保留,保留成功后复制保留的二级子域名名称
地区:选择China vip二级域名:可自定义填写描述:即备注,可自定义填写

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

修改下隧道信息:
域名类型改为选择二级子域名subdomain:填写刚刚保留成功的二级子域名
点击更新

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

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

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
点击创建

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

6.2 iPad Pro远程vscode
在iPad Pro上,点击打开app store,下载软件servediter for code-server

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

输入相关信息

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


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

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

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

6.3.1 保留固定TCP地址
登录cpolar 官网后台 ,点击左侧的预留,找到保留的TCP地址:
地区:选择China VIP描述:即备注,可自定义填写
点击保留

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

6.3.2 配置固定TCP端口地址
浏览器访问http://127.0.0.1:9200/, 登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到codeserver隧道,点击右侧的编辑

修改隧道信息,配置固定TCP端口地址:
端口类型:改为选择固定TCP端口预留的TCP地址:填写刚刚保留成功的固定TCP端口地址
点击更新

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

6.4 使用固定TCP地址远程vscode
在ipad pro上,打开servediter for code-server软件,修改host的参数,将其修改为我们刚刚配置成功的固定TCP端口地址。
点击左上角i标志

选择self Host Server

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

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







香港云服务器租用推荐
服务器租用资讯
·广东云服务有限公司怎么样
·广东云服务器怎么样
·广东锐讯网络有限公司怎么样
·广东佛山的蜗牛怎么那么大
·广东单位电话主机号怎么填写
·管家婆 花生壳怎么用
·官网域名过期要怎么办
·官网邮箱一般怎么命名
·官网网站被篡改怎么办
服务器租用推荐
·美国服务器租用
·台湾服务器租用
·香港云服务器租用
·香港裸金属服务器
·香港高防服务器租用
·香港服务器租用特价