hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Rendre le serveur Web local accessible en ligne avec Localtunnel

Au cours de la phase de développement, vous pouvez déployer le site Web sur un serveur local. Là, vous pouvez exécuter, développer et déboguer le site Web sur un ordinateur, localement. Mais lorsque vos clients ont besoin d'accéder immédiatement au site Web, ou si l'une des applications dont vous avez besoin utilise un webhook qui doit être en ligne pour fonctionner, vous souhaiterez probablement que votre serveur local soit accessible en ligne.

Rendre votre serveur local disponible en ligne est probablement le moyen le plus rapide d'y faire face, surtout si vous avez besoin de centaines de fichiers. C'est là qu'intervient un outil appelé localtunnel . Avec localtunnel, nous pouvons créer un proxy qui peut canaliser vers notre serveur local, le rendant accessible de n'importe où .

Voyons comment fonctionne cet outil.

Installation de Localtunnel

Le localtunnel que nous utiliserons ici se présente sous la forme d'un paquet Node.js. Donc, vous devez d'abord installer Node.js en utilisant le programme d'installation; vous pouvez le télécharger sur cette page. Une fois Node.js installé, lancez Terminal ou Invite de commandes et tapez cette commande ci-dessous.

 npm install -g localtunnel 

Cette commande installera localtunnel globalement, ainsi il peut être accédé dans n'importe quels répertoires à n'importe quel niveau de votre ordinateur. Une fois localtunnel installé, vous devriez pouvoir accéder à la commande lt . Pour tester la commande, vous pouvez taper ce qui suit (dans Terminal ou Invite de commandes).

 lt -version 

Si la commande fonctionne, elle devrait renvoyer la version localtunnel installée sur votre ordinateur, comme ceci.

Alternativement, vous pouvez également taper lt –help . Comme dans n'importe quel menu d'aide d'une application, cette commande particulière renverra la liste des options et guidera en utilisant localtunnel.

Utilisation de Localtunnel

Vous pouvez utiliser localtunnel MAMP ou WAMP; deux applications qui sont les plus populaires pour Mac et Windows pour exécuter le serveur local. En supposant que l'URL de votre serveur local est http://localhost/ sans le numéro de port qui suit, vous pouvez taper la commande en utilisant 80 comme numéro de port.

 lt -port 80 

Le localtunnel va générer un nom de sous-domaine randomisé, dans lequel vous pouvez accéder à votre serveur local n'importe où, comme ceci.

Si vous voulez que le sous-domaine soit facile à retenir, vous pouvez ajouter un paramètre -sous-domaine en fonction du numéro de port. Cet exemple ci-dessous va générer hongkiat.localtunnel.me .

 lt -port 80 - sous-domaine hongkiat 

Localtunnel prend également en charge Virtual Host. Par défaut, lorsque vous exécutez la commande lt –port 80, localtunnel sélectionne localhost comme adresse à laquelle se connecter. Si vous avez créé un hôte virtuel portant le nom de, par exemple, development.dev, vous pouvez indiquer à localtunnel de se connecter à cette adresse au lieu de localhost utilisant le paramètre –local-host .

Mettez tout ensemble, et vous pouvez taper:

 lt -port 80 -subdomain hongkiat -local-hôte hongkiat.dev 

La commande ci-dessus hongkiat.dev procuration hongkiat.dev qui peut être accédée par hongkiat.localtunnel.me dans le monde entier.

Création d'une info-bulle animée facilement avec Hint.css

Création d'une info-bulle animée facilement avec Hint.css

Cet article fait partie de notre "série de tutoriels HTML5 / CSS3" - destiné à vous aider à devenir un meilleur concepteur et / ou développeur. Cliquez ici pour voir plus d'articles de la même série. L'info - bulle est un excellent moyen d'afficher des informations supplémentaires sur un site Web sans prendre plus d'espace . L'

(Conseils techniques et de conception)

Huit applications mobiles pour la conception 3D et l'esquisse

Huit applications mobiles pour la conception 3D et l'esquisse

Les outils et logiciels de modélisation 3D vous permettent de transformer vos idées en beaux modèles et prototypes 3D . Largement utilisé dans les industries telles que l'impression 3D, l'animation, les jeux, l'architecture et le design industriel, les conceptions 3D sont des composants essentiels de la production numérique.Cepe

(Conseils techniques et de conception)