0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

DrupalのWebformで入力したデータを他のWebサービスに登録

Last updated at Posted at 2023-11-14

DrupalのWebformを使って入力したデータ、例えばアンケート結果を他のウェブサービスで利用したいのでPOST使ってそこのサービスに送るというのをやってみました。この記事はDrupalを使ったことがある方が対象ですが、あーこんなこともできるんだDrupalってと思ってもらってもいいかな。

手順は

  1. Drupalのサイトを立ち上げる --> 今回はcolorfullBoxというサービスを利用
                      難しくないけど時間がかかる(無料枠あり)
  2. Webformのモジュールを追加する
  3. Webformを作る
  4. Webサービスを設定する --> 外部のサービスをお試しで無料利用、すぐにできます。
  5. Webformで入力をし、Webサービスにメッセージが行っているか確認する。

ではやってみました。

  1. Drupalのサイトを立ち上げる
    こちらのColorfulBoxを利用しました。https://www.colorfulbox.jp/
    DrupalだけではなくいろいろなCMSやソフトが使えます。
    お値段もリーズナブルなのですが最初の30日は無料で試せます。
    コントロールパネルでクリックしていけばできるので今回は詳細の説明はしませんがよかったらこちらの本を参照してください。
    酒屋の娘、Webサイト制作します: Drupal 10で小さな商店街がDXに挑戦!

  2. Webformのモジュールを追加する
     モジュールの追加はこちらのWebformのサイトに行き https://www.drupal.org/project/webform
    tar.gzファイルのリンクをコピー
    image.png
    Drupalでモジュール追加し,管理メニューで有効化します。
    image.png

  3. Webformを作る
    管理メニュー > Webforms からAdd WebformでWebformを作成します。
    post_testというテキスト入力の項目だけある簡単なWebformを作りました。
    image.png

  4. Webサービスを設定する
    こちらのサービスにアカウントを作成します。
    https://beeceptor.com/
    image.png

Endpoinnt の名前を指定して"Create Endpoint"
image.png
Endpointが出来ました。ここをターゲットにします。
image.png

  1. Webformで入力をし、Webサービスにメッセージが行っているか確認する。
     最後にWebformの設定をします。今回使うWebformを開いて設定、email/Handlersを選んでAdd Handlerクリック
    image.png
    Remote postを選択します。
    image.png
    任意のタイトルと endpointのURLを入力します。
    image.png
    Webformに何か入力してみましょう。
    image.png
    メッセージがPOSTされてました!
    image.png
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?