Json Serverのインストールと起動過程の図解
Json Server
主な役割は現地のデータインターフェースを構築し、jsonファイルを作成し、デバッグの呼び出しに便利です。
は、Nodeモジュールです。Expressサーバーを実行しています。jsonファイルを指定して、apiのデータソースとして使用できます。
公式サイト：https://www.npmjs.com/package/json-server
グローバルのJson-serverをインストールします。
端末に入力：npminstall-gjson-server（windowsシステム）
macシステム：sudonpminstall-gjson-serverは以下の図です。
初期化package.json
端末からファイルを保存するディレクトリに入ります。
実行イニシャルコマンド：npm init
ファイルに名前をつけてください。他のデフォルトのイベントでいいです。
jsonsserverをローカルに保存します。
実行命令：npm install json-server--save
実行後にpackage.jsonファイルを開きます。
スクリプトの内容を修正します。
「json:server」は一番起動時に使うJson-serverです。
db.jsonは起動後のサーバーのデータとして使用します。
db.jsonファイルを作成します
package.jsonと同じディレクトリでdb.jsonファイルを作成し、対象のフォーマットでデータを充填します。
json-serverを実行します
端末に入力：npm run json:server
上の図：ホームアドレス：http://localhost:3000
resouresアドレス、つまり作成されたdb.jsonのデータの位置：http://localhost:3000/product
ブラウザで実行http://localhost:3000 後:
ブラウザで実行http://localhost:3000/product 後の結果:
以下の図のように、ブラウザでは毎回アクセスすると、端末は対応する実行を出力します。
postmanはこのインターフェースを要求します。
postmanによるAPI発見データの要求は、確かにサービス端末から来ている。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
主な役割は現地のデータインターフェースを構築し、jsonファイルを作成し、デバッグの呼び出しに便利です。
は、Nodeモジュールです。Expressサーバーを実行しています。jsonファイルを指定して、apiのデータソースとして使用できます。
公式サイト：https://www.npmjs.com/package/json-server
グローバルのJson-serverをインストールします。
端末に入力：npminstall-gjson-server（windowsシステム）
macシステム：sudonpminstall-gjson-serverは以下の図です。
初期化package.json
端末からファイルを保存するディレクトリに入ります。
実行イニシャルコマンド：npm init
ファイルに名前をつけてください。他のデフォルトのイベントでいいです。
jsonsserverをローカルに保存します。
実行命令：npm install json-server--save
実行後にpackage.jsonファイルを開きます。
スクリプトの内容を修正します。
「json:server」は一番起動時に使うJson-serverです。
db.jsonは起動後のサーバーのデータとして使用します。
db.jsonファイルを作成します
package.jsonと同じディレクトリでdb.jsonファイルを作成し、対象のフォーマットでデータを充填します。
json-serverを実行します
端末に入力：npm run json:server
上の図：ホームアドレス：http://localhost:3000
resouresアドレス、つまり作成されたdb.jsonのデータの位置：http://localhost:3000/product
ブラウザで実行http://localhost:3000 後:
ブラウザで実行http://localhost:3000/product 後の結果:
以下の図のように、ブラウザでは毎回アクセスすると、端末は対応する実行を出力します。
postmanはこのインターフェースを要求します。
postmanによるAPI発見データの要求は、確かにサービス端末から来ている。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。