あなたのUIのための偽API

何度も、あまりにも多くの依存関係なしですぐにUIプロトタイプを開発し始めたいです.
しかし、現実は、使用可能な実世界コンポーネントの場合、しばしばいくつかのデータを取得し、UIハンドルを持って、何かをレンダリングする必要があります.
それから、どちらかです.

いくつかの簡単なバックエンドのコードを記述します( ExpressやKoA、Happyなどのバックエンドフレームワークを使用します).
いくつかのAPIを持つために、データベースからいくつかのダミーデータまたはデータを返す経路.

インターネットから偽のAPIサービスを研究し、利用する.

オプション1のために-我々自身のバックエンドを書きます.バックエンドAPIを作成するのに多くの時間を費やす必要があります.

ダミーデータ、ページ付けサポート.

標準的で適切なAPIインタフェース.

通常、これは最初の考えからの気晴らしにつながります、そして、私たちはUIを実装するのにより少ない時間を持ちます(これは、時々、プロジェクトを捨てている理由です).

オプション2 -インターネットから偽のAPIサービスを利用する

インターネット接続が必要です.

彼らの安定に頼る.

それらは、あなたのコードをそれに応じて調整しなければならない変化を壊すことができます.

依存性の追加-彼らはまだ数年後にそこにありますか?

しかし、それをするより良い方法があります.
私たちが簡単にいくつかのダミーデータをローカルで私たちの偽APIを起動する簡単な方法がある場合は、UIによって消費される準備ができて?
今すぐAPIと呼ばれるコマンドラインツールを探検しよう!( API API ).
ジャストタイピング$ npx api-now 端末では、Httpsサポートを使用してJSON、JSファイルやFakerのデータを提供するAPIサーバーを起動します!
これはバックエンドの設定に投資するまでの時間があるまで私たちは私たちの美しいUIのプロトタイプに焦点を当てることができるようにバックエンドの土地に多くの時間を節約できます.
APIには次のような多くの有用な機能があります.

ボックスからのデフォルトデータセット:Todos、ユーザー、投稿、コメント(fakerを使用).

HTTPSのサポート(キー、certファイル).

は取ることができます.JSON OR .jsファイル.

静的なディレクトリ(例えば/dist、/publicなど)に役立つことができます.これはHTTPサーバ、またはsimpleHTTPSServerを置き換えることができます.

Apis - Pageination ( Cage , Range )をサポートします.

/エコーのルートは、JSONとしてパラメータを返します.

/任意のファイルの種類(画像を含む)を提供するファイルルート.

/ダミーJWTトークン(JSONWebTokenを使用して)に対応するログインルート(POST).

/ToDoS項目のリストを返すためのTodosルート(todomvc仕様に従ってください).

/画像/ランダムなディレクトリからランダムなイメージファイルを提供する.

/アバター/ランダムなアバター画像を提供するランダム.

/自然/ランダムな自然画像を提供するランダム.

試してみると、あなたのnodejs準備ができていますこのコマンドラインを実行する$ npx api-now . それだ!(他の端末から)試してみてください.

$ curl http://localhost:3003/todos
$ curl http://localhost:3003/users?_page=1&_limit=5    (others: /posts /comments)

Other Useful Routes:
$ curl http://localhost:3003/echo?any=value
$ curl http://localhost:3003/file?path=YourFilePath
$ curl http://localhost:3003/image/random?path=YourDirPath
$ curl http://localhost:3003/avatar/random
$ curl http://localhost:3003/nature/random
$ curl -X POST http://localhost:3003/login -H 'Content-Type: application/json' -d '{"username": "test"}'

以下は、UIボイラー版用のAPIを使用したサンプルプロジェクトです.
https://newssup.com (このサイトの開発時に使用される)
https://github.com/ngduc/parcelui
今すぐあなたの素晴らしいUIプロジェクトで楽しいtinkeringを持っているより多くの時間を持っている
リンク
https://github.com/ngduc/api-now