AI生成のアプリをGoDaddy Node.js Hostingにアップロードする
AI生成のアプリをzipファイルでGoDaddy Node.js Hostingにアップロードしてデプロイします。
注: GitHubを使用しますか? CusorおよびClaudeまたはLoveableアプリの展開に関する記事を参照してください。
- まだの場合は、AIコーディングエージェント(カーソル、Replit、Claudeなど)にアクセスしてアプリを作成します。
-
AIコーディングエージェント(カーソル、Replit、Claudeなど)に移動し、アプリについて以下のプロンプトを入力します。これにより、GoDaddy Node.js Hostingの要件をより適切に満たすようにアプリが更新されます。選択してプロンプト全体を表示
以下の要件を持つホスティングプラットフォームに展開できるように、Node.jsプロジェクトを調整する必要があります。すべての要件を確認し、プロジェクトがすでに要件を満たしているかどうかを確認し、要件を満たすために必要な最小限の変更を行います。既存の機能を削除しないでください。 ##要件### 1. package.jsonプロジェクトのルートには、少なくとも以下のフィールドを持つ有効な `package.json`が含まれている必要があります。-` "name" `–アプリケーション名-` "version" `–サーバーバージョン文字列(例 "1.0.0")-`" main "` –エントリポイントファイル(例 "server.js"または "index.js")### 2.スクリプトの作成と開始 `package.json`これらのnpmスクリプトを定義する必要があります。-`" build "`-アプリをコンパイル/バンドルします(コンパイルの必要がない場合は `" echo build "`のようなno-opにすることもできます)-`" start "` –本番サーバーを起動します(例: `" node server.js "`)### 3.ポートバインディングアプリケーションは、ハードコーディングされたポートではなく、 `PORT`環境変数によって提供されるポートをリッスンする必要があります。例: `` `js const port = process.env.PORT || 3000; app.listen(port); `` `### 4.依存関係すべての実行時の依存関係は、` package.json`の `dependencies`の下に記載する必要があります。 `node_modules`フォルダはアップロードに含まれていてはいけません—プラットフォームは自動的に` npm install`を実行します。 ### 5.環境変数シークレット、APIキー、または外部URLは `process.env.VARIABLE_NAME`から読み込む必要があります。機密値はハードコードしないでください。 ### 6. Viteアプリ(該当する場合)プロジェクトがViteを使用している場合、プラットフォームは許可ホスト設定を自動的に更新します。 Viteでは手動での変更は必要ありませんが、開発サーバーとプレビューサーバーが `process.env.PORT`を尊重していることを確認してください。 ### 7.ファイルサイズの制限結果のzipは100MB未満である必要があります。 「node_modules」、ビルドキャッシュ、および生成されたその他の大きなディレクトリが除外されていることを確認します。 ##対処方法1.上記のすべての要件に対してプロジェクトを監査します。 2.プロジェクトを準拠させる最小限の変更を適用します。 3.加えた変更とその理由を記入してください。
-
継続的なアップデートを予定している場合は、 CLAUDE.mdをダウンロードし、ファイルをアプリのリポジトリのルートフォルダにアップロードします。選択してファイル全体を表示
#CLAUDE.md — Node.jsホスティングこのプロジェクトは、管理対象Node.jsホスティングプラットフォームであるNode.jsホスティングにデプロイするためにビルドされています。このアプリのビルド、デバッグ、準備を行う際のコンテキストとしてこのファイルを使用します。 ##プラットフォームの概要Node.jsホスティングは、Node.jsアプリケーションと静的サイトをサポートする管理Node.js PaaSです。お客様は、GoDaddyインターフェイスを介してプロジェクトフォルダをアップロードします。Docker、CI / CDパイプライン、インフラストラクチャ設定は必要ありません。このプラットフォームは、SSL、CDN、サーバーサイドコンピューティングを自動的に処理します。 ##導入フロー1.お客様がNode.jsホスティングUIを介してプロジェクトフォルダをアップロード2.プラットフォームが依存関係をインストールしてアプリを構築3.アプリをプライベートプレビュー環境に導入(表示するにはGoDaddy認証が必要)4。準備ができたら、顧客は本番環境に公開してカスタムドメインに接続できます。##要件### package.jsonすべてのプロジェクトで、ルートディレクトリに `start`スクリプトを含む有効な` package.json`が必要です。これは、プラットフォームがアプリの実行方法を認識する方法です。 `` `json {" name ":" my-app "、" version ":" 1.0.0 "、" scripts ":{" start ":" node server.js "}、" dependencies ":{" express " : "^ 4.18.0"}} `` `プラットフォームは` npm install`に続いて `npm start`を実行し、アプリケーションを起動します。 ###エントリポイントアプリには `start`スクリプトによって参照される明確なエントリポイントが必要です。一般的なパターン:-「node server.js」-「node index.js」-「node app.js」-「next start」(Next.jsアプリの場合)###ポートバインディングアプリは、提供されるポートをリッスンする必要があります。 「PORT」環境変数。ポートをハードコードしないでください。 `` `javascript const port = process.env.PORT || 3000; app.listen(port、()= > {console.log(\ `サーバーはポート\ $で実行中{port}\ `); }); `` `###静的サイトサーバーサイドロジックのない静的サイトの場合、静的ファイルを提供するシンプルなサーバーを含めます。` `` javascript const express = require( 'express'); const path = require( 'path'); const app = express(); const port = process.env.PORT || 3000; app.use(express.static(path.join(__ dirname、 'public'))); app.get( '*'、(req、res)= > {res.sendFile(path.join(__ dirname、 'public'、 'index.html'));}); app.listen(port); `` `##サポートされるフレームワークNode.jsホスティングは、` npm start`を介して実行できるすべてのNode.jsアプリケーションまたはフレームワークをサポートします。ただし、これらの内容に限定されているわけではありません。-Express.js-Next.js-Fastify-Nuxt.js-Remix-Nest.js-Hono-Koa-Node.jsサーバーを介して提供される静的サイト「開始」スクリプトを介して開始することができ、それはNode.jsホスティングで動作します。 ##アップロードごとに単一のアプリケーションNode.jsホスティングは、アップロードごとに単一のアプリケーションを想定しています。ルートで単一の「npm start」コマンドがアプリに必要なすべてを起動しない限り、Monoreposおよびマルチアプリのセットアップはサポートされません。プロジェクトがmonorepoの場合は、デプロイしたい特定のアプリを独自の「package.json」を含む独自のフォルダに抽出し、代わりにそのフォルダをアップロードします。たとえば、リポジトリが `packages / api`や` packages / web`のような構造をしている場合、 `packages / web`を独自の完全な` package.json`と `start`スクリプトを持つスタンドアロンプロジェクトとしてアップロードします。 ##プロジェクトの構造プラットフォームは構造が柔軟です。ルートに `start`スクリプトを含む有効な` package.json`が含まれている限り、アプリはデプロイされます。典型的な構造は次のようになります。 `` `my-app /├──package.json#必須—「開始」スクリプトを含める必要があります├──server.js#エントリポイント(またはindex.js、app.jsなど) ├──public /#静的アセット(該当する場合)│───index.html│├──styles.css│└──script.js├──routes/#APIルート(該当する場合)├──views / #テンプレート(該当する場合)├──.env.example#必要な環境変数をドキュメント化(.envはアップロードしない)└──CLAUDE.md#このファイル `` `##環境変数-` PORT`は、プラットフォーム。常に `process.env.PORT`を使用してください。 -アプリに必要な追加の環境変数は、アップロード後にNode.jsホスティングUIから設定できます。 -アップロードフォルダにシークレットファイルや `.env`ファイルをコミットしないでください。 ##プラットフォームが処理する内容設定や心配する必要はありません。-SSL / TLS証明書-自動的にプロビジョニング-CDN-出荷時設定に含まれる-プロセス管理-再起動とアップタイムを管理するプラットフォーム-サーバーインフラストラクチャ-完全に管理されたコンピューティング# #AIコーディングエージェントからのデプロイ多くのお客様は、Replit、Lovable、Bolt、カーソル、クロードなどのAI搭載エージェントを使用してアプリを作成しています。これらのアプリはNode.jsホスティングにデプロイできますが、準備ができる前に微調整が必要な場合があります。 ### Node.jsホスティングにコードを取得する方法1. AIエージェントからzipとしてプロジェクトをエクスポートまたはダウンロード2.ローカルでフォルダを解凍3.以下の一般的な問題を確認して修正4.ノードからフォルダをアップロード.jsホスティングUI ###一般的な問題と修正**欠落または不完全な `package.json` **一部のAIエージェントは完全な` package.json`を生成しません。 yoursがルートに存在し、 `" start "`スクリプトが含まれていることを確認してください。存在しない場合は作成します。```json{"name": "my-app"、 "version": "1.0.0"、 "scripts":{"start": "node server.js"}、 "依存関係」:{} } `` `次に、ローカルで` npm install`を実行して正しい依存関係を生成します。 **ハードコードされたポート** AIエージェントはしばしば「3000」や「8080」のようなポートをハードコードします。ハードコードされたポートを `process.env.PORT`で置き換えます。` `` javascript // before(AIで生成されたコードで共通)app.listen(3000); //後(Node.jsホスティングの準備完了)app.listen(process.env.PORT || 3000); `` `**依存関係が間違った場所にあります** AIエージェントは、プロダクション依存関係を` "devDependencies" `の下に置くことがあります。実行時にアプリが必要とするものをすべて「依存関係」に移動します。 **エントリポイントがありません** `" start "`スクリプトで参照されているファイルが実際に存在することを確認してください。 AIエージェントは時々 `main.js`を生成しますが、開始スクリプトは` index.js`をポイントし、その逆も同様です。 ** Replit固有のファイル** Replitプロジェクトはしばしば `.replit`と` replit.nix`設定ファイルを含みます。これらは不要で、アップロード前に削除できます。正しい `「start」`スクリプトでクリーンな `package.json`を持つことに集中しましょう。 **愛すべき/ボルトエクスポート**これらのエージェントは多くの場合、サーバーのないフロントエンドのみのアプリをエクスポートします。エクスポートにサーバーファイルが含まれていない場合は、静的ファイルを提供する簡単なファイルを追加します。 `` `javascript const express = require( 'express'); const path = require( 'path'); const app = express(); const port = process.env.PORT || 3000; app.use(express.static(path.join(__ dirname、 'dist'))); app.get( '*'、(req、res)= > {res.sendFile(path.join(__ dirname、 'dist'、 'index.html'));}); app.listen(port); `` `依存関係に` express`を必ず追加してください: `npm install express --save` ###クイック検証アップロードする前に、これをローカルで実行して全てが動作することを確認してください:` `` bash npm install npm start `` `アプリが起動して `でアクセス可能http://localhost:3000`(または任意のポート)、それはNode.jsホスティングの準備ができています。 ##フレームワークセットアップの例### Express.js `express`が` dependency`( `devDependencies`ではない)にあり、` start`スクリプトがサーバーファイルをポイントしていることを確認してください。 ### Next.js `build`スクリプトとして` next build`を、 `start`スクリプトとして` next start`を使用: `` `json {" scripts ":{" build ":" next build "、" start ":"次の開始 "}}` `` Next.jsアプリは、サーバー側レンダリング、APIルート、静的生成をそのまま使用できます。 ### Nuxt.js Next.jsと同様—ビルドして開始: `` `json {" scripts ":{" build ":" nuxt build "、" start ":" node .output / server / index.mjs " }} `` `### Remix` `` json {"scripts":{"build": "remix build"、 "start": "remix-serve build"}} `` `###同じパターンを固定Express — `process.env.PORT`にバインドし、ホストとして` 0.0.0.0`を使用: `` `javascript fastify.listen({port:process.env.PORT || 3000、host: '0.0.0.0'} ); `` `### Nest.js` `` json {"scripts":{"build": "nest build"、 "start": "node dist / main"}} `` `##アップロード前のチェックリストNode.jsホスティングへのアップロード、確認:-[] `package.json`がルートディレクトリに存在する-[]` package.json`に `" start "`スクリプトがある-[]本番環境での依存関係はすべて `" dependency "にある`(` "devDependencies"ではない)-[]アプリは `process.env.PORT`でリッスンします-[]ハードコードされたポート、シークレット、ローカルファイルパスはありません-[]アプリはローカルで` npm install && npm start`で実行されます- []ビルドステップを使用する場合、 `" build "`スクリプトは `package.json`で定義されています##トラブルシューティング###アプリが起動しない-` "start" `スクリプトが` package.json`に存在することを確認します- 「start」で参照されているエントリポイントファイルが実際に存在することを確認します。すべての依存関係が「dependency」にリストされていることを確認します。###ポートエラー-ポート番号をハードコードしないでください。常に「process.env.PORT」を使用してください。ホストが必要なフレームワークは、 `localhost`ではなく` 0.0.0.0`にバインドします。###モジュールがない-必要なすべてのパッケージが`" devDependencies "`ではなく `" dependencies "`-プラットフォームは `npm install --production`を実行するため、devの依存関係はインストールされません###ビルドの失敗-アプリにビルドステップが必要な場合(TypeScript、Next.jsなど) 。)、 `" build "`スクリプトを追加します-ビルド出力パスが `" start "`スクリプトが期待するものと一致することを確認します##ヘルプの取得デプロイで問題が発生した場合は、Node.jsホスティングインターフェースを使用するか、GoDaddyにお問い合わせくださいサポート。 - AIコーディングエージェントからコンピューターにアプリをダウンロードします。
- WindowsまたはMacコンピュータでアプリファイルを圧縮します。
- GoDaddy Node.js Hostingに移動し、 「ZIPのアップロード」を選択し、 「ファイルの参照」を選択し、zipファイルをアップロードし、 「私はロボットではありません」を選択し、 「展開」を選択します。
- アプリをブラウザで表示するには、プレビューURLを選択します。
-
(オプション)以下を選択してアプリを管理します。
- 新しいコードのアップロード:コードファイルをさらに追加
- 設定:シークレットの管理、ドメインの変更、アプリの削除
- プレビューアプリを再起動:プレビューを再起動します。
- ランタイムログ:アプリのログを表示します。
- ファイルマネージャ:アプリのファイルを表示・編集します。
- データベース:アプリのデータベースを表示・編集します。
- (オプション)デプロイメント間で永続的なファイルが必要な場合は、アプリケーションでこれらのファイルをpublic / assetsフォルダーに書き込みます。
- 公開する準備ができたら、 [今すぐ公開]を選択します。
プロジェクトを管理するには、 GoDaddy Node.js Hostingに移動し、右上のマイアプリを選択します。