WordPress のデータをノーコードモバイル開発のAppSheet で利用する方法

宮本航太
宮本航太
プロダクトスペシャリスト
ノーコードでモバイルアプリ開発ができるAppSheet から WordPress データに接続する方法



AppSheet は、インテリジェントなノーコードでのモバイルアプリケーションプラットフォームです。AppSheet では、データベースや OData への接続ができるため、CData の製品を組み合わせることで対応データソースを増やすことができます。この記事では CData API Server を使って、AppSheet でWordPress のデータ にデータ連携するモバイルアプリを開発する方法を説明します。

API Server の設定

以下のリンクからAPI Server の無償トライアルをスタートしたら、セキュアなWordPress OData サービスを作成していきましょう。

WordPress への接続

AppSheet からWordPress のデータを操作するには、まずWordPress への接続を作成・設定します。

  1. API Server にログインして、「Connections」をクリック、さらに「接続を追加」をクリックします。 接続を追加
  2. 「接続を追加」をクリックして、データソースがAPI Server に事前にインストールされている場合は、一覧から「WordPress」を選択します。
  3. 事前にインストールされていない場合は、コネクタを追加していきます。コネクタ追加の手順は以下の記事にまとめてありますので、ご確認ください。
    CData コネクタの追加方法はこちら >>
  4. それでは、WordPress への接続設定を行っていきましょう！ 接続設定

  5. WordPress 接続プロパティの取得・設定方法

    現時点では、CData JDBC Driver for WordPress はセルフホスト型のWordPress インスタンスへの接続のみをサポートしています。データに接続するには、Url を自身のwordpress サイトに指定し、次に以下に説明するように認証を行います。

    URL を完全な形式で記入します。例えば、あなたのサイトが'http://localhost/wp/wordpress' でホストされている場合、URL は'http://localhost' ではなく、'http://localhost/wp/wordpress' となるべきです。 URL を完全な形式で入力しないと、'site not found' というエラーが発生します。

    WordPress は2種類の認証をサポートします。

    • Basic 認証は、テスト環境での使用が推奨されます。
    • OAuth 2.0 認証は、デスクトップアプリケーション、Web アプリケーション、またはヘッドレスマシンからのブラウザベースのアクセスをサポートします。

    Basic 認証

    Basic 認証を使用するようにWordPress を設定する前に：

    • WordPress ログインに管理者権限があることを確認してください。
    • ローカルホストで実行されているWordPress のバージョンを確認します。（WordPress 4.7 以降はネイティブでWordPress REST API サポートしていますが、それより前のバージョンでは、REST API へのアクセスを安全に行うには、Basic 認証プラグインの使用が必要です。）
    Basic 認証を構成するには：
    1. WordPress ホストにログインします。
    2. 4.7より前のバージョンのWordPress を実行している場合は、REST API プラグインをインストールしてください。
    3. Basic Authentication プラグインをインストールします。
    4. カスタムタクソノミーを作成するには、Simple Taxonomy Refreshed をインストールします。プラグインを手動でインストールしたい場合は、圧縮されたフォルダをwp-content\plugins フォルダに展開してからWordPress 管理者インターフェース経由でプラグインを有効にします。
    5. 次の接続プロパティを設定します。
      • AuthScheme：Basic。
      • Url：WordPress URL。
      • User：ユーザーネーム。
      • Password：パスワード。
    OAuth 2.0 認証についてはヘルプドキュメントを参照してください。

  6. 接続情報の入力が完了したら、「保存およびテスト」をクリックします。

WordPress 接続プロパティの取得・設定方法

現時点では、CData JDBC Driver for WordPress はセルフホスト型のWordPress インスタンスへの接続のみをサポートしています。データに接続するには、Url を自身のwordpress サイトに指定し、次に以下に説明するように認証を行います。

URL を完全な形式で記入します。例えば、あなたのサイトが'http://localhost/wp/wordpress' でホストされている場合、URL は'http://localhost' ではなく、'http://localhost/wp/wordpress' となるべきです。 URL を完全な形式で入力しないと、'site not found' というエラーが発生します。

WordPress は2種類の認証をサポートします。

  • Basic 認証は、テスト環境での使用が推奨されます。
  • OAuth 2.0 認証は、デスクトップアプリケーション、Web アプリケーション、またはヘッドレスマシンからのブラウザベースのアクセスをサポートします。

Basic 認証

Basic 認証を使用するようにWordPress を設定する前に：

  • WordPress ログインに管理者権限があることを確認してください。
  • ローカルホストで実行されているWordPress のバージョンを確認します。（WordPress 4.7 以降はネイティブでWordPress REST API サポートしていますが、それより前のバージョンでは、REST API へのアクセスを安全に行うには、Basic 認証プラグインの使用が必要です。）
Basic 認証を構成するには：
  1. WordPress ホストにログインします。
  2. 4.7より前のバージョンのWordPress を実行している場合は、REST API プラグインをインストールしてください。
  3. Basic Authentication プラグインをインストールします。
  4. カスタムタクソノミーを作成するには、Simple Taxonomy Refreshed をインストールします。プラグインを手動でインストールしたい場合は、圧縮されたフォルダをwp-content\plugins フォルダに展開してからWordPress 管理者インターフェース経由でプラグインを有効にします。
  5. 次の接続プロパティを設定します。
    • AuthScheme：Basic。
    • Url：WordPress URL。
    • User：ユーザーネーム。
    • Password：パスワード。
OAuth 2.0 認証についてはヘルプドキュメントを参照してください。

API Server のユーザー設定

次に、API Server 経由でWordPress にアクセスするユーザーを作成します。「Users」ページでユーザーを追加・設定できます。やってみましょう。

  1. 「Users」ページで ユーザーを追加をクリックすると、「ユーザーを追加」ポップアップが開きます。
  2. 次に、「ロール」、「ユーザー名」、「権限」プロパティを設定し、「ユーザーを追加」をクリックします。
  3. その後、ユーザーの認証トークンが生成されます。各ユーザーの認証トークンとその他の情報は「Users」ページで確認できます。

WordPress 用のAPI エンドポイントの作成

ユーザーを作成したら、WordPress のデータ用のAPI エンドポイントを作成していきます。

  1. まず、「API」ページに移動し、 「 テーブルを追加」をクリックします。
  2. アクセスしたい接続を選択し、次へをクリックします。
  3. 接続を選択した状態で、各テーブルを選択して確認をクリックすることでエンドポイントを作成します。

OData のエンドポイントを取得

以上でWordPress への接続を設定してユーザーを作成し、API Server でWordPress データのAPI を追加しました。これで、OData 形式のWordPress データをREST API で利用できます。API Server の「API」ページから、API のエンドポイントを表示およびコピーできます。

オンプレミスDB やファイルからのAPI Server 使用

オンプレミスRDB やExcel/CSV などのファイルのデータを使用する場合には、API Server のCloug Gateway / SSH ポートフォワーディングが便利です。設定方法は、Cloud Gatway の設定方法 記事を参考にしてください。

AppSheet でWordPress のOData サービスに登録

それでは、AppSheet からAPIServer への接続設定をしていきます。

  1. My account」から「Sources」タブをクリックします。
    2. AppSheet
  2. 一番下まで下がると「＋Data Source」がありますのでクリックします。
    3. AppSheet
  3. AppSheet の対応データソースです。今回はOData を使います。
    4. AppSheet
  4. APIServer への接続情報を入力します。
    AppSheet
    • OData Version: 4.0
    • OData Service Root URL: API Server の以下のURL をセット
      • AppSheet
    • Username: API Server で作成したユーザー名
    • Password: API Server のアクセストークン
    • SAP Gateway: Is not SAP Gateway
    • Require Cross-Site Request Forgery(CSRF) Token: CSRD required
  5. 入力が完了したら、接続テストを行い、「Authorize Access」をクリックして保存します。

AppSheet でのWordPress のデータ 連携モバイルアプリ作成

  • MyAppsタブから、「New app」をクリックします。
    • AppSheet
  • 「Start with your own data」を選択します。
    • AppSheet
  • アプリ名を設定します。入力後、「Next step: choose your data」をクリックします。
    • AppSheet
  • 先ほど作成したものも含めて接続先が表示されます。私は事前に APIServer という名前に変更していましたが、変更していなければ odata-1 などの名前で表示されていると思います。
    • AppSheet
  • ここでは APIServer で公開設定したテーブルだけが表示されます。モバイルアプリで使用するテーブルを選択します。
    • AppSheet
  • テーブル選択を行うとアプリ作成画面が表示されます。選択したデータソースをもとに自動的に右側にアプリが作成されます。
    • AppSheet

このように WordPress 内のデータを簡単にAppSheet で作成するモバイルアプリで使用することができるようになります。

CData API Server の無償版およびトライアル

CData API Server は、無償版および30日の無償トライアルがあります。是非、API Server ページ から製品をダウンロードしてお試しください。

はじめる準備はできましたか？

詳細はこちら、または無料トライアルにお申し込みください：

CData API Server お問い合わせ

この記事の内容

関連記事