freeeサイン for kintone 初期設定3. freeeサインとkintoneを連携する

更新日:
対象プラン(法人)
 新プラン
旧プラン
対象プラン(個人)
その他
 kintone連携

本ページでは、kintoneコネクタを利用して、freeeサインとkintoneを接続する方法を説明します。

本作業を行うユーザーは、下記条件を満たす必要があります。

  • kintoneのcybozu共通管理者アカウントであること
  • kintoneシステム管理の「アクセス権」で上記アカウントまたはアカウントが所属する組織の「アプリの作成」権限が許可されていること
  • freeeサインの全権管理者であること

目次

kintoneコネクタとfreeeサインを連携する

  1. freeeサインに「全権管理者」アカウントでログインします。
  2. kintoneコネクタにログインします。
    ※kintoneコネクタのログインURLは、「freeeサイン for kintone 初期設定2.kintoneコネクタにユーザー登録する」のヘルプページをご覧ください。
  3. kintoneコネクタへログインしたら、［連携設定］をクリックし、「freeeサイン OAuth2.0」欄の［Webhookパスワード］に任意のパスワードを設定し［連携をする］をクリックします。
    ※設定したパスワードは「freeeサインにWebhookを追加する」の設定の手順⑦で使用するため、設定したパスワードは控えておきます。
    ［連携設定］タブのスクリーンショット
  4. ［連携をする］をクリック後、freeeサインのログイン画面が表示された場合には、利用するfreeeサインアカウントに応じて以下の方法でfreeeサインにログインします。
    利用するアカウント ログイン方法
    freeeサインアカウント メールアドレスとパスワードを入力して「ログイン」をクリック
    freeeアカウント（freee ID） ［freeeアカウントでログイン］をクリック

    freeeサインのログイン画面のスクリーンショット

  5. freeeサインの認可ダイアログが表示されるので、［許可する］をクリックします。
    freeeサインの認可ダイアログで［許可する］を指し示すスクリーンショット
  6. kintoneコネクタへ遷移するため、「freeeサイン OAuth2.0」欄に［再連携をする］と［連携を解除する］ボタンが表示された事を確認します。
    ［連携設定］タブの［再連携をする］ボタンと［連携を解除する］ボタンを指し示すスクリーンショット
  7. freeeサインを開き、［設定］（歯車マーク）をクリックします。
    ［設定］（歯車マーク）を指し示すスクリーンショット
  8. 「インテグレーション」→［連携済み OAuth 認証サービス］をクリックします。
    ［連携済み OAuth 認証サービス］を指し示すスクリーンショット
  9. クライアント名に「kintone連携」が表示されていることを確認します。
    これで、kintoneコネクタとfreeeサイン間の接続設定は完了です。
    クライアント名の「kintone連携」を指し示すスクリーンショット

kintoneコネクタとkintoneを連携する

  1. kintoneコネクタの画面を開き、［連携設定］→「kintone」→「サブドメイン」を入力します。
    ［連携設定］タブの「サブドメイン」を指し示すスクリーンショット
  2. 「サブドメイン」を入力後、画面が展開するので、［OAuthクライアントの追加］をクリックします。
    ［連携設定］タブの［OAuthクライアントの追加］を指し示すスクリーンショット
  3. 「cybozu.com共通管理」の［OAuthクライアントの追加］画面に推移したら、「kintoneコネクタ」の画面に戻り「kintone」→「クライアント名」のコピーボタンをクリックします。
    ［連携設定］タブの「クライアント名」のコピーボタンを指し示すスクリーンショット
  4. 「cybozu.com共通管理」の「OAuthクライアントの追加」画面を開き、「クライアント名」に貼り付けます。
    「OAuthクライアントの追加」画面で「クライアント名」を指し示すスクリーンショット
  5. kintoneコネクタの画面に戻り、次に「kintone」→「リダイレクトエンドポイント」のコピーボタンをクリックします。
    「リダイレクトエンドポイント」のコピーボタンを指し示すスクリーンショット
  6. 「cybozu.com共通管理」の「OAuthクライアントの追加」画面を開き、「リダイレクトエンドポイント」に貼り付け［保存］をクリックします。
    「OAuthクライアントの追加」画面で「リダイレクトエンドポイント」と［保存］を指し示すスクリーンショット
  7. 「cybozu.com共通管理」→「OAuth」画面の一覧に、先ほど登録された「kintone x freeeサイン」の［利用者の設定］をクリックします。
    「OAuth」画面で「kintone x freeeサイン」の［利用者の設定］を指し示すスクリーンショット
  8. freeeサイン for kintoneを利用するすべてのユーザーにチェックを付け［保存］をクリックします。
    ［保存］を指し示すスクリーンショット
  9. 「kintone x freeeサイン」の右側に表示されている［鉛筆マーク］の変更ボタンをクリックします。
    ［鉛筆マーク］の変更ボタンを指し示すスクリーンショット
  10. 「kintone×freeeサインの変更」画面に遷移するので、「クライアントID」と「クライアントシークレット」を選択してコピーし、［kintoneコネクタ］→［kintone］→「クライアントID」と「クライアントシークレット」に貼り付け［連携をする］をクリックします。
    「kintone×freeeサインの変更」画面で「クライアントID」と「クライアントシークレット」を指し示すスクリーンショット
    「クライアントID」と「クライアントシークレット」と［連携をする］を指し示すスクリーンショット
  11. 認可を求めるダイアログが表示されるので［許可］をクリックします。
    認可を求めるダイアログで［許可］を指し示すスクリーンショット
    ※「kintone情報が正しくありませんでした」と表示され連携に失敗する場合は、kintoneでIPアドレス制限を設定している場合、kintoneコネクタのIPアドレスを登録します。登録するIPアドレスは「freeeサイン for kintone 初期設定1. 連携する前に確認する」のヘルプページをご覧ください。
  12. 「kintoneコネクタ」→［KINTONEアプリ］をクリックして推移できることを確認したら完了です。
    ［KINTONEアプリ］タブのスクリーンショット
    ［KINTONEアプリ］タブのスクリーンショット

freeeサインにWebhookを追加する

  1. freeeサインを開き、［設定］をクリックします。
    ［設定］を指し示すスクリーンショット
  2. 「インテグレーション」→［Webhook］をクリックします。
    ［Webhook］を指し示すスクリーンショット
  3. ［Webhookを追加する］をクリックします。
    ［Webhookを追加する］を指し示すスクリーンショット
  4. 「Webhookの追加」画面が表示されます。
    「Webhookの追加」画面のスクリーンショット
  5. 「kintoneコネクタ」を開き、［KINTONEアプリ］タブ選択して表示し「freeeサイン＞Webhook URL」のコピーボタンをクリックします。
    「freeeサイン＞Webhook URL」のコピーボタンを指し示すスクリーンショット
  6. freeeサインの「Webhookの追加」画面を開き、「URL」欄へ貼り付けます。
    「Webhookの追加」画面の「URL」欄を指し示すスクリーンショット
  7. 「不正リクエスト対策パスワード」欄に「kintoneコネクタとfreeeサインを連携する」の手順③で設定した「Webhookパスワード」を入力します。
    「Webhookの追加」画面の「不正リクエスト対策パスワード」欄を指し示すスクリーンショット
  8. 「トリガーイベント」欄の「文書の状態変更」にチェックを付け［登録する］をクリックします。
    「トリガーイベント」欄の「文書の状態変更」のチェックと［登録する］を指し示すスクリーンショット
  9. 「Webhookを登録しました」とメッセージが表示されたら連携設定は完了です。
    「Webhookを登録しました」のメッセージを指し示すスクリーンショット
    ※kintoneコネクタとの設定において［疎通確認リクエストを送る］確認はご利用いただけませんのでご了承ください。
    引き続き、freeeサインに登録したテンプレートを利用するテンプレートアプリを作成します。作成方法は「freeeサイン for kintone 基本操作　テンプレートアプリを作成する」のヘルプページをご覧ください。

関連記事