静的ホスティングをNetlifyに移行する
項目一覧
重要
最新かつ正確な情報については、常に MongoDB Atlas と Netlify の両方の公式ドキュメントを参照してください。 具体的な手順は、プロジェクトの詳細と使用されるテクノロジーによって異なる場合があります。
Netlify は静的ウェブサイトや単一ページ アプリケーション（SPA）のホストに適しているため、既存の App Services アプリケーションと互換性があります。
Netlify は、ニーズに応じて静的ウェブサイトを配置するためのさまざまな方法を提供します。 Netlify の CI/CD を Git リポジトリに接続するのが理想的ですが、CLI、API、またはドラッグ ドロップを使用して配置することもできます。 以下は、現在 MongoDB Atlas ホスティングを使用している開発者に最も役立つ可能性のある方法の概要です。 が新しいサイト を追加する 方法については、Netlify の完全なドキュメントを参照してください。 すべてのオプションを詳細に調べます。
始める前に
注意事項として、重要な変更を行う前に、アプリケーションとデータのバックアップがあることを確認してください。
ウェブサイトのコードを含む Git リポジトリ Netlify の CI/CD は、多くの一般的な Git プロバイダー とシームレスに統合 。Netlify の CI/CD を利用していない場合でも、バージョン管理システムを使用することを強くお勧めします。
Netlify アカウント。 新しい Netlify アカウントの作成は無料であり、サインアップ フローで任意に次のプロセスを説明します。 MongoDB Atlas ホスティングから移行する場合、無料階層はホスティング要件をカバーする必要があります。 より多くのサービスと機能が必要な場合は、 Netlify の Pro および Enterprise プランを確認してください。
UI をネット化する
Netlify UI を使用してプロジェクトを作成および管理できます。
Git リポジトリからのインポート
Git リポジトリから既存のプロジェクトをインポートし、Netlify に配置できます。 既存のプロジェクト リポジトリをインポートすると、Netlify の継続的な配置により、変更をプッシュするたびにサイトが自動的に更新されます。 Netlify CLI を使用して を設定するには、このページの「Netlify CLI」セクションを参照してください。
Netlify UI を使用して Git リポジトリから新しいサイトを作成するには
Goチームの「サイト」ページに移動し、「新しいサイトの追加」メニューを開き、[既存のプロジェクトをインポートする] を選択します。
プロジェクトがホストされている Git プロバイダーを選択します。
プロジェクトの既存のリポジトリを選択します。
サイトとビルドの設定を調整します。
ローカル ファイルの配置
Git リポジトリにリンクされていないローカルマシン上の既存のプロジェクトがある場合は、Netlify の配置ドロップゾーンを使用してサイトを手動で配置できます。
チームの [サイト] ページにGoし、[新しいサイトを追加] メニューを開き、[配置を手動で配置] を選択します。 サイトを配置するには、サイトの出力フォルダーを配置ドロップゾーンにドラッグしてドロップします。
Netlify CLI
Netlify のコマンドラインインターフェイス（CLI）を使用すると 継続的な配置 を構成できます コマンドラインから直接実行します。Netlify CLI を使用 してローカル開発サーバーを実行できます 他のユーザーと共有できる 、ローカル ビルドとプラグインの実行 サイトを手動で配置します。
注意
MongoDB Atlas ホスティングからの移行を開始するために、次の手順は省略されます。 高度な構成については、 Netlify の完全なドキュメント を参照して、 Netlify CLI を使い始める を参照してください。
継続的な配置を設定する
GitHub.com に保存されているリポジトリの場合、 Netlify CLI を使用してリポジトリに接続するには、ローカル リポジトリから次のコマンドを実行します。
netlify init
Netlify CLI では、リポジトリに配置キーと Webhook を作成するために アクセスが必要です。 上記のコマンドを実行すると、 Githubアカウントにログインするように求められます。これにより、アカウントレベルのアクセス トークンが作成されます。 アクセス トークンは Netlify CLI config.json に保存されます。 ログイン パスワードは保存されません。
次のステップ
Netlify サービスの追加サポートが必要な場合は 、サポートチームにお問い合わせください。
404ページとリダイレクト
静的ファイルに解決されないすべてのパスに対してカスタム404ページを設定できます。 これにはリダイレクト ルールは必要ありません。 サイトに404 .html ページを追加すると、失敗したパスが自動的に選択され、表示されます。
Netlify のリダイレクト ルールは、_redirects ファイル構文（ 例 を参照 してください）を使用して、パスの一致とリダイレクト方法をカスタマイズするためのさまざまなオプションを受け入れます ）。
DNS レコードの更新
ドメインが現在 MongoDB Atlas にポイントされており、Netlify で同じドメインを使用する場合は、DNS レコードをアップデートして Netlify を指すようにします。 外部 DNS の構成に関する Netlify のドキュメントを参照してください。
Netlify による CDN キャッシュの管理方法の詳細
Netlify に対する静的アセット応答は、Netlify のグローバル エッジ ノードにキャッシュされ、配置によってコンテンツが変更されるたびに自動的に無効化されます。 静的アセット応答は、新しい配置でのみ変化します。 キャッシュのより高度な制御については、 グローバル キャッシュ インフラストラクチャに関する Netlify のドキュメントを参照してください。
チームに招待
チームに誰かを追加する必要がある場合は、 ロールベースのアクセス制御 を設定して、管理者が制御を行い、チームの各メンバーにアクセスを許可することができます。 チーム管理に関する Netlify のドキュメントを参照してください。