iPad编程新体验:如何用IDE Code App实现远程在线开发告别电脑束缚

server/2025/1/11 1:10:22/

文章目录

    • 前言
    • 1. 在iPad下载Code APP
    • 2.安装cpolar内网穿透
      • 2.1 cpolar 安装
      • 2.2 创建TCP隧道
    • 3. iPad远程vscode
    • 4. 配置固定TCP端口地址
      • 4.1 保留固定TCP地址
      • 4.2 配置固定的TCP端口地址
      • 4.3 使用固定TCP地址远程vscode

前言

对于开发者来说,iPad 的强大性能让其在越来越多的场景下成为了生产力工具。不论是编辑文件、进行代码编写还是协同办公,iPad 都能轻松胜任,带来全新的移动办公体验。

然而,如何将 iPad 变成一个高效的开发平台呢?今天我要为大家介绍一款开源的应用——IDE Code App!这款应用不仅让你可以在 iPad 上进行编程开发,还能通过 cpolar 内网穿透工具 实现 SSH 远程连接服务器,有效节省工作时间并提高开发效率。让我们一起来看看如何下载、安装和配置吧!

【视频教程】

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官网:https://www.cpolar.com/

点击左侧的验证,查看自己的认证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的公网地址。

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开启愉快的编程吧!

通过本文的介绍,相信你现在已经掌握了如何在 iPad 上使用 IDE Code App 并结合 cpolar 内网穿透工具实现远程编程的方法。这不仅让你能够在任何地方进行高效的代码编写,还能大幅提高开发效率。


http://www.ppmy.cn/server/157338.html

相关文章

第25章 汇编语言--- 信号量与互斥锁

信号量(Semaphore)和互斥锁(Mutex,全称Mutual Exclusion Object)是两种用于管理对共享资源的访问的同步机制。它们在多线程或多进程编程中非常重要,可以确保同一时间只有一个线程或进程能够访问特定的资源&…

Java将String类型的html文本中的img路径替换前缀

1.引入jsoup包 <dependency><groupId>org.jsoup</groupId><artifactId>jsoup</artifactId><version>1.13.1</version> </dependency> 2.编写代码 Service Slf4j public class ImgSrcReplaceServiceImpl implements ImgSrcRep…

IT面试求职系列主题-Jenkins

想成功求职&#xff0c;必要的IT技能一样不能少&#xff0c;先说说Jenkins的必会知识吧。 1) 什么是Jenkins Jenkins 是一个用 Java 编写的开源持续集成工具。它跟踪版本控制系统&#xff0c;并在发生更改时启动和监视构建系统。 2&#xff09;Maven、Ant和Jenkins有什么区别…

Ruby JSON 性能优化之旅:深入挖掘与持续改进

在优化 Ruby 的 JSON 处理性能的征程中&#xff0c;我们不断面临挑战&#xff0c;也持续收获着成果。在上一篇文章中&#xff0c;我们认识到若 ruby/json 在微基准测试中缺乏竞争力&#xff0c;公众对其的看法就难以改变。而致使 ruby/json 在微基准测试中表现欠佳的主要因素是…

ElasticsearchJavaClient工具类分析

最近升级了Elasticsearch版本&#xff0c;从7.X升级到8.X的变化还是比较大的&#xff0c;原来7版本用的是RestHighLevelClient&#xff0c;8.X弃用RestHighLevelClient转而支持ElasticsearchClient&#xff0c;并且api调用方式经过建造者模式的改造&#xff0c;变成了链式调用。…

如何升级node.js版本

升级Node.js可以通过多种方式来完成&#xff0c;以下是四种常见的方法&#xff1a; 方法一&#xff1a;使用Node.js官方安装程序 访问Node.js的官方网站&#xff0c;下载对应你操作系统的最新版本安装程序。通常&#xff0c;你可以 https://nodejs.org/en/download 找到你需…

第 2 章 HTML 网页编程基础教案

谢从华&#xff0c;高蕴梅 著.Web前端设计基础入门——HTML5、CSS3、JavaScript&#xff08;微课视频版&#xff09;,2023, 清华大学出版社. ISBN&#xff1a;9787302641261. 一、教学目标&#xff08;Objectives&#xff09; 1. 知识目标 - 学生能够理解 HTML 的基本概念&…

React 如何进行路由变化监听

一、使用react-router库&#xff08;以react-router-dom为例&#xff09; 1. 历史&#xff08;history&#xff09;对象监听 1.1 原理 react-router内部使用history对象来管理路由历史记录。可以通过访问history对象来监听路由变化。在基于类的组件中&#xff0c;可以通过组…