Node.js 開発サイトの追加

ServBay では、直接 Node.js プロジェクトを追加することはできませんが、リバースプロキシを使用して Node.js サイトを追加および管理できます。この記事では、ServBay に Node.js サイトを追加する手順、注意事項、およびよくある問題の解決方法について詳しく説明します。

概要

ServBay はユーザーフレンドリーなインターフェースを提供しており、サイトの追加と管理が非常に簡単です。以下のステップに従って、Node.js サイトを ServBay に追加し、サイトが正常に動作するように設定を構成することができます。

サイト追加の手順

ステップ 1: Node.js プロジェクトを実行する

まず、サーバー上で Node.js プロジェクトを実行し、ポートを指定する必要があります。ServBay 付属の Node.js を使用して Node.js プロジェクトを実行する方法については、記事[[使用Node.js]] を参考にしてください。

現在、ポート 8585 でリッスンしている Vue.js プロジェクトが実行されているとします。

$ npm run dev -- --port 8585
Server running at http://localhost:8585/

ステップ 2: ServBay 管理画面を開く

アプリケーション内でServBayを見つけ、ダブルクリックして開きます。

ステップ 3: ホスト管理へナビゲート

プログラムを開くと、ServBay のメイン画面が表示されます。左側のナビゲーションメニューでホストをクリックします。これにより、サイト管理ページに移動します。

ステップ 4: 新規サイトの追加

サイト管理ページで、ページ下部の+ボタンをクリックします。これにより、右側に新しいフォームが開き、新しいサイトの基本情報を入力できます。

ステップ 5: サイト設定の構成

サイトの追加ページで、次の情報を入力する必要があります。

1. 名前: サイトの名前で識別用。
2. ドメイン名: 追加するサイトのドメイン名を入力します（例： nodejs.demo）。
3. プロトコル: サイトがサポートするプロトコル（デフォルトは HTTP/HTTPS）。
4. SSL証明書取得方法: 自己署名を選択することをお勧めします。これにより、ServBay が SSL 証明書を自動的に生成および管理します。
5. サイト種別: リバースプロキシを選択し、このサイトがリバースプロキシ経由で Node.js プロジェクトにアクセスすることを指定します。
6. IP アドレス: 127.0.0.1を入力。
7. ポート: Node.js プロジェクトがリッスンしているポート（例： 8585）を入力。

ステップ 6: 完了して保存

必要な情報をすべて入力したら、追加ボタンをクリックします。ServBay は新しいサイトの設定を自動的に作成し、ホストに対して適切な設定を行います。

保存に成功したら、右上のブラウザアイコンをクリックしてサイトにアクセスできます。

ステップ 7: ショートカット操作

ServBay はサイトに対して一連のショートカット操作ボタンを提供しています。

1. IDE を使用してサイトを迅速に編集
2. ブラウザでサイトを開く
3. サイトのログを表示
4. サイトを一時停止/開始
5. サイトを削除

まとめ

ServBay に Node.js 開発サイトを追加するのはシンプルかつ直感的なプロセスです。現在のところ、ServBay では直接 Node.js プロジェクトを追加することはできませんが、リバースプロキシを使用することで Node.js サイトの追加および設定が簡単に行えます。適切な設定と管理によって、ServBay 環境でサイトの安定した運用が可能です。問題が発生した場合は、よくある問題とその解決方法を参考にしてトラブルシューティングを行ってください。