WorldWideWeb : un utilitaire de serveur Web simple pour Mac, iPad et iPhone

Tôt dans la journée, The Iconfactory a publié sa dernière application, un simple utilitaire de serveur Web appelé WorldWideWeb. Solidement axée sur les développeurs, l’application sert des fichiers d’un répertoire local à une URL générée automatiquement, rendant ces fichiers disponibles sur n’importe quel appareil de votre réseau local. Bien qu’il y ait certainement des cas d’utilisation plus inventifs pour un tel utilitaire, son objectif général est de tester des sites Web simples construits sur la plus grande primitive du Web : HTML.

La fonctionnalité phare de WorldWideWeb est la simplicité. Toute l’interface principale de l’application se compose de deux petites sections : dans la première tu sélectionnes un dossier, et dans la seconde tu démarres ou arrête le serveur web. Lorsque le serveur est activé, une URL est générée. L’application utilise Bonjour pour rendre l’adresse disponible pour tout appareil sur le même réseau Wi-Fi que l’hôte. Copiez et collez simplement l’URL ou appuyez sur le bouton “Ouvrir dans le navigateur” pour afficher le site Web de manière native dans un navigateur Web.

Le principal avantage d’un outil comme celui-ci est de permettre aux développeurs de tester leurs sites Web dans un environnement qui correspond à celui de leurs utilisateurs. Bien que de nombreuses applications de codage pour Mac prennent en charge les aperçus intégrés des sites Web HTML, ces aperçus peuvent différer par leur comportement des navigateurs Web réels à partir desquels les utilisateurs consulteront les sites Web en production. De plus, la simulation de la taille des appareils n’est jamais aussi efficace que la visualisation d’un site Web sur les appareils eux-mêmes. WorldWideWeb permet aux développeurs d’ouvrir facilement leur site Web en développement sur un véritable appareil de la taille d’un smartphone ou d’une tablette plutôt que d’utiliser un simulateur. Ils peuvent ensuite apporter des modifications à leurs fichiers et simplement recharger l’onglet du navigateur pour voir ces modifications en direct.

Si vous êtes un développeur Web sur Mac, vous connaissez probablement d’autres services qui fournissent ce cas d’utilisation. Alors que j’ai du mal à imaginer une solution prête à l’emploi plus simple que WorldWideWeb, sa simplicité le paralyse également dans de nombreux scénarios. Les options de configuration avancées de l’application sont extrêmement limitées, ce qui la rend inutilisable pour les sites Web rendus par le serveur tels que ceux écrits en React ou PHP. Cette lacune empêchera malheureusement de nombreux développeurs Web modernes (la plupart?) D’avoir un cas d’utilisation pour cela.

L’histoire ici est un peu différente pour l’iPad et l’iPhone. Ces appareils n’avaient auparavant aucun moyen bien connu d’obtenir les fonctionnalités fournies par WorldWideWeb, et certainement pas avec toute la facilité et l’élégance d’une application de The Iconfactory. Maintenant, aux côtés de l’excellent éditeur de code Runestone (dont j’ai parlé ici le mois dernier), WorldWideWeb complète un pipeline potentiel de bout en bout pour le développement Web sur les plates-formes mobiles d’Apple. Bien sûr, nous parlons principalement de l’iPad ici, et cet ajout continue d’alimenter mon enthousiasme quant à l’état des outils de développement sur iPadOS. Si vous développez un site Web à l’aide de HTML, CSS et JavaScript standard, vous pouvez désormais sérieusement envisager de passer à l’iPad comme machine de développement à plein temps. Il y a encore du chemin à parcourir pour la plupart des développeurs qui envisagent iPadOS, mais il est excitant de voir plus de trous dans le processus être comblés.

En ce qui concerne le Mac, à l’avenir, j’aimerais voir The Iconfactory étendre WorldWideWeb pour servir plus de cas d’utilisation. Je pense qu’ils pourraient le faire assez facilement en faisant en sorte que leur application le fasse encore moins. Actuellement, il vous oblige à choisir un dossier, puis envoie des demandes aux fichiers qu’il contient. J’aimerais pouvoir ignorer le choix d’un dossier et donner à la place à l’application un port vers lequel elle dirigerait le trafic localhost. Cela me permettrait de faire tourner mon environnement de développement Docker plus avancé, tout en bénéficiant d’un serveur Web Bonjour en un clic auquel je pourrais ensuite accéder depuis n’importe quel appareil de mon réseau.

Pour l’instant, l’application sert un cas d’utilisation plus limité, bien qu’elle inclue quelques options avancées pour les développeurs. À l’aide de l’icône d’engrenage dans la section du serveur Web de l’application, vous pouvez choisir les types de fichiers par défaut, modifier le port sur lequel le serveur s’exécute, demander à l’application de vérifier d’autres types de fichiers si une extension est manquante ou envoyer les journaux de requêtes vers un emplacement choisi. Ces options sont encore assez limitées, mais The Iconfactory souligne dans son article de blog présentant l’application que vous pouvez les utiliser pour servir des données de test statiques pour les points de terminaison de l’API. J’ai l’impression qu’il existe de meilleures façons de réaliser quelque chose comme ça étant donné l’utilité par ailleurs extrêmement limitée de WorldWideWeb pour les besoins de développement avancés, mais votre kilométrage peut varier si vous êtes prêt à faire preuve de créativité.

WorldWideWeb s’est positionné dans un créneau vénérable, quoique en déclin, du développement Web. J’admire son dévouement à l’art sacré du HTML pur. Bien que l’application soit exceptionnellement moderne dans sa mise en œuvre, elle rappelle délicieusement une époque antérieure du Web ; nous rappelant une époque avant les publicités effrénées, les pages Web gonflées et le suivi invasif. Bien que mes besoins de développement actuels ne correspondent pas à la portée étroite de l’application, j’espère que les futures mises à jour pourraient m’ouvrir la voie pour l’utiliser.

WorldWideWeb est disponible gratuitement via l’App Store sur macOS, iPadOS et iOS.