Puis-je développer sur iPad ? L'article suivant vous expliquera comment transformer l'iPad en un outil de productivité en quelques secondes : utilisez vscode pour écrire du code pour le développement sur l'iPad. J'espère que cela vous sera utile !
Avec la popularité des tablettes, les habitudes de vie et les scènes de vie de la plupart des gens sont indissociables de l'utilisation des tablettes, comme regarder des séries télévisées, regarder de courtes vidéos, jouer à des jeux grand public, etc., mais ce ne sont que des scènes de divertissement . Et si vous souhaitez intégrer la tablette dans des scénarios de travail ou de production, comme l'édition de documents, la création de feuilles de calcul et l'écriture de code
Donc, après l'achat d'un iPad, afin d'éviter « la productivité avant l'achat, iQiyi après l'achat » ? ". Nous pouvons créer un serveur de code sous Linux, puis utiliser un iPad pour accéder à distance au serveur de code via un navigateur ou une application. Utilisez les ressources du serveur pour exécuter le code, et le frontal de l'iPad n'a qu'à être responsable de l'écriture du code et de son exécution, ce qui fait de l'iPad un outil de développement mobile parfait ! !
De plus, afin de réaliser un développement mobile à distance à tout moment et n'importe où, nous avons utilisé la pénétration intranet polaire pour briser les limites du réseau local et réaliser que nous pouvons également utiliser l'iPad pour écrire du code et développer dans l'environnement du réseau public ! !
L'iPad se transforme en un outil de productivité en quelques secondes ! Écrivez du code avec vscode sur iPad. [Apprentissage recommandé : Tutoriel vscode, Enseignement de la programmation]
Préparez une machine virtuelle, soit Ubuntu, soit centos. Nous prenons ici le système VMware Ubuntu comme exemple.
Téléchargez le service du serveur de code
Visitez dans le navigateur : https://github.com/coder/code-server, copiez la commande de téléchargement
Ouvrez la ligne de commande Ubuntu pour l'exécution
curl -fsSL https://code-server.dev/install.sh | sh
Il vous sera demandé de saisir le mot de passe du compte de connexion Ubuntu, de saisir le mot de passe, puis d'attendre que l'installation soit terminée
Les informations suivantes indiquent que l'installation est réussie
Ensuite entrez la commande suivante pour définir le mot de passe de connexion au serveur de code
export PASSWORD=”000000”
Vérifiez l'adresse IP et utilisez-la pour l'accès au réseau local
ifconfig
Après avoir défini le mot de passe, démarrez le service du serveur de code et entrez la commande suivante :
code-server --host= “0.0.0.0”
Les informations sur l'adresse et le numéro de port semblent indiquer le succès
Puis ouvrez le navigateur et transmettez Lors de l'accès à http://192.168.30.128:8080/ via LAN, welcone code-server apparaît indiquant le succès. Entrez le mot de passe que nous avons défini et connectez-vous. <code>welcone code-server表示成功,输入我们设置的密码,登录即可。
接着我们使用cpolar穿透本地code-server服务,使得远程可以进行访问,随时随地写代码。cpolar支持http/https/tcp协议，不限制流量，操作简单，无需公网IP，也无需路由器。
cpolar官网：https://www.cpolar.com/
curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash
curl -sL https://git.io/cpolar | sudo bash
cpolar version
登录cpolar官网后台，点击左侧的验证，查看自己的认证token，之后将token贴在命令行里
cpolar authtoken xxxxxxx
cpolar http 8080
按ctrl+c退出
sudo systemctl enable cpolar
sudo systemctl start cpolar
sudo systemctl status cpolar
正常显示为active则表示服务为正常在线启动状态
在ubuntu系统本地安装cpolar内网穿透之后，在ubuntu浏览器上访问本地9200端口，打开cpolar web ui界面：http://127.0.0.1:9200。
点击左侧仪表盘的隧道管理——创建隧道,由于code-server中配置的是8080端口，因此我们要来创建一条http隧道，指向8080端口：
点击创建
2. Pénétration de l'intranet
Ensuite, nous utilisons cpolar pour pénétrer le service du serveur de code local, permettant l'accès à distance et l'écriture de code à tout moment et n'importe où. cpolar prend en charge les protocoles http/https/tcp, ne limite pas le trafic, est simple à utiliser et ne nécessite pas d'adresse IP publique ni de routeur.
Site officiel de cpolar : https://www.cpolar.com/
Connectez-vous au backend du site officiel de cpolar, cliquez sur Vérifier sur la gauche, vérifiez votre jeton d'authentification, puis collez le jeton dans la ligne de commande
rrreee
🎜🎜Affichage normal S'il est 
actif, cela signifie que le service est dans l'état de démarrage en ligne normal🎜Créer🎜🎜🎜🎜🎜Après l'avoir créé, cliquez sur le statut à gauche - Liste des tunnels en ligne, affichez l'adresse du réseau public et copiez-la. down 🎜🎜🎜🎜🎜🎜🎜🎜3. Testez l'accès à distance🎜🎜🎜Ouvrez le navigateur iPad et entrez l'adresse du réseau public que vous venez de copier pour accéder. Après l'accès, entrez le mot de passe défini précédemment et l'interface vscode apparaîtra pour l'indiquer. succès🎜🎜🎜🎜Étant donné que le tunnel créé à l'aide de cpolar ci-dessus utilise une adresse de réseau public temporaire aléatoire, l'adresse sera perdue dans 24 heures Des changements surviendront qui ne sont pas propices à un accès à distance à long terme. Par conséquent, nous pouvons lui configurer un nom de sous-domaine de deuxième niveau. L'adresse est une adresse fixe et ne changera pas de manière aléatoire [ps : cpolar.cn a été déposé]
Il convient de noter que la configuration d'un sous-domaine de deuxième niveau fixe. nom nécessite la mise à niveau de cpolar vers le package de base ou supérieur.
Connectez-vous au site officiel de cpolar, cliquez sur Réserver sur la gauche, sélectionnez pour réserver le nom de sous-domaine de deuxième niveau, définissez un nom de sous-domaine de deuxième niveau, cliquez sur Réserver et copiez le nom de sous-domaine de deuxième niveau réservé après la réservation. est réussi
Accédez au port local 9200 et ouvrez l'interface utilisateur Web cpolar, cliquez sur Tunnel Management - Tunnel List à gauche, recherchez le tunnel vscode, cliquez sur Modifier à droite
pour modifier les informations du tunnel :
Cliquez sur Mettre à jour更新
隧道更新成功之后，点击左侧的状态——在线隧道列表,查看公网地址,此时可以看到地址变成了二级域名，将其复制下来
接着我们再次打开ipad浏览器，访问刚刚配置成功的固定二级子域名地址,出现vscode界面表示成功,就可以愉快的写代码啦.
接下来我们通过servediter for code-server软件来实现ipad远程访问vscode
首先需要创建一条TCP隧道，指向我们服务器的22端口,servediter for code-server这个软件需要连接服务器,在ubuntu上打开浏览器访问本地9200端口，登录cpolar web ui界面,点击左侧的隧道管理——创建隧道
点击创建
隧道创建成功之后，点击左侧的状态——在线隧道列表，将所生成的公网地址复制下来。
在ipad上，点击打开appstore，下载软件servediter for code-server
Une fois le tunnel mis à jour avec succès, cliquez sur l'état à gauche - liste des tunnels en ligne pour afficher le public adresse réseau À ce moment, vous pouvez voir que l'adresse est devenue un nom de domaine de deuxième niveau, copiez-la vers le bas
Ensuite, nous ouvrons le navigateur iPad à nouveau et accédez à l'adresse fixe du sous-domaine de deuxième niveau qui vient d'être configurée avec succès. L'interface vscode apparaît pour indiquer le succès, et vous pouvez volontiers écrire du code.
Nom du tunnel : personnalisable, veillez à ne pas le répéter
Protocole : protocole TCP
Adresse locale : 22
Créer🎜🎜 🎜🎜 Une fois le tunnel créé avec succès, cliquez sur Statut à gauche - Liste des tunnels en ligne et copiez l'adresse du réseau public générée. 🎜🎜🎜🎜 🎜🎜7. VScode à distance pour iPad🎜🎜🎜Sur l'iPad, cliquez pour ouvrir l'Appstore et téléchargez le logiciel servediter for code-server🎜🎜🎜🎜🎜Une fois le téléchargement réussi, cliquez pour ouvrir Comme le logiciel est payant, vous pouvez choisir d'acheter gratuitement, choisir un essai gratuit ici, choisir le dernier gratuit🎜🎜🎜🎜🎜 et saisir les informations pertinentes🎜🎜🎜Introduction aux paramètres :🎜🎜🎜🎜URL du serveur de code : à remplir. l'adresse du réseau public http configurée avec succès avant [navigateur iPad] L'adresse visitée]🎜🎜Mot de passe de l'instance : le mot de passe configuré par le serveur de code🎜🎜Hôte : remplissez l'adresse du réseau public du 22 tunnel que nous avons créé avec succès plus tôt🎜🎜Nom d'utilisateur : renseignez le nom d'utilisateur du système ubuntu🎜🎜Port : voici la valeur par défaut Il n'est pas nécessaire de le modifier🎜🎜Authentification : Remplissez le mot de passe correspondant au nom d'utilisateur du système ubuntu🎜🎜🎜🎜🎜🎜Après avoir renseigné les informations , cliquez sur Enregistrer dans le coin supérieur droit et il se connectera automatiquement. L'interface vscode apparaîtra pour indiquer que la connexion est réussie🎜🎜🎜🎜.Étant donné que le tunnel du port ssh 22 que nous avons créé a précédemment sélectionné une adresse temporaire aléatoire, l'adresse changera dans les 24 heures afin de rendre la connexion utilisant vscode sur notre iPad plus fluide. , nous devons corriger l'adresse du réseau public de ssh.
Veuillez noter que vous devez mettre à niveau le package cpolar vers le package professionnel ou supérieur.
Connectez-vous au backend du site officiel de cpolar, cliquez sur Réserver à gauche, recherchez l'adresse TCP réservée :
Réserver保留
固定TCP地址保留成功，系统生成相应的公网地址+固定端口号，将其复制下来
浏览器访问http://127.0.0.1:9200/登录cpolar web UI管理界面，点击左侧仪表盘的隧道管理——隧道列表，找到codeserver隧道，点击右侧的编辑
修改隧道信息，配置固定TCP端口地址：
点击更新
提示更新隧道成功，点击左侧仪表盘的状态——在线隧道列表，可以看到刚刚修改的隧道的公网地址已经更新为固定TCP端口地址，将其复制下来。
在ipad上，打开servediter for code-server软件，修改host的参数，将其修改为我们刚刚配置成功的固定TCP端口地址。
点击左上角i
L'adresse TCP fixe est conservée avec succès. Le système génère l'adresse du réseau public correspondant + le numéro de port fixe et la copie
8.2 Configurer l'adresse du port TCP fixe
Modifiez les informations du tunnel et configurez l'adresse du port TCP fixe :
Type de port : sélectionnez le port TCP fixe à la place
Adresse TCP réservée : remplissez l'adresse du port TCP fixe qui a été réservée avec succès
Cliquez surMettre à jour🎜🎜
🎜🎜Il indique que la mise à jour du tunnel est réussie. Cliquez sur l'état sur le tableau de bord de gauche - Liste des tunnels en ligne. Vous pouvez voir que l'adresse du réseau public du tunnel que vous venez de modifier a été mise à jour vers une adresse de port TCP fixe, copiez-la. 🎜🎜🎜🎜 🎜🎜9. Utilisez une adresse TCP fixe pour vscoder à distance🎜🎜🎜Sur l'iPad, ouvrez le serveur pour le logiciel serveur de code, modifiez les paramètres de l'hôte et remplacez-le par l'adresse du port TCP fixe que nous venons de configurer avec succès. 🎜🎜Cliquez sur le logo i dans le coin supérieur gauche🎜🎜🎜🎜🎜Sélectionnez votre propre serveur hôte🎜🎜🎜🎜🎜Changez la valeur de l'hôte par l'adresse TCP que nous venons de réserver sur le site officiel🎜🎜 🎜🎜🎜Cliquez en haut à droite après avoir modifié Cliquez sur Enregistrer, il se connectera automatiquement après avoir cliqué dessus et l'interface vscde apparaîtra pour indiquer le succès. À ce stade, le didacticiel est terminé. Utilisez l'iPad pour démarrer une programmation heureuse ! L'adresse du réseau public ne changera plus de manière aléatoire. 🎜🎜🎜🎜🎜Pour plus de connaissances sur VSCode, veuillez visiter : 🎜Tutoriel de base de vscode🎜 ! 🎜Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
vscode
Comment exécuter du code avec vscode
les jeux sur iPad n'ont pas de son
Que dois-je faire si mon iPad ne peut pas être chargé ?
Introduction au framework utilisé par vscode
Quel langage est généralement utilisé pour écrire du vscode ?
Dans quel langage le vscode peut-il être écrit ?
méthode de réglage chinois vscode
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
