2
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?

コラボフローAdvent Calendar 2023

Day 13

【コラボフロー】yoomを利用してコラボフローとcybozu.comのユーザー情報の登録を自動化してみた!

Last updated at Posted at 2023-12-13

皆さんこんばんは!

12月ももう中旬!?
毎年言っていることですが、時がたつのは早いな~と感じます。😭
今年は暖冬と言う事もあり、12月感がないというのも1つ理由かもしれません。

さてさて、雑談はここら辺にして本題に入っていきましょう!
本記事は、コラボフロー Advent Calendar 2023 13日目の記事になります!

コラボフローって何ぞや!?という方はこちらをご確認ください!

お客様と商談をしていると以下のようなお声をよくいただきます。

  • コラボフロー利用する際は、組織の情報って登録が必要なの?
  • サイボウズ製品の組織情報と連携できないの?

社内にはいろいろなシステムが混在する中で、それぞれのシステムにユーザーの情報を登録するのは手間と感じている方が多いなと感じています。

そんなお悩みを一部ではありますが解決してみたいと思います💪

今回はIPaaS製品「yoom」を利用して、
コラボフローのユーザー情報とcybozu.comのユーザー情報の登録を自動化します!

全体の概要

全体の流れとしては、以下の流れになります。
全体の概要を把握したうえで、設定に移っていきましょう!

image.png

設定

コラボフローの設定

アカウント登録申請書の入力画面と申請した際の申請フローを設定していきます。

フォーム設定

image.png

経路設定

image.png

yoomの設定

今回は、yoomのフローボットの機能を利用していきます。
※yoomのマイアプリの設定は省略します。

yoomの設定については項目が多いのでステップごとに解説していきます!

第1ステップ 承認が下りた際のトリガーを設定しよう!

全体の概要で確認いただいたかと思いますが、アカウント登録申請書の決裁がされた際に、
yoom側でコラボフローとcybozu.comの組織情報の登録をおこなうためのトリガーを設定していきます。

image.png

フローボットを選択し新規作成
新規作成を選択 > 初めから作成を選択 > 特定のアプリイベントを受信したときを選択 > コラボフローを選択

「トリガーアクション」項目で、「経路のWebhookを受信したら(Webhook起動)」を選択し、次へに進む

image.png

ページが遷移したらwebhookのURLをコピーする

image.png

コラボフローを開き、アカウント登録申請書の経路を開きwebhookのタブから新規登録。
通知先のWebhookURLに張り付けする。

通知条件に関しては、「申請書の経路終了時に通知する」にチェックを入れる。

image.png

yoomの画面に戻る。
コラボフローからの通知をyoom側で受け取れているかテストを実施しましょう。
テストを実施し、webhookの取得に成功すると申請書の情報などを取ることが出来ます。

また、アウトプットを開くと、いろいろな項目が表示されます。
アウトプットに項目を登録するとこの後の処理でwebhookで取得した申請書のデータを利用することが出来ます。
※のちの処理:今回でいうとコラボフローのユーザー情報登録やcybozu.comのユーザー情報登録

image.png

コラボフローとcybozu.comのユーザー登録の際に、以下の項目を利用するためアウトプットに登録します。

  • 社員番号
  • 氏名
  • パスワード
  • 確認用パスワード
  • 所属組織
  • 役職
  • メールアドレス
  • ユーザーID

アウトプットへの追加方法について、
webhookで項目を取得すると、+マークが表示されるので、
各パーツのvalueの箇所を+ボタンを押してアウトプットに登録し保存します。

【yoom】アウトプットに追加.gif

第2ステップ コラボフローのユーザー情報を登録するアクションを作成しよう!

先程登録した、webhookの通知取得の下の+ボタンを押します。
アプリと連携する > コラボフローを選択。
アクションに「ユーザー情報登録」を選択する。

image.png

API接続設定で以下の項目を設定します。

  • ユーザーID
  • 氏名
  • パスワード
  • 社員コード
  • メールアドレス
  • 所属グループ
  • インスタンス名
    ※インスタンス名に関してはコラボフローのインスタンス名を指定。

API項目設定.gif

こちらも設定ができたらテストを実行して登録できているか確認しましょう。

第3ステップ cybozu.com共通管理のユーザーを登録するアクションを作成しよう!

先程登録した、webhookの通知取得の下の+ボタンを押します。

アプリと連携する > カスタムアプリを選択 > アクションの項目で「カスタムコネクト」を選択。
※yoomに登録されているcybozu.comのアプリでは組織情報のAPIを操作することが出来ないため、カスタムコネクトで設定します。

APIの設定に関しては、cybozu.com共通APIドキュメント ユーザーを追加するをご参照ください。

image.png

API接続設定をおこないます。
image.png

ボディーパラメーター(JSON)の設定をおこないます。
image.png

設定が終了次第、こちらもテストしデータの登録ができていれば保存します。

第4ステップ ユーザーが所属する組織を登録しよう!

先程の手順と同様にカスタムアプリで登録を行っていきます。
APIの設定に関しては、cybozu.com共通APIドキュメントユーザーが所属する組織を更新するをご参照ください。

image.png

API接続設定をおこないます。
image.png

image.png
ボディーパラメーター(JSON)の設定をおこないます。

設定完了!!

動かしてみよう!

コラボフロー側

完成動画.gif

cybozu.com側

完成動画(kintone).gif

申請承認後にコラボフローとcybozu.com側のユーザー登録ができました!
今回は、ユーザー情報の登録でしたが、APIを活用することで、
組織情報や役職の登録なども可能になります。

また、yoomのようなIPaaS製品を利用することで、プログラムを書くことなく
設定できるので、簡単に連携ができ業務効率化の幅が広がるのではないかと思います。

ぜひ一度、試してみてはいかがでしょうか。

引き続き、コラボフロー Advent Calendar 2023をお楽しみください✨

2
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
2
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?