ホームページ >バックエンド開発 >Python チュートリアル >Ngrok を使用して Django プロジェクトをインターネットに公開する

Ngrok を使用して Django プロジェクトをインターネットに公開する

Susan Sarandonオリジナル: 2025-01-05 03:08:39816ブラウズ

Exposing Your Django Project to the Internet Using Ngrok

Django での開発中にこのエラーに遭遇したことがありますか?

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

http://localhost:8000 経由で開発サーバーにアクセスすることに慣れている場合、特に HTTPS 接続を強制するファイアウォールルールを更新した後は、このエラーがイライラすることがあります。セキュリティ設定を元に戻す代わりに、Ngrok というより良い解決策があります。

ングロクとは何ですか？

Ngrok は、ポート転送や DNS セットアップなどの複雑なネットワーク構成を必要とせずに、ローカルアプリケーションをインターネットに公開する強力なツールです。 ngrok の詳細については、公式ドキュメントを参照してください。

前提条件

始める前に、次のものが揃っていることを確認してください。

Django プロジェクトのセットアップ
Python 3.x がインストールされています
構成された仮想環境
ngrok アカウント (無料枠は問題なく動作します)

段階的なセットアップ

1. pygrok パッケージをインストールする

何かをインストールする前に、仮想環境をアクティブにしてから、ngrok の Python ラッパーをインストールします。

pip install pyngrok
pip freeze > requirements.txt

2. Django 設定を構成する

プロジェクトの settings.py の許可されたホストリストに ngrok のドメインを追加します:

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

これにより、Django は ngrok の動的 URL (*.ngrok-free.app) からのリクエストを受け入れることができます。 URL のランダムな文字列部分を予測できない場合でも、Django はエラーを生成しません。

3. Django サーバーを起動します

プロジェクトのルートディレクトリ内:

python manage.py runserver

注: Windows ユーザーは py manage.py runserver を使用できます

4. Ngrok を認証して起動する

ngrok.com にサインアップします
ダッシュボードから認証トークンをコピーします
新しいターミナルウィンドウで、ngrok を認証します。

ngrok config add-authtoken YOUR_TOKEN_HERE

トンネルを開始します:

ngrok http 8000

ngrok サーバーポートと Django サーバーポートが同じであることを確認してください。通常、デフォルトのポートは 8000 です。

次のような出力が表示されるはずです:

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. セットアップのテスト

コンソールウィンドウで ngrok によって提供される HTTPS URL のみを使用して、Django アプリケーションにアクセスします。次のようになります:

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

ngrok のその他の使用例

Ngrok は HTTPS の問題を解決するためだけのものではありません。これは次の場合に価値があります:

インターネットへの迅速な公開: ローカル開発作業を即座に共有
Webhook テスト: パブリック URL を必要とする統合のテスト
クライアントプレビュー: クライアントが展開せずにプレビューを動作できるようにします
クロスデバイステスト: 複数のデバイスでアプリを簡単にテストします

トラブルシューティングのヒント

ngrok 認証トークンが適切に構成されているかどうかを確認します
ngrok を開始する前に、Django サーバーが実行されていることを確認してください
ngrok インターフェイスのリクエストログとエラーを監視します