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

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

Susan Sarandon
リリース: 2025-01-05 03:08:39
オリジナル
708 人が閲覧しました

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

関連リソース

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

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

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

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

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート