[05] Rest-API vs GraphQL-API

1412 ワード
テキストリンク

Webサービスでの通信とは?

  • データ要求と応答

    • APIとは?(application programming interface)


  • バックエンドコンピュータ上でデータの作成/表示/変更/削除を要求するとき、各要求担当者

  • データの処理を要求する機能、関数
    • FE:要求>データの作成/表示/修正/削除
    BE:応答
    フロントエンド開発者がデータの要求と受信を担当し、Webブラウザで一連のプロセスを描くことが重要です!!

    種類


    1) rest-API

  • https://naver.com/board/1>ホームアドレスのような外観

  • axiosにデータを要求する

  • すべてのデータを受信

  • 大きく振ってドキュメントを表示しpostmanで練習できます

  • データ量が多くて効率が悪い

  • 国内のほとんどの地域でrest-APIが使用されています
    • 2) graphql-API

  • board(1)>一般関数に類似

  • apollo-クライアントにデータを要求

  • 必要なデータのみ受信

  • 運動場で文書を見ながら練習する

  • より効率的

  • 外国企業ex)フェイスブック、github、airbnbをよく使います...

    • CRUD

  • APIは主にCRUD
    • と呼ばれる作成/修正/削除/クエリーの4つの方法で区別される.

  • READ>ポップアップのみ(ブラウズ)

  • POST、DELETE、PUT>変更
    •          rest - API	         graphql-API
    CREATE POST MUTATIONの作成
    UPDATE PUTの変更
    DELETE DELETEの削除
    READ GET QUERYの照会

    JSON


  • JavaScript Object Notition:JavaScriptオブジェクトシンボル(厳密にはオブジェクトではありません)

  • どのAPIを使用しても、jsリクエストデータを使用して応答を受信すると、応答を受信するために文字列オブジェクトとしてマークされます.
    • 反応テストライブラリによる実現詳細のテスト方法
    WIXを利用して実装パッケージを作成(3)