ホームページ >ウェブフロントエンド >jsチュートリアル >ローカルレストjsonファイル
この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 最新のWeb開発では、アプリケーションをデータベースに接続するためにAPIサービスをセットアップすることが一般的です。多くの場合、APIサービスはXMLまたはJSON形式を使用して、クライアントとサーバー間のデータを交換します。 この例では、FeatherSJSを使用して構築されたカスタムNodeJS APIサービスを調べます。そうしていない場合は、イントロJSONの例ページでドキュメーションされているプロジェクトをダウンロードしてください。 次に、システムでMongoDBを実行していることを確認してください。デフォルトでは、APIサービスはAPIと呼ばれるデータベースにアクセスし、顧客というコレクションを作成または上書きします。変更する必要がある場合は、次のファイルAPI/config/default.jsonで独自のデータベース接続パラメーターを設定できます。
次に、依存関係をインストールし、APIサーバーを起動します:
数秒後、いくつかの偽データが生成され、APIサービスがリクエストを提供する準備が整います。 URLでブラウザを起動します:http:// localhost:3030/customer。 JSON形式の生成された顧客データに挨拶する必要があります。以下は、きれいな形式の出力です:
<span>// api/config/default.json` </span> <span>{ </span> <span>"host": "localhost", </span> <span>"port": 3030, </span> <span>"public": "../public/", </span> <span>"paginate": { </span> <span>"default": 10, </span> <span>"max": 50 </span> <span>}, </span> <span>"mongodb": "mongodb://localhost:27017/api" </span><span>} </span>部分出力:
<span>cd api </span><span>npm install </span><span>npm start </span>このJSONデータを使用して、フロントエンドビューを入力できます。 JSONの美しさは、データベースを実行している基礎となるテクノロジーを抽象化することです。フロントエンドロジックを変更せずに、別のデータベースタイプに簡単に切り替えることができます。 このシリーズの他の例は次のとおりです。
colors jsonの例
Googleマップjsonの例
<span>{ </span> <span>"total": 25, </span> <span>"limit": 10, </span> <span>"skip": 0, </span> <span>"data": [{ </span> <span>"_id": "5968fcad629fa84ab65a5247", </span> <span>"first_name": "Sabrina", </span> <span>"last_name": "Mayert", </span> <span>"address": "69756 Wendy Junction", </span> <span>"phone": "1-406-866-3476 x478", </span> <span>"email": "donny54@yahoo.com", </span> <span>"updatedAt": "2017-07-14T17:17:33.010Z", </span> <span>"createdAt": "2017-07-14T17:17:33.010Z", </span> <span>"__v": 0 </span> <span>}, { </span> <span>"_id": "5968fcad629fa84ab65a5246", </span> <span>"first_name": "Taryn", </span> <span>"last_name": "Dietrich", </span> <span>"address": "42080 Federico Greens", </span> <span>"phone": "(197) 679-7020 x98462", </span> <span>"email": "betty_schaefer1@gmail.com", </span> <span>"updatedAt": "2017-07-14T17:17:33.006Z", </span> <span>"createdAt": "2017-07-14T17:17:33.006Z", </span> <span>"__v": 0 </span> <span>}, </span> <span>... </span> <span>] </span><span>} </span>
YouTube jsonの例
ローカルAPIサーバーは、主に開発とテストの目的に使用されます。これにより、開発者はライブサーバーに接続することなく、実際のAPIの動作をシミュレートできます。これは、制御された環境でのテストとデバッグを可能にするため、APIデータに依存するアプリケーションを開発するときに特に役立ちます。また、ライブデータに影響を与えるリスクなしにAPIを学習および実験するために使用できます。
ローカルREST APIの作成方法を学ぶのに役立つビデオチュートリアルはありますか?たとえば、https://www.youtube.com/watch?v=V7SLQ7U28BAのビデオチュートリアルは、JSON-Serverを使用してローカルREST APIを作成する方法に関するステップバイステップガイドを提供します。これらのチュートリアルは、視覚学習者にとって優れたリソースになる可能性があり、多くの場合、概念をよりよく理解するのに役立つ実用的な例を提供します。
以上がローカルレストjsonファイルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。