Il est enfin possible de coder des applications Web sur un iPad Pro
L'iPad Pro a attiré mon attention de manière inattendue lorsque Apple l'a publié fin 2018: il ressemblait à aucune tablette auparavant, avec des lunettes ultra-minces autour de l'écran et, plus important encore, une autonomie de la batterie toute la journée.
J’ai été surpris de voir à quel point je l’aime bien, malgré le fait de l’essayer et de le rendre, puis de tout racheter quelques mois plus tard. Je fais plus, et c’est tellement moins gênant que mon ordinateur portable – un changement de rythme rafraîchissant.
Le problème avec cet iPad Pro, c’est qu’il s’agit d’un matériel incroyable, que le logiciel retient tellement. iOS 12 avait l'impression de mettre à genoux un matériel autrement incroyable, limitant son potentiel de manière frustrante et imprévisible.
J’ai toujours su que le codage était probablement hors de question, mais ce qui n’est pas sur iPad, comme Figma et Soundtrap, n’a pas fonctionné non plus, car Safari n’était pas autre chose qu’un navigateur iPhone glorifié.
À la WWDC, Apple a changé la donne: l’iPad est aujourd’hui un objectif suffisamment sérieux pour l’entreprise, qui doit se séparer d’iOS et se doter de son propre «système d’exploitation» – offrant ainsi à l’iPad l’espace de grandir un peu.
Safari évolue également dans le cadre de l’iPadOS 13: Apple affirme qu’il est désormais un navigateur de type «bureau», sans trop préciser ce que cela signifie. Oh, et ils ont ajouté le support de la souris – sérieusement.
Croyez-le ou non, ce changement signifie que vous pouvez créer des applications Web à l'aide de l'iPad Pro, malgré l'absence d'un véritable IDE ou d'un environnement, et ce n'est pas si grave. Voici, le code de Visual Studio «en cours d’exécution» sur l’iPad et c’est à peu près aussi bon que la vraie affaire:
Vous vous demandez probablement comment cette sorcellerie est possible – et il s’agit d’une astuce complexe, mais étonnamment fonctionnelle: Visual Studio Code est exécuté sur un serveur Google Cloud, grâce à un projet open source appelé Coder.
Cela fonctionne parce que Visual Studio Code est d’abord basé sur le Web et que le composant Google Cloud héberge simplement l’application dans le nuage, mais met en cache ses ressources sur votre appareil.
En d’autres termes, c’est extrêmement rapide et le seul élément en cours d’exécution est la synchronisation entre le terminal et les fichiers. Pour ceux qui utilisent un iPad LTE, c’est parfait: vous êtes toujours connecté, et vous bénéficiez à présent d’un puissant serveur cloud. En outre, c’est magique de pouvoir coder sur un appareil comme celui-ci, et j’espère sincèrement que Visual Studio Code sera officiellement disponible sur iPad dans un proche avenir.
Mais pour l’instant, voici comment le configurer vous-même. Cela implique toutefois qu'il ne fonctionne entièrement que sur iOS 13, qui est actuellement en version bêta, et que le succès peut être limité pour les versions antérieures.
Contenus
Prenez un serveur et un café
Faites tourner un serveur quelque part pour pouvoir héberger votre instance de Coder. Je recommande DigitalOcean, dont les prix sont prévisibles (et cliquer sur mon lien vous donnera 50 $ de crédit pour l'essayer), ainsi que de superbes images prédéfinies.
Choisissez un emplacement dans le pays dans lequel vous vivez habituellement, puis utilisez l’image Ubuntu 18.04 LTS – vous gagnerez du temps plus tard. Coder est actuellement un peu lourd en ressources (on dit que cela sera corrigé dans une mise à jour bientôt), vous devriez donc choisir une boîte avec au moins 2 processeurs et 6 à 8 Go de RAM.
Une fois que le serveur est configuré, SSH en utilisant un ordinateur réel, et téléchargez les bits du codeur (changez l’URL la plus récente à partir de là) dans votre répertoire personnel:
wget https://github.com/cdr/code-server/releases/download/1.1119-vsc1.33.1/code-server1.1119-vsc1.33.1-linux-x64.tar.gz
Une fois que vous avez ce paquet, décompressez-le avec `tar -xvf ./code-server1.1119-vsc1.33.1-linux-x64.tar.gz codeur`et changez de répertoire en tapant`codeur de cd`.
A partir de là, rendez-le exécutable en lançant `chmod + x ./coder`et il y a une dernière étape pour l’autoriser à traverser le pare-feu. Type `sudo ufw permettre 80 / tcp`ajouter le port que nous utiliserons pour démarrer Coder.
C’est le moment de faire de la magie! Démarrez votre serveur en lançant `./coder -p 80 –allow-http` et attendez quelques secondes qu'il démarre, puis notez le mot de passe qu'il a généré pour sécuriser votre environnement de codage. (Vous devriez revenir en arrière et sécuriser cela plus tard, mais pour le moment, il est plus rapide de commencer de cette façon).
De retour sur votre iPad, tapez l'adresse IP de votre serveur dans le navigateur avec http devant, et si tout se passe bien, vous devriez voir un écran demandant un mot de passe. Glissez-le dedans et vous êtes absent:
Obtenez le codage
Pour que votre configuration ressemble à celle ci-dessus, installez le site Web en tant qu’élément de votre écran d’accueil. Cliquez sur Partager, puis ajoutez-le à l'écran d'accueil, puis lancez-le à partir de là. Il s'ouvrira sans que l'interface de Safari ne s'y engouffre.
Désormais, vous pouvez coder comme si vous étiez assis devant un ordinateur portable réel, et l’environnement de développement est votre serveur. Vous pouvez installer tout ce que vous voulez ici et l'exécuter comme si vous y étiez vraiment – le seul problème étant que tout ce que vous voulez charger dans le navigateur peut nécessiter des trous supplémentaires dans le pare-feu.
Et boum, comme par magie, vous pouvez véritablement travailler sur votre code comme si l’iPad était un autre ordinateur. L’interface de Visual Studio Code étant exécutée dans le navigateur, elle s’exécute localement et se sent super réactive – les seuls bits qui doivent atteindre le serveur sont l’enregistrement de fichiers ou l’interaction avec le terminal. Pas mal!
La solution la plus simple au problème du pare-feu? Combinez-le avec un VPN et éliminez complètement le pare-feu: un outil tel que Outlines VPN de Jigsaw en fait une commande unique à utiliser, et vous pouvez utiliser l'adresse IP interne de votre serveur pour ne pas danser. Cette méthode signifie également que vous pouvez être sûr qu’elle est sécurisée, puisque Coder n’est plus exposé à l’Internet ouvert.
Je sais que cette méthode n’est pas aussi efficace qu’un environnement de développement local, mais si proche ça ne me dérange pas. Je suis déjà en train de créer des applications Web dans des conteneurs Docker avec Visual Studio Code Remote ou sur WSL, qui est généralement bien meilleur: vous obtenez la puissance brute d’un gros serveur dans un centre de données, sans les ventilateurs qui vont avec.
Je ne souhaite vraiment pas que l'iPad Pro prenne en charge des cas d'utilisation similaires, à tout le moins pour un IDE de codage à pleine fidélité comme Visual Studio Code, à installer de manière native et à se connecter à un serveur, mais je soupçonne que de grands changements doivent se produire système de fichiers en premier.
Pourtant, sur le matériel de l’iPad, cela semble magique. Je vais essayer de passer quelques semaines à créer des applications Laravel directement sur ma boîte de cloud – je vais en dire plus à ce sujet, car je vois si cela fonctionne réellement dans le temps, mais je suis enthousiasmé par les possibilités que nous avons maintenant. commence à obtenir un vrai navigateur sur l'iPad.
Commentaires
Laisser un commentaire