Parcourir les fichiers de votre site Web sans FTP avec AjaXplorer

S'il y a une chose qui me dérange vraiment de travailler avec un serveur Web distant, c'est le fait qu'il est toujours un peu gênant d'explorer et de modifier ces fichiers à distance. Cela est particulièrement gênant lorsque j'ai un serveur Web personnel que je me suis construit et que je contrôle moi-même, mais je dois toujours entrer par FTP sur le serveur pour parcourir les fichiers du site Web, ou pour télécharger des pages Web et d'autres fichiers..

Bien sûr, je pourrais partager le répertoire sur mon réseau domestique et simplement transférer des fichiers de cette façon, mais cela ne m'aide pas vraiment lorsque je suis loin de chez moi et que je me connecte au serveur ailleurs sur Internet..

Si vous avez déjà utilisé un hôte Web commercial auparavant, sachez que nombre d'entre eux offrent une interface graphique beaucoup plus conviviale pour accéder à distance à vos fichiers Web. À bien des égards, cette interface ressemble à un explorateur de fichiers que vous utiliseriez sur votre PC personnel. La seule différence est que vous êtes connecté à votre serveur Web et accédez aux fichiers via une interface Web sur le panneau de commande en ligne..

À présent, MUO propose de nombreux articles utiles sur la configuration rapide de serveurs Web à l’aide de logiciels tels que XAMPP. Comment installer un serveur Web Windows sur votre PC avec XAMPP Comment installer un serveur Web Windows sur votre PC avec XAMPP Lire plus ou Server2Go Comment créer un serveur Web de test portable avec Server2Go Comment créer un serveur Web de test portable avec Server2Go Lisez-en plus, mais il est grand temps de commencer à mettre à niveau ces serveurs avec quelques clochettes.

Configuration de votre propre explorateur de fichiers graphique

La vérité est que vous pouvez configurer un explorateur de fichiers similaire sur votre propre navigateur Web. Si vous pouvez y accéder via HTTP, vous pouvez vous connecter via cet explorateur de fichiers. L'application open source qui accomplit ceci s'appelle AjaXplorer.

L'installation est aussi simple que de télécharger les fichiers et de les placer dans la zone de documents publics de votre serveur Web. Vous pouvez l'installer directement dans le dossier racine où vous souhaitez placer le répertoire racine inférieur de votre explorateur de fichiers. Par exemple, dans mon cas, je l'ai installé dans un sous-dossier appelé “Xplore”.

Dans ce cas, je ne pourrai jamais entrer plus loin dans htdocs. C’est en fait une bonne configuration si vous avez plusieurs sites Web dans différents sous-répertoires et que vous voulez des explorateurs de fichiers indépendants pour chacun. Il suffit de mettre une installation de AjaXplorer dans chaque dossier.

Lorsque vous accédez pour la première fois à ce dossier sur votre site Web (dans mon cas, http://192.168.x.xxx/xplore/), le script vérifie que tous les paramètres de votre serveur sont corrects. L'erreur suivante peut s'afficher si vous n'utilisez pas le cryptage SSL. Si vous êtes concerné, activez le cryptage. Sinon, vous pouvez passer outre, AjaXplorer fonctionnera toujours correctement..

Vous remarquerez qu'il n'y a pratiquement pas d'installation si tout se passe bien. Lorsque l'application démarre pour la première fois, vous pouvez vous connecter initialement à l'aide de “admin” comme identifiant et mot de passe. Rappelez-vous le changement après vous être connecté sous le “réglages” section.

Lorsque vous vous connectez, vous vous retrouvez dans un dossier vide avec seulement un “Corbeille” en tant que société. Vous regardez le dossier racine où vous avez installé l'application. Si vous aviez installé cela à la racine de votre serveur Web, vous verriez tous vos fichiers Web listés ici..

Pour manipuler le répertoire, il suffit de cliquer avec le bouton droit de la souris sur l’un des espaces blancs et d’utiliser le menu qui s’affiche. Par exemple, si vous souhaitez commencer à créer de nouveaux répertoires, sélectionnez simplement “New Dir”.

Dans mon cas de test, j'ai créé un dossier appelé “testdir” en utilisant AjaXplorer et l’a vu apparaître dans le répertoire. Juste pour confirmer, je suis allé sur le serveur Web et ai parcouru le dossier sous / htdocs / xplore / et, bien sûr, il y avait le “testdir” dossier que j'ai créé.

Dans le volet de droite, vous trouverez une fenêtre de navigation dans les répertoires aussi facile à utiliser que tout logiciel d’explorateur de fichiers. J'ai constaté que la navigation sur AjaXplorer était beaucoup plus simple que le navigateur de fichiers en ligne standard fourni avec mon propre compte d'hôte Web commercial..

Ma partie préférée d’AjaXplorer est la fonctionnalité d’édition rapide. Une fois que vous avez créé des fichiers sur votre serveur Web, tout ce que vous avez à faire pour les modifier à la volée est de cliquer avec le bouton droit de la souris sur le fichier et de cliquer sur Télécharger une fois. Une fois que l'application établit une copie téléchargée locale, vous pouvez ensuite cliquer avec le bouton droit de la souris sur le fichier répertorié sur le serveur et apporter des modifications. Il n'y a pas besoin de s'inquiéter du téléchargement ou du téléchargement - toute la synchronisation des fichiers se fait en arrière-plan.

Lorsque vous cliquez avec le bouton droit sur un fichier HTML, vous remarquerez également que vous avez un “Éditeur de source” option. En mode Éditeur source, vous disposez d'un éditeur de codage intégré. Si vous créez un fichier HTML avec AjaXplorer, il complétera automatiquement la structure de base d'une page HTML pour vous. Tout ce que vous avez à faire est de remplir le contenu.

Lorsque vous avez terminé, cliquez sur “sauvegarder” dans le menu du haut, et vos modifications sont instantanément en direct sur le serveur. Si vous choisissez d’afficher le fichier dans un fichier “Fenêtre externe”, ça va ouvrir une nouvelle fenêtre (ou onglet) qui affiche votre page en mode HTML.

Vous trouverez les paramètres dans le coin inférieur gauche de la fenêtre de l'explorateur. Ici, vous pouvez utiliser les utilisateurs du navigateur, surveiller les diagnostics et, mieux encore, des journaux de toutes les modifications apportées..

La configuration standard et les paramètres de sécurité peuvent ne pas répondre à vos besoins. Veillez donc à consulter les instructions fournies sur la page d'aide pour savoir comment configurer le fichier config.php. Vous trouverez ce fichier dans le répertoire / server / conf / de votre installation AjaXplorer..

Si vous souhaitez éviter de télécharger et de télécharger constamment des fichiers chaque fois que vous souhaitez apporter des modifications à votre serveur Web, téléchargez et installez AjaXplorer et voyez combien de temps il vous a économisé pendant votre développement Web. Vous pouvez être surpris!

Essayez AjaXplorer et dites-nous comment vous l’avez aimé. Était-ce assez facile à utiliser et flexible pour ce que vous devez faire? Partagez vos expériences avec elle dans la section commentaires ci-dessous.

Crédit d'image: ShutterStock

En savoir plus sur: FTP, accès à distance, serveur Web.