拡張機能

HTTP Client

外部サービスのAPIを通じて接続・連携します。

Logo
Target Image

Click to watch tutorial video - 03:08

GraphQLスキーマには、ウェブサーバーに対してHTTPリクエストを実行し、そのレスポンスを取得するためのグローバルフィールドが用意されています。

REST API、GraphQL API、および汎用APIへの接続をサポートし、あらゆる種類のデータ(HTML、XML、CSVを含む)を取得・デコードできます。

REST API: このクエリは外部サイトのWP REST APIに接続し、投稿を取得します:

query {
  postData: _sendJSONObjectItemHTTPRequest(input: {
    url: "https://some-wp-rest-api.com/wp-json/wp/v2/posts/1/"
  })
}

...次のレスポンスが返されます:

{
  "data": {
    "postData": {
      "id": 1,
      "date": "2019-08-02T07:53:57",
      "date_gmt": "2019-08-02T07:53:57",
      "guid": {
        "rendered": "https:\/\/newapi.getpop.org\/?p=1"
      },
      "modified": "2021-01-14T13:18:39",
      "modified_gmt": "2021-01-14T13:18:39",
      "slug": "hello-world",
      "status": "publish",
      "type": "post",
      "link": "https:\/\/newapi.getpop.org\/uncategorized\/hello-world\/",
      "title": {
        "rendered": "Hello world!"
      },
      "content": {
        "rendered": "\n<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!<\/p>\n\n\n\n<p>I&#8217;m demonstrating a Youtube video:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Introduction to the Component-based API by Leonardo Losoviz | JSConf.Asia 2019\" width=\"750\" height=\"422\" src=\"https:\/\/www.youtube.com\/embed\/9pT-q0SSYow?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><figcaption>This is my presentation in JSConf Asia 2019<\/figcaption><\/figure>\n",
        "protected": false
      },
      "excerpt": {
        "rendered": "<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing! I&#8217;m demonstrating a Youtube video:<\/p>\n",
        "protected": false
      },
      "author": 1,
      "featured_media": 0,
      "comment_status": "closed",
      "ping_status": "open",
      "sticky": false,
      "template": "",
      "format": "standard",
      "meta": [],
      "categories": [
        1
      ],
      "tags": [
        193,
        173
      ]
    }
  }
}

GraphQL API: このクエリはGitHubのGraphQL APIに接続し、リポジトリの一覧を取得します:

query FetchGitHubRepositories(
  $login: String!
  $githubAccessToken: String!
) {
  _sendGraphQLHTTPRequest(input:{
    endpoint: "https://api.github.com/graphql",
    query: """
    
query GetRepositoriesByOwner($login: String!) {
  repositoryOwner(login: $login) {
    repositories(first: 100) {
      nodes {
        id
        name
        description
      }
    }
  }
}
 
    """,
    variables: [
      {
        name: "login",
        value: $login
      }
    ],
    options: {
      auth: {
        password: $githubAccessToken
      }
    }
  })
}

汎用API: このクエリはWordPressのRSSフィードに接続し、XMLをJSONオブジェクトにデコードします:

query {
  _sendHTTPRequest(input: {
    url: "https://wordpress.com/blog/2024/07/16/wordpress-6-6/feed/rss/?withoutcomments=1"
  }) {
    body
    rssJSON: _strDecodeXMLAsJSON(
      xml: $__body
    )
  }
}

All-Inclusive バンドルを購入

Personal
$79
/
“All-Inclusive” バンドル
ライセンス対象: 1 ドメイン
購入 ->
  • 1 ドメイン
  • サポート
  • 製品アップデート
Organization
$99
/
“All-Inclusive” バンドル
ライセンス対象: 3 ドメイン
購入 ->
  • 3 ドメイン
  • サポート
  • 製品アップデート
Professional
$199
/
“All-Inclusive” バンドル
ライセンス対象: 10 ドメイン
購入 ->
  • 10 ドメイン
  • サポート
  • 製品アップデート

ライセンスは1年間有効(毎年更新可能)です。価格は USD 表示です。

より多くのドメインが必要ですか?お問い合わせください

30日間の返金保証

各拡張機能は返金申請の保証付きで購入できます

Features illustration
Money back guarantee

返金ポリシーをご覧ください

Testimonial image

“このプラグインはまさに別次元です!サイトをまったく新しいレベルへと引き上げ、強力なパワーハウスに変えてくれます。できることを探れば探るほど、どんどん感動が深まります。迷っているなら、とにかく入手してください。後で後悔することになりますよ。 ドキュメントはそれ自体が雄弁に語っており、これ以上ないほど充実しています。 Leo(開発者)は、これまで出会った中で最も鋭く、機転の利く開発者の一人です。レスポンスは非常に速く、自分の専門分野を完全に把握していることが伝わります。このプラグインがここまで多くのことを実現できることに、心から興奮しています。可能性はほぼ無限大で、SEOを重視しているなら、このプラグインがサイトの順位を大きく押し上げてくれるでしょう。”

olmate - Webデベロッパー

ニュースレターを購読する

Gato GraphQL のすべてのアップデートを把握しましょう。