Ubuntu本地安装code-server结合内网穿透实现安卓平板远程写代码

1.ubuntu本地安装code-server

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

图片1

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

图片2

打开ubuntu命令行下载

图片3

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

图片4

以下信息表示安装成功

图片5

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

export PASSWORD=”000000”

图片6

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

图片7

code-server服务默认为8080端口号, 为了防止8080端口冲突,我们修改一下code-server端口号,输入以下命令,编辑配置文件

sudo vim ~/.config/code-server/config.yaml

把127.0.0.1改为0.0.0.0,8080端口改成自己喜欢的端口,本例子改为8077,修改完成保存

image-20230404170252408

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

code-server 

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

image-20230404115659896

接着打开浏览器通过局域网ip地址访问http://192.168.191.129:8077/,出现welcone code-server表示成功,输入我们设置的密码,登录即可.

image-20230404142030371

2. 安装cpolar内网穿透

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

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

安装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

20230116114805

  • 向系统添加服务
sudo systemctl enable cpolar
  • 启动cpolar服务
sudo systemctl start cpolar
  • 查看服务状态
sudo systemctl status cpolar

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

3. 创建隧道映射本地端口

在ubuntu系统本地安装cpolar内网穿透之后,在ubuntu浏览器上访问本地9200端口,或者在外部浏览器使用局域网ip地址访问9200端口,打开cpolar web ui 界面

image-20230404142904075

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

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

点击创建

image-20230404143036836

创建成功后我们打开在线隧道列表,可以看到刚刚创建成功的隧道,已经有生成了相应的公网地址,把公网地址复制下来,接下来测试远程开发写代码。

image-20230404143350428

4. 安卓平板测试访问

打开安卓浏览器,任意浏览器,输入上面的链接即可访问成功

image-20230404145124180

5.固定域名公网地址

在cpolar内网穿透中,因为我们刚刚创建的隧道选择是免费随机临时隧道,它生成的公网地址会在24小时内变化,为了更加稳定的访问,我们接下来把它配置成固定的地址。

需升级至基础套餐或以上才支持配置固定二级域名

登录cpolar官网后台,点击左侧仪表盘的预留,找到保留二级子域名,为http隧道保留一个二级子域名。

  • 地区:选择服务器地区
  • 名称:填写您想要保留的二级子域名(可自定义)
  • 描述:即备注,可自定义填写

image-20230404150209217

本例保留一个名称为codeservertest的二级子域名。子域名保留成功后,我们将子域名复制下来,接下来需要将其配置绑定到隧道中去。

image-20230404150252155

登录cpolar web ui管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到需要配置二级子域名的隧道(本例中为code-server隧道),点击右侧的编辑

image-20230404150323396

修改隧道信息,将二级子域名配置到隧道中:

  • 域名类型:改为选择二级子域名
  • Sub Domain:填写我们刚刚所保留的二级子域名(本例为codeservertest

修改完成后,点击更新

image-20230404153115506

隧道更新成功后,点击左侧仪表盘的状态——在线隧道列表,可以看到隧道的公网地址,已经更新为二级子域名了,将公网地址复制下来。

image-20230404153350964

打开安卓浏览器输入上面的固定http链接即可访问成功

image-20230404154420413

6.结语

在安卓使用vscode主要是连接一个远程的code-server服务,code-server服务安装在什么系统,调用的就是什么系统的环境,如这里使用ubuntu进行安装code-server,那使用的就是ubuntu环境,如需要go,python,java开发,需要在Ubuntu安装相关环境,创建的文件夹和项目也是在Ubuntu里面.这种方式其实在访问vscode的时候利于可以随时随地进行连接使用,且不受设备影响。

### 如何在 VSCode 中设置和使用内网穿透技术 #### 安装并配置 Cpolar 为了能够在 Windows 上通过 VSCode 远程访问 Ubuntu 系统中的代码库,首先需要安装 Cpolar 工具来完成内网穿透的任务。Cpolar 是一款简单易用的端口转发工具,能够帮助开发者轻松解决因网络环境造成的连接障碍。 确保已经在目标 Linux 服务器上部署好了 Cpolar 并启动服务[^3]。 #### 配置 SSH 访问权限 接着,在本地机器即运行 Windows 的计算机上准备好用于登录远程主机的身份验证密钥对。这一步骤是为了让后续操作更加安全高效地建立与远端系统的稳定链接。 可以通过命令行生成一对新的 RSA 密钥: ```bash ssh-keygen -t rsa -b 4096 -C "your_email@example.com" ``` 之后按照提示保存私钥到默认路径下即可。 #### 设置 VSCode 插件支持 回到 Windows 环境下的 Visual Studio Code 编辑器内部,搜索并安装官方提供的 Remote Development 扩展包集合。此扩展集包含了多个有助于提高生产力的功能模块,其中就包括了针对不同场景设计好的远程开发解决方案之一——Remote-SSH[^1]。 一旦上述准备工作全部完成后,则可以在 VSCode 内部直接发起对指定 IP 地址所对应的 Linux 主机的安全 Shell 请求。此时由于有了之前提到过的 Cpolar 提供的服务隧道保障,即使两台设备处于不同的局域网之中也不会影响正常通信过程[^2]。 #### 使用 Cpolar 实现内网穿透的具体步骤 当一切准备妥当时,就可以利用 Cpolar 创建一条通往外部世界的通道了。具体做法是在 Web 浏览器里输入 `http://dashboard.cpolar.com` 登录个人账户页面后新建一个 TCP 类型的映射规则,将本地监听端口号设定为你打算用来接收来自公网方向请求的那个数值(比如 22),而目标地址则填实际物理位置位于内网深处那台充当被控对象角色的 Linux Server 的私有 IPv4 地址加上同样的标准 sshd 默认开放端口号组合而成的形式。 最后记得点击确认按钮激活这条新创建出来的传输线路! ---
评论 37
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

秋说

感谢打赏

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值