1 5月 5:18 am

WindowsコンピュータにJSONサーバーをインストールする方法

このガイドでは、次のことを説明します。 Windows コンピューターに JSON サーバーをインストールする方法。したがって、あなたがフロントエンド開発者であるか、データソースとして JSON を使用して API を探索したいと考えている単なる開発者であれば、このガイドはあなたのためのものです。

Windows に JSON サーバーをインストールする

JSONサーバーとは何ですか?

JSON を意味する JavaScript オブジェクト表記法、軽量のデータ交換形式。 JSON Server は、開発者が JSON ファイルをデータソースとして使用して RESTful API を模倣できる、Node.js ベースの簡単なツールです。これは、バックエンド API がまだ利用できない場合でも、複雑なサーバー側コードを記述することなくモック API を作成できるため、フロントエンド開発者にとって特に便利です。したがって、クライアントコンピューターを使用していて、バックエンド API やデータベースにアクセスできない場合は、JSON サーバーが最適です。

Windows コンピュータに JSON サーバーをインストールする

Windows コンピューターに JSON サーバーをインストールするには、Visual Studio Code IDE を使用します。これを行うには、以下の手順に従ってください。

Visual Studio コードをダウンロードしてインストールします
JSONサーバーのインストール
Visual Studio Codeを使用してJSONファイルを作成する
JSONサーバーを起動します

それらについて詳しく話しましょう。

1) Visual Studio コードをダウンロードしてインストールします。

まず、code.visualstudio.com から Visual Studio コードをダウンロードする必要があります。これは Microsoft の無料 IDE であり、今後 JSON ファイルを作成するために使用します。前述のリンクにアクセスしたら、必ずクリックしてください。 ウィンドウズ このチュートリアルは Windows 用であるため、アイコンをクリックしてください。

2) JSONサーバーをインストールする

次に、JSON サーバーをコンピューターにインストールする必要があります。まず、ファイルエクスプローラーを開き、プロジェクトに移動します。次に、スペースを右クリックして、 [ターミナル]>[コマンドプロンプト]。 最後に、次のコマンドを実行して JSON サーバーをインストールします。

npm install -g json-server

JSON サーバーはコンピューターにグローバルにインストールされていません。特定のアプリケーションのみでローカルで必要な場合は、以下に示すコマンドを使用する必要があります。

npm i json-server

これが、コンピューターに JSON サーバーをインストールする方法です。

3) Visual Studio Codeを使用してJSONファイルを作成します

コンピューターに JSON サーバーをインストールしたら、プロジェクトのデータベースのように機能する JSON ファイルを作成できます。同じことを行うには、次のように開きます Visual Studioコード スタートメニューから。 VS Code を開いたら、をクリックします。 ファイル > フォルダー、 次に、プロジェクトの場所に移動します (cd コマンドを使用)。

フォルダーを開いた後、 新しいファイル アイコンをクリックし、「<ファイル名>.json」と入力します。そこに貼り付けることができるサンプルコードを提供します。

エンドポイントにリクエストを送信するサンプル API を開発します。この API は HTTP リクエストに応答するため、プロジェクトを迅速に開発する必要があるフロントエンド開発者にとって最適な選択肢になります。 JSON サーバーはこの API の作成に使用され、開発者が作成、読み取り、更新、削除 (CRUD) 操作を実行し、データを JSON 形式で保存できるようにします。 JSON データはキーと値のペアで構造化されており、次の形式で記述されます。

{  

  "name": "Gregg",  

  "emp-ID": 101,  

  "gender": "Male",

  "team": "Database"

}

ここで、「名前」「従業員ID」「性別」「チーム」は、 プロパティ、 「グレッグ」、「101」、「男性」、「データベース」は 価値観 それらのプロパティに関連付けられています。

JSON ファイルでデータを定義します。オブジェクトの配列、またはネストされたオブジェクトを含むオブジェクトにすることができます。各オブジェクトには一意の ID が必要です。

4) JSON サーバーを起動します

JSONファイルが作成できたので、サーバーを起動してみましょう。同じことを行うには、コマンドプロンプトを開き、cd コマンドを使用してプロジェクトの場所に移動し、次のコマンドを実行します。

json-server --watch db.json

許可するように求められます Node.JS Javascript ランタイム プライベートネットワークとパブリックネットワークからアクセスするには、 許可する。コマンドが実行され、出力が表示されます。 JSON サーバーを開くには、以下に記載されている URL をインデックス化してブラウザに貼り付ける必要があります。

JSON サーバーが起動し、入力した値が表示されます。プロパティが画面に表示され、いずれかをクリックすると、関連する値が表示されます。

それでおしまい！

読む： JSONファイルを読み取り可能な形式で開く方法

Windows に JSON サーバーをインストールするにはどうすればよいですか?

Windows コンピューターに JSON サーバーをインストールするには、次のコマンドを実行する必要があります。 npm install -g json-server. これにより、サーバーがグローバルにインストールされます。ローカルにインストールするには、プロジェクトが存在する場所に作業ディレクトリを設定してから実行します。 npm i json-server.

読む： Windows でタイムサーバーを追加または変更する方法