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

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 インターフェイスのリクエスト ログとエラーを監視します

関連リソース

Web 開発についてもっと知りたいですか?私の他の記事もチェックしてください:

• サービス品質 (QoS) について
• レスポンシブ Web サイトの作成技術

お時間を割いてコーディングしていただきありがとうございました!コメントセクションでプロジェクトを共有してください。

以上がNgrok を使用して Django プロジェクトをインターネットに公開するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。