ホームページ >ウェブフロントエンド >jsチュートリアル >レンダリング時に json サーバーをデプロイする方法

レンダリング時に json サーバーをデプロイする方法

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-18 13:07:02587ブラウズ

How To Deploy a json-server on render

JSON-DB サーバーを作成し、レンダリングでデプロイするためのステップバイステップの短いガイド
json-server は、モック REST API を高速に作成するためのツールです。開始するには、次の要件を満たしていることを確認してください:

NodeJS (npm)
始めましょう!

空のフォルダーで、ターミナル/CMD で次のコマンドを実行して、nodejs アプリケーションを開始します。

npm init -y

それが完了したら、次のパッケージをインストールします:
`
json-server

json-serve

コル
`

npm install json-server json-serve cors

インストール後、新しいファイルindex.jsを作成します。これは、json-serve のエントリ ポイントです。ファイル内に以下を追加します:

`
const jsonServer = require("json-server"); // json-server ライブラリをインポートします
const サーバー = jsonServer.create();
const router = jsonServer.router("db.json");
const ミドルウェア = jsonServer.defaults();
const port = process.env.PORT || 3001; // ここでは任意のポート番号を使用できます。私は 3001

を使用することにしました

server.use(ミドルウェア);
サーバー.use(ルーター);

server.listen(ポート);
`
上記のコードでは、json ファイル db.json

からデータを取得して更新するサーバーが作成されています。

プロジェクトのルートで、新しいファイル db.json を作成し、次の内容を追加します。


{
「フィードバック」: [
{
"id": 1,
「評価」: 10、
"user_name": "トニー・スターク",
"text": "あなたはこの世界の鉄人です"
}、
{
"id": 2,
「評価」: 9、
"user_name": "ブルース ウェイン",
"text": "あなたはこの世界のバットマンです"
}、
{
"id": 3,
「評価」: 8、
"user_name": "ピーター・パーカー",
"text": "あなたはこの世界のスパイダーマンです"
}
]
}

モック サーバーを実行する準備ができましたが、package.json にいくつかのスクリプトを追加しましょう:

「スクリプト」を次のように更新します:


"スクリプト": {
"開始": "ノードインデックス.js"
}、

レンダリング時にデプロイ:-
サイトに移動:- https://dashboard.render.com/

Web サービスを選択

Github に接続します

Github に移動して新しいリポジトリを作成します

このリポジトリのクローンを作成し、すべてのファイルを作成し、json-server のインストールはすべて上記で説明されています。

すべてのコードを Github にプッシュします

レンダリングに移動し、すべての json-server コードをプッシュする Github リポジトリを選択します

下の [Web サービスの作成] ボタンをクリックします

進行するまで数分待ってからお楽しみください

この記事があなたのお役に立てば幸いです。コーディングを楽しんでください。 ||この記事にいいね!

以上がレンダリング時に json サーバーをデプロイする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。