WordPressをバックエンドとして使用する方法：RESTAPIの使用を開始するためのリソース

公開: 2019-06-23

WordPress REST APIはしばらく前から存在していますが、それが何であるか、そしてなぜそれが重要であるかを理解することは、初心者や非開発者にはすぐには明らかではないかもしれません。 それでも、このツールは、使い慣れたWordPressインターフェースをバックエンドとしてのみ利用し、他のツールや言語を使用してフロントエンドを開発できるため、すべてのストライプのユーザーにとって知っておくと便利です。

この投稿では、WordPress RESTAPIとは何かとその機能について紹介します。 また、アプリやウェブサイトのバックエンドとしてWordPressの使用を開始するのに役立ついくつかの手順を共有します。

それを手に入れよう！

WordPress RESTAPIの概要

WordPress REST APIとは何かを説明する記事はたくさんありますが、これについては以前にも説明しましたので、繰り返さないように簡単に説明します。 簡単に言うと、アプリケーションプログラミングインターフェイス（API）は、さまざまなデバイス、アプリケーション、およびデータ間の接続を可能にするものです。

有用な例えは、APIを、ダイナーとキッチンの間でリクエストとレスポンスを配信するウェイターと考えることです。 この例では、あなたがダイナーであり、通信しようとしているアプリケーションまたはデータベースがキッチンであり、「食事」が要求しているデータです。

Representational State Transfer（REST）は、「アーキテクチャスタイル」またはAPIのタイプです。 軽量になるように設計されており、使用時に必要な帯域幅は最小限です。 REST APIを使用すると、次の4つの基本的なタイプのリクエストを行うことができます。

  • GET ：通信しているデバイス、アプリケーション、またはデータベースからデータを取得します。
  • POST ：通信しているデバイス、アプリケーション、またはデータベースにデータを追加します。
  • PUT ：通信しているデバイス、アプリケーション、またはデータベース上の既存のデータを更新します。
  • 削除：通信しているデバイス、アプリケーション、またはデータベースからデータを削除します。

WordPress REST APIは、JavaScript Object Notation（JSON）を使用してデータを返します。 したがって、これらすべてを組み合わせると、JSONを使用してWordPress Webサイトと他のプラットフォーム間でGET 、 POST 、 PUT 、およびDELETE要求を通信する軽量の方法が得られます。

WordPress RESTAPIで何ができるかを理解する

WordPress REST APIは、特に開発者でない場合は、それほど便利ではないように思われるかもしれません。 ただし、APIで実行できることはたくさんあり、WordPressの中間ユーザーでも試してみたいと思うかもしれません。

  • コンテンツを同期しています。 REST APIを使用して、さまざまなWordPressサイトが相互に通信できるようにすることができます。 たとえば、現在のサイトと再設計されたバージョンの間でコンテンツを同期することにより、Webサイトの再設計をテストできます。
  • コンテンツのシンジケート。 同様に、いくつかの異なるWebサイトのコンテンツを組み合わせることができます。 それぞれが独自のサイトを持つ複数の場所でビジネスを展開します。3つすべてのコンテンツを別の包括的なサイトにシンジケートできます。
  • WordPressデータのGoogleスプレッドシートを設定します。 REST APIを使用して、WordPressサイトとGoogleスプレッドシートを接続できます。 これは、スプレッドシートで投稿を整理して、コンテンツの更新を常に把握するのに役立ちます。
  • モバイルアプリの作成。 WordPressサイトをカスタムアプリのフロントエンドに接続することで、デスクトップサイトを補完するモバイルアプリを作成できます。 これは、WooCommerceストアのアプリバージョンを作成する場合などに便利です。
  • 「ヘッドレス」WordPressの使用。 WordPressのフロントエンド表示オプションがそれを行っていない場合、REST APIを使用すると、カスタムWebサイトまたはWebアプリフロントエンドでユーザーにコンテンツを提供しながら、すべてのコンテンツの作成と管理にWordPressを使用できます。 これは「ヘッドレス」WordPressとして知られています。

Googleですばやく検索すると、WordPress RESTAPIが使用されている他の多くの方法が見つかります。 ただし、この投稿の残りの部分では、アプリまたはWebサイトのバックエンドとしてWordPressを使用することに焦点を当てます。

WordPressをバックエンドとして使用する方法（3ステップ）

WordPressをバックエンドとして使用する方法はたくさんあります。 そのため、この投稿は、アプリや分離されたWebサイトを構築するための完全なガイドではなく、WordPress RESTAPIを使用してこれを行うための一般的な紹介です。

以下の手順は簡単に始められるように簡略化されていますが、これは、プロジェクトに固有の追加のガイダンスを調査する必要がある可能性があることを意味します。 ただし、これらの基本を知っていると、プロセスが簡単になります。

ステップ1：コンテンツをWordPressにロードし、RESTAPIをテストする

WordPressをバックエンドとして使用するための最初のステップは、WordPressWebサイトを開始するのと非常に似ています。 ウェブサイトやアプリに必要なすべてのコンテンツがロードされたWordPressのインストールが必要です。 これは、アクティブなインストールか、プロジェクト用にセットアップした新しいインストールである可能性があります。

また、投稿やページの作成、メディアファイルの追加など、プロジェクトでコンテンツに関して必要なことは何でも行う必要があります。 基本的に、サイトやアプリに必要なものはすべてWordPressに取り込む必要があります。これは、ここでコンテンツを管理するためです。

すべての設定が完了したら、テストを実行してWordPress RESTAPIがどのように機能するかを確認することをお勧めします。 幸いなことに、これはブラウザで直接行うことができます。 ドメインに続けてwp-json / wp / v2 / postsと入力するだけです。

WordPress REST APIを介してすべての投稿をリクエストした後、JSONが返されました。

上の画像のようなものが表示されるはずですが、表示されるJSONの量は、サイトの人口によって異なります。 これで、WordPress REST APIを使用して、すべての投稿のデータを正常に返すことができました。 REST APIハンドブックには、他の情報についてもこれを行う方法に関する情報が含まれています。

このステップを要約するには：

  1. まず、アプリ/ウェブサイトのバックエンドとして機能するWordPressインストールをセットアップします。
  2. WordPress内のプロジェクトのフロントエンドに投稿やページなどとして表示するコンテンツを作成しました。
  3. REST APIの動作を確認するために、ブラウザー内のすべての投稿のJSONを返しました。

これらすべての要素がどのように連携しているかを把握できたら、サイトのバックエンドから進んでフロントエンドでの作業を開始できます。

ステップ2：Reactを使用してアプリまたはウェブサイトのフロントエンドを設定する

これで「舞台裏」の側面が理解できたので、ユーザーが実際に見ることができるアプリまたはWebサイトの部分で作業する必要があります。 WordPressユーザーがこれを達成するための一般的なルートは、Reactを使用することです。

Reactホームページ。

未開始の場合、Reactは（上の画像のタグラインが読み取るように）ユーザーインターフェイスを構築するためのJavaScriptライブラリです。 これにより、「コンポーネント」と呼ばれる要素を作成できます。これは、アプリまたはWebサイトのフロントエンドを構成する要素になります。 これには、投稿、ボタン、画像、またはその他の機能が含まれる場合があります。

プロジェクトを構築するために検討したいプラットフォームは他にもたくさんあるので、コミットする前に買い物をしてください。 React（または同様のもの）の使用の完全な詳細は、この記事の範囲を超えています。 ただし、フロントエンドを作成する方法が決まったら、コンポーネントの作成を開始できるように構成を調整してください。

ステップ3：WordPressバックエンドをフロントエンドに接続する

これで、WordPressバックエンドとReact（またはその他の）フロントエンドができあがりました。 これで、WordPressからのデータがアプリまたはウェブサイトに表示されるように、それらを相互に通信させる必要があります。 これがWordPressRESTAPIの出番です。

APIをすでにテストし、投稿やその他のコンテンツのデータを返すことができることを確認したので、APIが機能し、準備ができていることがわかります。 次に、REST APIを使用してWordPressから投稿を取得し、フロントエンドに表示するコンポーネントを作成する必要があります。

あなたが最小限のコーディング経験を持っているなら、これは物事がかなりトリッキーになるところです。 アプリやウェブサイトをすぐに立ち上げたい場合は、開発者を雇ってセットアップすることをお勧めします。 ただし、少し時間を割いても構わないと思っている場合は、ゆっくりとコンポーネントの作業を開始し、学習を進めることができます。

過去に、すべてのWordPress投稿を取得してアプリに表示するReactコンポーネントを作成する方法について説明しました。 この投稿を演習として使用して開始したり、いくつかのオンライントレーニングコースを確認したりできます。

WordPress REST APIを使用してすべてのコンテンツをフロントエンドに取り込むと、より多くの（そしてますます複雑になる）コンポーネントの作成を開始し、WordPressを使用してサイトのフロントエンドをさらにカスタマイズすることができます。コンテンツの作成と管理を継続します。

結論

WordPress REST APIに関しては、特にコーディングの知識が最小限の場合は、間違いなく学習曲線があります。 ただし、コツをつかんだら、この機能を使用すると、基本的な基盤を拡張して、WordPressを独自のアプリやカスタムWebサイトのバックエンドとして使用できます。

この投稿では、WordPressをバックエンドとして使用するための基本的な簡略化された手順をいくつか紹介しました。 それらを簡単に要約しましょう：

  1. コンテンツをWordPressにロードし、RESTAPIをテストします。
  2. Reactを使用してアプリまたはウェブサイトのフロントエンドを設定します。
  3. WordPressバックエンドをReactフロントエンドに接続します。

REST APIまたはWordPressをバックエンドとして使用することについて質問がありますか？ 以下のコメントセクションで質問してください。

記事サムネイル画像JesusSanz / shutterstock.com