Form-basedカスタムコネクタの構築（レガシー）

本記事では、OneLogin のカスタムコネクタを利用してForm-based認証のコネクタを作成する手順をご案内します。

目次

• 前提条件
• カスタムコネクタの複製
• カスタムコネクタの編集
• アプリコネクタの追加
• カスタムコネクタの作成（レガシー）

前提条件

• OneLoginのライセンスが Starter, Enterprise, Unlimited または SSO, Advanced, Professional（新料金体系）のいずれかであること
• OneLoginの Super User または Account Owner 権限を持つアカウントを所有していること

カスタムコネクタの複製

1. OneLoginに管理者でログインし、［管理］をクリックします
   
   
    
2. Applications メニューから［Custom Connectors］を選択します
   
   
    
3. 既存のカスタムコネクタを選択します
   
   
    
4. More Actions > Clone を選択します
   
   
    
5. 任意のコネクタ名に変更し、［Save］をクリックします
   

カスタムコネクタの複製は以上です。

カスタムコネクタの編集

1. 編集対象のカスタムコネクタを選択します
   
   
    
2. Parameter タブに移動し、［Add Parameter］をクリックします
   例）今回のログインページでは ユーザーID, パスワード の2つの入力欄があったため、パラメーターも2つ追加します
   
   
    
3. 任意の User interface label を入力します
   例）LOGINID
   
   
    
4. Required にチェックを入れます
   
   
    
5. Default User Attribute Mapping から Email を選択します
   
   
    
6. Name in HTML form にメールアドレス入力欄のname属性値を入力し、［Update］をクリックします
   例）メールアドレス入力欄のHTMLソースが <input class="text" autofocus="autofocus" name="LOGINID" value="" type="text" id="form_LOGINID"> の場合、LOGINID と入力
   
   
    
7. パスワードのパラメータも同様の手順で追加します
   
   
    
8. 任意の User interface label を入力します
   例）PASSWORD
   
   
    
9. Required にチェックを入れます
   
   
    
10. Type を Password に変更します
    
    
     
11. Name in HTML form にパスワード入力欄のname属性値を入力し、［Update］をクリックします
    例）パスワード入力欄のボタンのHTMLソースが <input class="text" name="PASSWORD" type="password" id="form_PASSWORD"> の場合、PASSWORD と入力
    
    
     
12. ［Save］をクリックします
    
    
     
13. Connector was successfully updated. と表示されることを確認します
    

カスタムコネクタの編集は以上です。

アプリコネクタの追加

1. 設定したカスタムコネクタの Add App to Connector をクリックします
   
   
    
2. 任意のアイコンをアップロードし、［Save］をクリックします 
   
   
    
3. Access タブに移動し、割り当てたいユーザーが属するロールを選択後、［Save］をクリックします
   

アプリコネクタの追加は以上です。

カスタムコネクタの作成（レガシー）

1. ［New Connector］をクリックします
   
   
    
2. 任意のコネクタ名を入力します
   例）OfferBox
   
   
    
3. 任意のアイコンをアップロードします
   
   
    
4. SSO先の Login url を入力します
   例）https://app.offerbox.jp/v2/clogin
   
   
    
5. Trigger URL にログインURLの正規表現を入力します
   例）^https:\/\/app\.offerbox\.jp\/clogin$
   
   
    
6. Trigger domain にログインURLのドメインを正規表現で入力します
   例）^https:\/\/app\.offerbox\.jp\/clogin$
   
   
    
7. HTMLソース内の<form> タグの属性を Form Identified by から選択します
   例）ログインフォームのHTMLソースが <form method="POST" action="https://app.offerbox.jp/v2/clogin" id="form_login" accept-charset="utf-8"> の場合、method または id のいずれかを選択します。
   
   
    
8. Form value に、手順10で選択した Form Identified by の値を正規表現で入力します
   例）<form method="POST" action="https://app.offerbox.jp/v2/clogin" id="form_login" accept-charset="utf-8"> から id を選択した場合、form_login を正規化した ^form\_login$ を入力します。
   
   
    
9. Button Identified by から、HTMLソース内のボタンタグの属性を選択します
   例）ログインボタンのHTMLソースが <input class="submit ofb-btn ofb-btn--xlarge ofb-btn--submit mb10" name="submit" value="ログイン" type="submit" id="form_submit"> の場合、name, value, type, id のいずれかを選択します。
   
   
    
10. Submit value に、手順13で選択した Button Identified by の値を正規表現で入力し、［Save］をクリックします
    例）<input class="submit ofb-btn ofb-btn--xlarge ofb-btn--submit mb10" name="submit" value="ログイン" type="submit" id="form_submit"> から id を選択した場合、form_submit を正規化した ^form\_submit$ を入力します。
    

カスタムコネクタの作成は以上です。