如何使用iPad通过Code App+cpolar实现公网地址远程访问vscode

已于 2024-01-13 08:50:02 修改
阅读量3.6k 收藏 107
点赞数 112
分类专栏： Copolar学习 文章标签： ipad vscode ios 后端 编辑器 安全
于 2024-01-13 08:14:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Aileenvov/article/details/135559679
版权

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

🌈个人主页: Aileen_0v0
🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法
​💫个人格言:“没有罗马,那就自己创造罗马~”

文章目录

本文主要介绍开源iPad应用IDE Code App 如何下载安装，并通过cpolar内网穿透工具实现SSH远程连接服务器进行云端编程开发，有效节省工作时间并提高开发效率。

随着平板电脑的普及，它已经不仅仅是一个娱乐工具，而是逐渐融入我们的工作与生产活动中。更为值得一提的是，强大的性能让 iPad 在越来越多的场景下，成为生产力工具，如设计、协同办公、教学领域等等。不论是编辑文件，还是进行代码编写，平板电脑都能轻松胜任，实现移动办公的全新体验。

iPad Pro秒变生产力！安装Code App实现SSH远程服务器编程开发

1. 在iPad下载Code APP

在iPad上，点击打开AppStore，下载软件：Code APP

5122dafff6f9b10b753845e47ee222e

下载成功后找到远程服务器

2f70f64835dd8320645c8f6e74aec25

接下来需要创建TCP隧道，指向服务器的22端口。

2.安装cpolar内网穿透

2.1 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

image-20231213120807809

  • 简单穿透测试
cpolar http 8080

按ctrl+c退出

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

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

2.2 创建TCP隧道

首先需要创建一条TCP隧道，指向刚才Code APP远程服务器的22端口.

在ubuntu上打开浏览器访问本地9200端口，登录cpolar web ui界面,点击左侧的隧道管理——创建隧道

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

点击创建

4e5efe2a18788c99bf4923fd7e720f0

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

image-20231213103844509

3. iPad远程vscode

继续回到Code App，打开远程服务器，找到新建远程服务器

协议：SSH

地址：填写刚才cpolar创建的tcp隧道中的地址（例如：6.tcp.cpolar.top）

端口：cpolar生成的公网地址端口号（例如：14503）

用户名：填写服务器端用户名

密码：填写服务器端密码

填写成功后，点击连接，

image-20231213104919384

显示连接成功

696ba42f72c86badc537d5791d4b18f

可以看到服务器端的文件夹

a1ae9fe483c6095529af76df4260448

选择要编辑的文件夹，长按选择 设置为工作文件夹

image-20231213105501176

可以看到进入到了vscode界面，在这里进行代码的开发及修改等，与服务器端vscode是一样的

56919fd325cb542141991f4b187cc54

aba4d07ae02fe18e0848d6619255184

测试一下是否同步，我们在服务器端修改下代码

1702436574670

image-20231213110343407

回到iPad的Code APP,在终端执行一下 go run main.go 输出大写的 Hello World ,

image-20231213111554304

说明在iPad使用ssh远程连接服务器成功，这样实现了我们在外出差或者不想拿着笔记本电脑，仅需一个ipad实现vscode的代码开发，提高了工作效率。

4. 配置固定TCP端口地址

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

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

4.1 保留固定TCP地址

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

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

点击保留

image-20231213111756911

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

image-20231213111835865

4.2 配置固定的TCP端口地址

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

image-20231213111942266

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

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

点击更新

image-20231213112115443

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

image-20231213112207448

4.3 使用固定TCP地址远程vscode

继续回到Code APP远程服务器界面,看到当前远程服务器，点击断开。

bb47a6cbc3ccb6c4f9f98409063ac50

重新填写刚才我们配置成功的固定TCP端口地址。

54b46070aa55e4640a58b0d55e0c30b

然后点击连接就可以了！

a79e42b25e012bd69c0591b4d56c89d

至此,教程就结束了，创建的固定公网地址不会再随机变化，使用iPad开启愉快的编程吧！

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)

Aileen_0v0
关注
  • 112
    点赞
  • 踩
  • 107
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 87
    评论
专栏目录
Anaconda3+vscode环境下pyqt5的安装及配置
12-21
使用Pyqt5进行基于python语言的软件GUI开发是很多软件开发者首选的环境，与tkinter、wxPythopyGTK以及pySide等开发包相比，pyqt5的程序鲁棒性、生态支持、界面的美观度都有相当大的优势。然而Pyqt5的安装及配置虽然不难，却存在很多深坑。其根本原因在于每个人在安装pyqt5时的python环境都不太一样。比如有的只有python+文本编辑器环境，有的python+eclipse环境，有的pycharm+python环境，还有的是anaconda+python的环境。网上尤其是csdn上面给出的不管什么环境，都是先安装pyqt5，再安装pyqt5-tools的模式
在你的ipad上使用Vscode撸代码（快速操作向）
热门推荐
文杰的博客
11-29 3万+
单独在ipad上运行肯定是不行的，毕竟不是pc端。所以code-server的功能就是将其部署在服务器上，ipad使用网页或app访问其服务，使用服务器的资源来跑代码，而ipad前端上只负责撸代码与运行就可以啦 一、预备条件 一个云服务器（推荐学生买个阿里云学生机，一年一百来块钱，便宜又好用） 一个ipad 二、配置服务器 远程连接到云服务器，我的是阿里云的学生机 系统：Ubuntu18.04 执行以下步骤: # 创建文件夹下载code server安装包 wget https://github.
如何在 iPad 上运行 VSCode
自留地
05-31 1万+
id: 如何在iPad上运行VSCode title: 如何在 iPad 上运行 VS Code 注：本教程基于 code-server v3.8.0，CentOS 8.2. 补充更新 更推荐以 Docker 方式安装 code-server 服务。仅需一行命令部署，且无需配置后台运行，自带 Git 等环境。详见：Docker 方式运行 code-server 如果你不想用 Docker 的方式部署，请继续阅读下文。 一、配置服务器 首先，你需要有一台 24h 不停机的服务器（推荐买阿里云 / 腾讯云.
如何使用iPad Pro结合内网穿透实现公网地址远程访问vscode写代码
最新发布
小森的博客
02-22 936
浏览器访问http://127.0.0.1:9200/登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到刚才创建的code隧道，点击右侧的编辑。由于前面我们创建的ssh端口的隧道选择的是随机临时地址,该地址会在24小时内变化,为了使我们ipad里面使用vscode远程连接更加通畅,我们需要固定ssh的公网地址。提示更新隧道成功，点击左侧仪表盘的状态——在线隧道列表，可以看到刚刚修改的隧道的公网地址已经更新为固定TCP端口地址，将其复制下来。iPad Pro秒变生产力！
使用vscode远程linux开发的实现
01-20
告别过去 在vscode有了remote ssh之前，大多数Linux服务器开发者通常使用vs远程Linux，或者xshell配合vim的姿势，进行服务器开发，虽然vs很强大，调试很清晰，可是打开vs的时间和启动调试的时间是比较长的，xshell使用vim虽然也很方便，但是仍然会存在感官上的不足，我厌倦了打开多个tab来回切换，也厌倦了千篇一律的命令行界面， 所以我选择了vscode远程Linux服务器来学习linux开发。 面向未来 快捷开发，一秒启动vscode 上部分页面编辑，下部分使用命令行，再也不用来回切换tab 通过ssh连接Linux服务器，实现Linux环境的
vscode-clang-complete:使用Clang的Visual Studio Code CC ++完成
05-01
VSCode ClangComplete 使用Clang的Visual Studio Code C / C ++完成和诊断 重要的提示 此最小扩展是在发布VSCode语言服务器协议时完成的，除安装clang之外不需要任何其他操作。 尽管，并且LLVM团队创建了自己的实现，名为 ，该实现也具有。 安装 启动快速打开（ ⌘ + P ）并输入 ext install ClangComplete 设置 您需要安装Clang，并可以通过路径进行访问。 编译器标志 可以在项目的根路径下的.clang_complete文件中定义Clang的可选标志： -DDEBUG -include ../config.h -I../include 发展 启动开发脚本： yarn dev 除错 从调试面板启动Client + Server调试配置。
【服务器】在 iPad 上运行 VSCode（宝塔+code server）
小哈里的博客
11-13 4139
1、服务器端 使用code server提供服务： 官方下载：https://github.com/cdr/code-server/ ECS服务器管理放行9999端口。 SSH连接服务器执行以下命令（也可以宝塔或Docker之类的） # 创建文件夹下载code server安装包 wget https://github.com/cdr/code-server/releases/download/3.2.0/code-server-3.2.0-linux-x86_64.tar.gz # 解压到一个你想放置
让IPad变成你的生产力工具？在IPad上用Vscode写代码搞开发
狂小伍的博客
06-01 4356
让IPad变成你的生产力工具？在IPad上用Vscode写代码搞开发
如何在iPad上使用VScode
zinc1234596的博客
08-23 1万+
如何在iPad上使用VScode 部署code-server 前提工作： 一台云服务器、iPad上的SSH工具(推荐使用软件Termius) 这里用的是Linux centOS、IPad上用Termius 步骤： 在服务器上下载code-server GitHub上的开源地址https://github.com/cdr/code-server 下载方式可以选择在windows下使用下载器下载，再传到Linux服务器上。或者直接在服务器终端上命令下载。这里用第二种方式。 下载： wget https:/
你真的会用iPad吗，如何使iPad秒变生产力工具？在iPad上用vscode写代码搞开发
感谢您的关注！
04-14 1934
随着平板电脑的普及，大多数人的生活习惯和生活场景都离不开平板电脑的使用,刷剧,看短视频,玩主流游戏等,但是这些只是娱乐性质的场景,那想实现把平板结合到工作或者生产之中场景中呢,如编辑文档,制作工作表格,编写代码?所以在入手ipad后，为了防止“买前生产力，买后爱奇艺”。我们可以在linux上搭建code server，然后用ipad通过浏览器或者或app，来远程访问code server。使用服务器的资源来跑代码，而ipad前端上只需要负责撸代码和运行就可以啦，让ipad完美变身移动开发工具！！
ipad上编程方法，服务器安装vscode
weixin_44192389的博客
03-30 4234
一直在用的是游戏本，太重了， 最近考研想练习代码，奈何远程工具不能打开idea 问度娘搞到了cscode哈哈哈哈哈 福福福福福福福福福福福福福福福福福福福福福福福福福 整活： 运行环境 ECS：阿里云 系统：centos8.0 code-server 版本：3.2.0 VSApp 版本：2.2 配置code-server 临时买了阿里云 28.5 元3月的学生机 （呜呜呜之前9.5一月的没了） 先到 GitHub 上面下载 code-server 然后传到服务器上，或者直接在服务器上执行命令： wget h
docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的
12-14
docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的... docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！ docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！ docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！ docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！ docker-vscode：具有Visual Studio Code + Dotnet CLI + NPM + Emacs +的Docker映像！ docker-vscode：具有Visual Studio Code + Dotnet CLI +
Visual Studio Code(vscode) git的使用教程
09-30
主要介绍了详解Visual Studio Code(vscode) git的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
基于Android的远程建立APP的设计与实现+毕业论文
08-31
基于Android的远程建立APP的设计与实现+毕业论文
VSCODE添加open with code实现右键打开文件夹
10-15
主要介绍了VSCODE添加open with code实现右键打开文件夹，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ffmpeg-vscode:使用Visual Studio Code调试ffmpeg
05-10
: FFmpeg： ： MinGW / FFmpeg安装指南： : VSCode： ：//code.visualstudio.com/ VSCode的C / C ++： ：//code.visualstudio.com/docs/languages/cpp 将MinGW和Cygwin与Visual C ++和打开文件夹配合使用： : 1....
localhost 拒绝了我们的连接请求 vscode_移动办公——在iPad上运行VSCode
weixin_42524945的博客
12-12 4087
导语越来越多的业务开始上云，现在的个人开发环境也有上云的趋势。利用VSCode的远程开发模式，很多开发者已经把代码和编译环境都配置在云服务器上，本地的笔记本只是一个接入端。而这个接入端不一定是电脑，也可以使iPad等更轻量的设备。Code Server到目前为止，微软还没有提供iPad版本的VSCode。幸运的是，有一个叫coderom的团队提供了一个code server，安装到Linux服务器...
[code-server+VSApp] 在iPad上使用VSCode
liteng607的博客
06-07 1万+
一直在用游戏本太重了，非习武之人实在扛不住，而且带出去也不方便 于是这几天买了蓝牙键盘，配上 ipad 就是 macbook 了（错乱） 碰巧冲浪时发现 ipad 上也可以跑代码（伪），gkd! 好，开始罗干 运行环境 ECS：阿里云 系统：Ubuntu 16.04 code-server 版本：3.2.0 VSApp 版本：2.2 配置code-server 临时买了阿里云 9.5 元包月的学生机玩玩 （没钱） 先到 GitHub 上面下载 code-server 然后传到服务器上，或者直接在服务器上执行
VsApp+Code-Server+PuTTY+腾讯云ubuntu+ipad实现远程编程(防遗忘)
weixin_41020384的博客
01-26 1587
从注册云服务器到配置VSApp on ipad第一次接触云服务器，博客纯属记忆需要申请腾讯云服务器按照服务器产品文档进行相应的配置用户名和密码登陆根据需要创建文件夹从GitHub下载code-server安装包将win本地文件上传到ubuntu云服务器解压code-server到指定目录下继续在root下进行配置配置防火墙通过浏览器访问code-server配置VsApp 第一次接触云服务器，博客纯属记忆需要 申请腾讯云服务器 腾讯云轻量型服务器，Ubuntu 20.04 LTS。 个人体感有点奇怪，才使用
vscode连接远程ubuntu服务器,使用remote-ssh插件+连接问题解决
07-15
### 回答1： VS Code 是一款优秀的跨平台集成开发环境，支持通过插件实现远程连接服务器的功能。在连接远程 Ubuntu 服务器时，可以使用 Remote-SSH 插件来解决连接问题。 首先，在本地的 VS Code 中安装并启用 Remote-SSH 插件，然后点击插件栏的图标，选择 "Connect to Host..." 选项。在弹出的列表中选择 "Add New SSH Host"，然后输入远程服务器的地址和登录凭据（用户名和密码或者密钥）。 连接问题的解决主要涉及以下几个方面： 1. 配置远程服务器的 SSH 服务：确保远程服务器上的 SSH 服务已经正确安装和配置，可以使用命令 `sudo apt install openssh-server` 来安装。如果已经安装则可以通过 `sudo service ssh status` 来检查 SSH 服务的状态。 2. 配置防火墙规则：如果你的远程服务器开启了防火墙，需确保 22 端口（SSH 默认端口）已经放行，可以通过添加防火墙规则或调整已有规则来实现，具体方法可以参考相关的防火墙软件文档。 3. 配置用户访问权限：确保登录的用户具有远程访问服务器的权限。可以通过修改 `/etc/ssh/sshd_config` 文件，将 `PermitRootLogin` 的值设置为 `yes`，并重启 SSH 服务来允许使用 root 用户登录，或者通过 `sudo usermod -aG sudo <username>` 将用户添加到 sudo 组来获得相应的权限。记得通过 `sudo service ssh restart` 来重启 SSH 服务。 连接成功后，可以使用 VS Code 在远程服务器上进行编辑、编译和调试等开发工作，享受本地开发环境的便利。同时，通过配置 SSH 的端口转发功能，还可以实现本地和远程服务器之间的文件传输和端口转发等功能，让开发工作更加灵活高效。 ### 回答2： 使用VSCode连接远程Ubuntu服务器，并使用Remote-SSH插件来做到这一点是相对简单的。以下是连接问题解决的步骤： 第一步是在VSCode中安装Remote-SSH插件。在扩展市场中搜索“remote-ssh”，然后点击安装。 安装完插件后，点击VSCode左侧的远程部分，再点击“SSH: Connect to Host”选项。这将弹出一个远程主机列表，如果是第一次使用，列表将是空的。在列表底部有一个“Add New SSH Host”选项，点击它。 接下来是配置远程主机的步骤。在弹出的输入框中输入远程主机的名称（任意），然后输入主机的SSH地址。例如，如果远程主机的IP地址是192.168.1.1，则输入该地址。 然后，VSCode将要求输入远程主机的用户名。输入正确的用户名并按下Enter键。 接下来，VSCode将要求你输入远程主机的密码。在密码字段中输入正确的密码，并按下Enter键。 如果一切顺利，VSCode将连接到远程主机，并将其添加到远程主机列表中。你可以在远程部分看到远程主机的名称。如果点击远程主机名称，则VSCode将打开一个新的窗口，显示远程主机的文件系统。 如果连接失败，首先要检查主机的SSH配置是否正确。确保远程主机正在运行SSH服务器，并且端口号和用户名以及密码都是正确的。可以使用终端或其他SSH客户端测试连接。 如果仍然无法连接，可以尝试检查本地网络设置，确保网络连接正常，可以正常访问远程主机。另外，也可以尝试更新VSCode和Remote-SSH插件到最新版本，以确保没有已知的问题。 总之，通过使用Remote-SSH插件，VSCode可以轻松地连接远程Ubuntu服务器。遵循上述步骤，对配置正确的远程主机进行连接时，通常不会遇到问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 87
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

Aileen_0v0

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值