Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben-VSCode-php.cn

Kann ich auf dem iPad entwickeln? Im folgenden Artikel erfahren Sie, wie Sie das iPad in Sekundenschnelle in ein Produktivitätstool verwandeln – verwenden Sie vscode, um Code für die Entwicklung auf dem iPad zu schreiben. Ich hoffe, er wird Ihnen hilfreich sein!

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Mit der Beliebtheit von Tablets sind die Lebensgewohnheiten und Lebensszenen der meisten Menschen untrennbar mit der Nutzung von Tablets verbunden, z. B. das Ansehen von Fernsehserien, das Ansehen von Kurzvideos, das Spielen von Mainstream-Spielen usw., aber dies sind nur Unterhaltungsszenen . Was ist, wenn Sie das Tablet in Arbeits- oder Produktionsszenarien integrieren möchten, z. B. beim Bearbeiten von Dokumenten, beim Erstellen von Arbeitsblättern und beim Schreiben von Code? ". Wir können einen Codeserver unter Linux erstellen und dann mit einem iPad über einen Browser oder eine App remote auf den Codeserver zugreifen. Nutzen Sie die Ressourcen des Servers, um den Code auszuführen, und das iPad-Frontend muss nur für das Schreiben und Ausführen des Codes verantwortlich sein, was das iPad zu einem perfekten mobilen Entwicklungstool macht! !
Um jederzeit und überall eine mobile Remote-Entwicklung zu erreichen, haben wir die Intranet-Penetration von cpolar genutzt, um die Einschränkungen des lokalen Netzwerks zu durchbrechen und zu erkennen, dass wir auch das iPad zum Schreiben von Code und zum Entwickeln in der öffentlichen Netzwerkumgebung verwenden können! !

Das iPad verwandelt sich in Sekundenschnelle in ein Produktivitätstool! Schreiben Sie Code mit vscode auf dem iPad. [Empfohlenes Lernen:

vscode-Tutorial

Programmierunterricht

]

1. Lokale Umgebungskonfiguration

Bereiten Sie eine virtuelle Maschine vor, entweder Ubuntu oder Centos. Hier nehmen wir das VMware Ubuntu-System.

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Laden Sie den Codeserver-Dienst herunter

Besuchen Sie im Browser: https://github.com/coder/code-server, kopieren Sie den Download-Befehl

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Öffnen Sie die Ubuntu-Befehlszeile zur Ausführung

curl -fsSL https://code-server.dev/install.sh | sh

Nach dem Login kopieren

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Sie werden aufgefordert, das Passwort für das Ubuntu-Anmeldekonto einzugeben, das Passwort einzugeben und dann zu warten, bis die Installation abgeschlossen ist

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Die folgenden Informationen zeigen an, dass die Installation erfolgreich war

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Dann Geben Sie den folgenden Befehl ein, um das Code-Server-Anmeldekennwort festzulegen:

export PASSWORD=”000000”

Nach dem Login kopieren

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Überprüfen Sie die IP-Adresse und verwenden Sie sie für den LAN-Zugriff :

ifconfig

Nach dem Login kopieren

Die Adress- und Portnummerninformationen scheinen einen Erfolg anzuzeigen Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Dann öffnen Sie den Browser und geben beim Zugriff auf

http://192.168.30.128:8080/

über LAN Willkommenscode-Server erscheint und zeigt den Erfolg an. Geben Sie das von uns festgelegte Passwort ein und melden Sie sich an. <img src="https://img.php.cn/upload/article/000/000/024/81398bd1166b0cc65a72777643568886-7.png" alt="Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben">

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

2. 内网穿透

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

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

2.1 安装cpolar内网穿透(支持一键自动安装脚本)

cpolar 安装（国内使用）

code-server --host= “0.0.0.0”

Nach dem Login kopieren

或 cpolar短链接安装方式：(国外使用）

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

Nach dem Login kopieren

查看版本号

curl -sL https://git.io/cpolar | sudo bash

Nach dem Login kopieren

token认证

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

cpolar version

Nach dem Login kopieren

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

简单穿透测试

cpolar authtoken xxxxxxx

Nach dem Login kopieren

按ctrl+c退出

向系统添加服务

cpolar http 8080

Nach dem Login kopieren

启动cpolar服务

sudo systemctl enable cpolar

Nach dem Login kopieren

查看服务状态

sudo systemctl start cpolar

Nach dem Login kopieren

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

2.2 创建HTTP隧道

在ubuntu系统本地安装cpolar内网穿透之后，在ubuntu浏览器上访问本地9200端口，打开cpolar web ui界面：http://127.0.0.1:9200。

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

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

点击创建2. Intranet-Penetration

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben Dann nutzen wir cpolar, um in den lokalen Code-Server-Dienst einzudringen und so jederzeit und überall Fernzugriff und das Schreiben von Code zu ermöglichen. cpolar unterstützt die Protokolle http/https/tcp, schränkt den Datenverkehr nicht ein, ist einfach zu bedienen und erfordert keine öffentliche IP oder keinen Router.

offizielle Website von cpolar: https://www.cpolar.com/

2.1 cpolar-Intranet-Penetration installieren (unterstützt automatisches Installationsskript mit einem Klick)

cpolar-Installation (private Nutzung)

sudo systemctl status cpolar

Nach dem Login kopieren

Oder cpolar Short-Link-Installationsmethode: (für ausländische Verwendung)

rrreee

Überprüfen Sie die Versionsnummer

rrreee

Token-Zertifizierung

Melden Sie sich im Backend der offiziellen cpolar-Website an, klicken Sie links auf „Verifizieren“, überprüfen Sie Ihr Authentifizierungstoken und fügen Sie das Token dann in die Befehlszeile einrrreee

Einfacher Penetrationstest

rrreee Strg+C drücken Beenden

Dienste zum System hinzufügen

rrreee

Cpolar-Dienst starten

rrreee

Dienststatus anzeigen

rrreee

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben Normale Anzeige Wenn es aktiv ist, bedeutet dies, dass sich der Dienst im normalen Online-Startzustand befindet

🎜🎜2.2 HTTP-Tunnel erstellen🎜

🎜Installieren Sie cpolar intranet traversal lokal auf dem Ubuntu-System. Greifen Sie anschließend auf den lokalen Port 9200 im Ubuntu-Browser zu und öffnen Sie die cpolar-Web-UI-Schnittstelle: http:// 127.0.0.1:9200. 🎜🎜Klicken Sie im linken Dashboard auf Tunnelverwaltung – Tunnel erstellen. Da Port 8080 im Code-Server konfiguriert ist, müssen wir einen HTTP-Tunnel erstellen, der auf Port 8080 zeigt: 🎜

Tunnelname: Ja Anpassen, seien Sie vorsichtig Nicht wiederholen
Protokoll: http-Protokoll
Lokale Adresse: 8080
Typ des Domänennamens: Wählen Sie einen zufälligen Domänennamen aus
Region: Wählen Sie China VIP

🎜Klicken Sie auf Erstellen🎜🎜🎜🎜🎜Klicken Sie nach dem Erstellen auf den Status links – Online-Tunnelliste, sehen Sie sich die öffentliche Netzwerkadresse an und kopieren Sie sie unten 🎜🎜🎜🎜🎜🎜🎜🎜3. Testen Sie den Fernzugriff🎜🎜🎜Öffnen Sie den Browser des iPads und geben Sie die öffentliche Netzwerkadresse ein, die Sie gerade für den Zugriff kopiert haben. Geben Sie dann das zuvor festgelegte Passwort ein und die vscode-Oberfläche wird angezeigt Erfolg🎜🎜🎜🎜4. Konfigurieren Sie eine feste Subdomain der zweiten Ebene 24 Stunden Es werden Änderungen auftreten, die einem langfristigen Fernzugriff nicht förderlich sind. Daher können wir einen Subdomain-Namen der zweiten Ebene dafür konfigurieren. Die Adresse ist eine feste Adresse und ändert sich nicht zufällig Name erfordert ein Upgrade von cpolar auf das Basispaket oder höher.

Melden Sie sich auf der offiziellen Website von cpolar an, klicken Sie links auf „Reservieren“, wählen Sie die Reservierung des Subdomainnamens der zweiten Ebene aus, legen Sie einen Subdomainnamen der zweiten Ebene fest, klicken Sie auf „Reservieren“ und kopieren Sie den reservierten Subdomainnamen der zweiten Ebene nach der Reservierung ist erfolgreich

Region: China vip auswählen

Domainname der zweiten Ebene: Anpassbar zum AusfüllenBeschreibung: Notizen, anpassbar zum Ausfüllen

4.2 Konfigurieren Sie den Subdomainnamen der zweiten Ebene

Greifen Sie auf den lokalen Port 9200 zu und öffnen Sie die cpolar-Web-UI-Schnittstelle, klicken Sie links auf Tunnelverwaltung – Tunnelliste, suchen Sie den vscode-Tunnel, klicken Sie rechts auf Bearbeiten
, um die Tunnelinformationen zu ändern:

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben Ändern Geben Sie den Domänennamen ein, um die Subdomain der zweiten Ebene auszuwählen

Subdomain: Füllen Sie die gerade reservierte Subdomain der zweiten Ebene erfolgreich aus Klicken Sie auf `Aktualisieren`

Nachdem der Tunnel erfolgreich aktualisiert wurde, klicken Sie links auf den Status - Online-Tunnelliste, um die Öffentlichkeit anzuzeigen Netzwerkadresse. Zu diesem Zeitpunkt können Sie sehen, dass die Adresse zu einem Domänennamen der zweiten Ebene geworden ist. Kopieren Sie sie nach unten

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Dann öffnen wir den iPad-Browser erneut und greifen Sie auf die feste Subdomain-Adresse der zweiten Ebene zu, die gerade erfolgreich konfiguriert wurde. Die vscode-Schnittstelle scheint einen Erfolg anzuzeigen, und Sie können problemlos Code schreiben.

更新

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

6. iPad通过软件远程vscode

接下来我们通过servediter for code-server软件来实现ipad远程访问vscode

6.1 创建TCP隧道

首先需要创建一条TCP隧道，指向我们服务器的22端口,servediter for code-server这个软件需要连接服务器,在ubuntu上打开浏览器访问本地9200端口，登录cpolar web ui界面,点击左侧的隧道管理——创建隧道

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

点击创建

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

7. ipad远程vscode

在ipad上，点击打开appstore，下载软件servediter for code-server

6. iPad Remote-Vscode über Software Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Als nächstes verwenden wir Servediter für Code-Server-Software, um Fernzugriff auf vscode auf dem iPad zu erreichen code>servediter für code-server Diese Software muss eine Verbindung zum Server herstellen, um auf den lokalen Port 9200 zuzugreifen, sich bei der cpolar-Web-UI-Schnittstelle anzumelden und links auf Tunnelverwaltung zu klicken. Erstellen Sie einen Tunnel

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben Tunnelname: Anpassbar, achten Sie darauf, ihn nicht zu wiederholen

Protokoll: TCP-Protokoll

Lokale Adresse: 22
Domänennamentyp: Wählen Sie einen zufälligen temporären TCP-Port aus

Klicken Sie auf Erstellen
Nachdem der Tunnel erfolgreich erstellt wurde, klicken Sie links auf Status – Online-Tunnelliste und kopieren Sie die generierte öffentliche Netzwerkadresse.

7. Remote vscode für das iPad

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Klicken Sie auf dem iPad, um den Appstore zu öffnen und die Software servediter for code-server herunterzuladen Da die Software kostenpflichtig ist, können Sie den Kauf frei wählen, hier eine kostenlose Testversion auswählen, die letzte kostenlose Version auswählen und relevante Informationen eingeben. Parametereinführung: Code-Server-URL: Ausfüllen Die zuvor erfolgreich konfigurierte http-Adresse des öffentlichen Netzwerks [iPad-Browser] Die besuchte Adresse]

Instanzpasswort: Das vom Codeserver konfigurierte Passwort

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben Host: Geben Sie die öffentliche Netzwerkadresse des 22-Tunnels ein, den wir zuvor erfolgreich erstellt haben

🎜Benutzername : Geben Sie den Benutzernamen des Ubuntu-Systems ein , klicken Sie oben rechts auf „Speichern“ und die vscode-Schnittstelle wird angezeigt, um anzuzeigen, dass die Verbindung erfolgreich ist🎜🎜🎜🎜

8. Konfigurieren Sie eine feste TCP-Portadresse

Da der von uns zuvor erstellte SSH-Port 22-Tunnel eine zufällige temporäre Adresse ausgewählt hat, ändert sich die Adresse innerhalb von 24 Stunden, um die Verbindung mit vscode auf unserem iPad reibungsloser zu gestalten , müssen wir die öffentliche Netzwerkadresse von ssh korrigieren.

Bitte beachten Sie, dass Sie das cpolar-Paket auf das Professional-Paket oder höher aktualisieren müssen.

8.1 Reservieren Sie eine feste TCP-Adresse

Melden Sie sich im Backend der offiziellen cpolar-Website an, klicken Sie links auf „Reservieren“ und suchen Sie die reservierte TCP-Adresse:

Beschreibung: Hinweis , Sie können die Füllung anpassen

Klicken Sie auf Reservieren

保留

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

8.2 配置固定TCP端口地址

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

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

点击更新

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

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

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

9. 使用固定TCP地址远程vscode

在ipad上，打开servediter for code-server软件，修改host的参数，将其修改为我们刚刚配置成功的固定TCP端口地址。

点击左上角i Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Die feste TCP-Adresse wird erfolgreich beibehalten. Das System generiert die entsprechende öffentliche Netzwerkadresse + feste Portnummer und kopiert sie nach unten Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben 8.2 Feste TCP-Portadresse konfigurieren

Browserzugriff http:// 127.0.0.1 :9200/Melden Sie sich bei der cpolar Web-UI-Verwaltungsoberfläche an, klicken Sie im linken Dashboard auf Tunnelverwaltung – Tunnelliste, suchen Sie den Codeserver-Tunnel und klicken Sie rechts auf Bearbeiten

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

Ändern Sie die Tunnelinformationen und konfigurieren Sie die feste TCP-Portadresse:

Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben Porttyp: Wählen Sie die aus stattdessen fester TCP-Port

Reservierte TCP-Adresse: Geben Sie die feste TCP-Port-Adresse ein, die erfolgreich reserviert wurde

Klicken Sie auf Aktualisieren🎜🎜 Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

🎜🎜Es wird angezeigt, dass die Tunnelaktualisierung erfolgreich war. Klicken Sie auf den Status im linken Dashboard – Online-Tunnelliste. Das können Sie sehen Die öffentliche Netzwerkadresse des gerade geänderten Tunnels wurde auf eine feste TCP-Portadresse aktualisiert. Kopieren Sie sie. 🎜🎜 Ausführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben

🎜🎜 🎜🎜9. Verwenden Sie eine feste TCP-Adresse, um vscode aus der Ferne zu erstellen. 🎜🎜🎜Öffnen Sie auf dem iPad den Servediter für Code-Server-Software, ändern Sie die Host-Parameter und ändern Sie ihn in die feste TCP-Port-Adresse, die wir gerade erfolgreich konfiguriert haben. 🎜🎜Klicken Sie auf das i-Logo in der oberen linken Ecke. 🎜🎜🎜🎜🎜Wählen Sie den Host-Server selbst aus. 🎜🎜🎜🎜🎜Ändern Sie den Host-Wert in die TCP-Adresse, die wir gerade auf der offiziellen Website reserviert haben 🎜🎜🎜Klicken Sie nach dem Ändern oben rechts auf „Speichern“. Nach dem Klicken wird automatisch eine Verbindung hergestellt und die vscde-Oberfläche wird angezeigt, um den Erfolg anzuzeigen. An diesem Punkt ist das Tutorial beendet. Die öffentliche Netzwerkadresse ändert sich nicht mehr zufällig. 🎜🎜🎜🎜🎜Weitere Informationen zu VSCode finden Sie unter: 🎜Vscode-Basis-Tutorial🎜! 🎜

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Sie mit vscode Code für die Entwicklung auf dem iPad schreiben. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!