Exposer votre projet Django à Internet à l'aide de Ngrok

Avez-vous déjà rencontré cette erreur lors du développement dans Django ?

You're accessing the development server over HTTPS, but it only supports HTTP.

Si vous avez l'habitude d'accéder à votre serveur de développement via http://localhost:8000, cette erreur peut être frustrante, surtout après la mise à jour des règles de pare-feu qui appliquent les connexions HTTPS. Au lieu de rétablir les paramètres de sécurité, il existe une meilleure solution : Ngrok.

Qu’est-ce que Ngrok ?

Ngrok est un outil puissant qui expose les applications locales à Internet sans configuration réseau complexe comme la redirection de port ou la configuration DNS. En savoir plus sur ngrok dans leur documentation officielle.

Conditions préalables

Avant de commencer, assurez-vous d'avoir :

• Une configuration de projet Django
• Python 3.x installé
• Un environnement virtuel configuré
• Un compte ngrok (le niveau gratuit fonctionne très bien)

Configuration étape par étape

1. Installez le paquet pyngrok

Avant d'installer quoi que ce soit, activez votre environnement virtuel puis installez le wrapper Python pour ngrok :

pip install pyngrok
pip freeze > requirements.txt

2. Configurer les paramètres de Django

Ajoutez le domaine de ngrok à votre liste d'hôtes autorisés dans les paramètres de votre projet.py :

# settings.py
ALLOWED_HOSTS = ['localhost', '127.0.0.1', '.ngrok-free.app']

Cela permet à Django d'accepter les requêtes des URL dynamiques de ngrok (*.ngrok-free.app). Django ne générera aucune erreur même si nous ne pouvons pas prédire la partie chaîne aléatoire de l'URL.

3. Démarrez votre serveur Django

Dans le répertoire racine de votre projet :

python manage.py runserver

Remarque : les utilisateurs Windows peuvent utiliser py manage.py runserver

4. Authentifiez-vous et démarrez Ngrok

• Inscrivez-vous sur ngrok.com
• Copiez votre jeton d'authentification depuis votre tableau de bord
• Dans une nouvelle fenêtre de terminal, authentifiez ngrok :

ngrok config add-authtoken YOUR_TOKEN_HERE

Démarrez le tunnel :

ngrok http 8000

Assurez-vous que les ports des serveurs ngrok et Django sont les mêmes. Le port par défaut est généralement 8000.

Vous devriez voir un résultat similaire à :

Account                       Your Name (Plan: Free)
Version                       3.19.0
Region                       United States (us)
Latency                      Your Latency
Web Interface                An Unsecure HTTP address
Forwarding                   https://[random-id].ngrok-free.app -> http://localhost:8000

5. Test de votre configuration

Accédez à votre application Django en utilisant uniquement l'URL HTTPS fournie par ngrok sur la fenêtre de votre console. Cela ressemblera à ce qui suit :

https://[random-id].ngrok-free.app

Autres cas d'utilisation de ngrok

Ngrok ne sert pas uniquement à résoudre les problèmes HTTPS. C'est précieux pour :

• Exposition rapide sur Internet : partagez instantanément votre travail de développement local
• Test de webhook : tester les intégrations qui nécessitent des URL publiques
• Aperçus clients : permettez aux clients de prévisualiser le travail sans déploiement
• Tests multi-appareils : testez facilement votre application sur plusieurs appareils

Conseils de dépannage

• Vérifiez si votre jeton d'authentification ngrok est correctement configuré
• Vérifiez que votre serveur Django est en cours d'exécution avant de démarrer ngrok
• Surveillez l'interface ngrok pour les journaux de requêtes et les erreurs

Ressources connexes

Vous voulez en savoir plus sur le développement Web ? Consultez mes autres articles :

• Comprendre la qualité de service (QoS)
• L'art de créer des sites Web réactifs

Merci pour votre temps et bon codage ! Partagez vos projets dans la section commentaires.

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!