• カスタマイズ内容をHTMLで記述

<!- 氏名入力欄の追加 -->
<div class='ulp-field'>
   <label for='name'>
      氏名
   </label> 
   <input type='text' name='ulp-full-name' id='full-name'>
</div>
<!- 利用規約チェックボックスの追加 -->
<div class='ulp-field'>
   <input type='checkbox' name='ulp-terms-of-service' id='terms-of-service'> 
   <label for='terms-of-service'>
      <a href='https://example.com'>利用規約</a>に同意します
    </label>
</div>

• 作成したHTML記述の改行を削除し、一行のテキストに修正 ※「"」は「'\''」に変更

<!- 氏名入力欄の追加 -->
<div class='\''ulp-field'\''> <label for='\''name'\''>氏名</label> <input type='\''text'\'' name='\''ulp-full-name'\'' id='\''full-name'\''></div>
<!- 利用規約チェックボックスの追加 -->
<div class='\''ulp-field'\''> <input type='\''checkbox'\'' name='\''ulp-terms-of-service'\'' id='\''terms-of-service'\''> <label for='\''terms-of-service'\''><a href='\''https://example.com'\''>利用規約</a>に同意します</label></div>

• テンプレートを反映するプロンプトとコンテンツの位置を指定

{"signup": {"form-content-start":"<div class='ulp-field'> <label for='name'>氏名</label> <input type='text' name='ulp-full-name' id='full-name'></div>", "form-content-end": "<div class='ulp-field'> <input type='checkbox' name='ulp-terms-of-service' id='terms-of-service'> <label for='terms-of-service'><a href='https://example.com'>利用規約</a>に同意します</label></div>" }}

• Auth0管理画面で、[Actions] > [Library]をクリック

• [Create Action] > [Build from scratch]を選択

• 作成するActionのName、Trigger、Runtime（実行環境）を選択し、[Create]をクリック

• コードエディタにて、実現するロジックを記載(JavaScript記述)

exports.onExecutePreUserRegistration = async (event, api) => {
  const FullName = event.request.body['ulp-full-name'];
  api.user.setUserMetadata("Full Name", FullName);
  const Checkbox = event.request.body['ulp-terms-of-service'];
  if(Checkbox){
    api.user.setUserMetadata("Terms of Service", "同意済み");
  }
};

• [Deploy]をクリックし、正常に保存されたことを確認

• Auth0管理画面にて、[Actions] > [Flows]をクリック

• 作成したActionを組み込むFlowとして、[Pre User Registration]を選択

• 画面右側のCustomタブに表示されるActionの一覧から、対象Actionをドラッグ＆ドロップし、画面左側のフロー図に配置

• [Apply]をクリックし、正常に反映されたことを確認

• Auth0管理画面で、[Applications] > [APIs]をクリック

• Auth0 Management APIをクリック

• [Test]タブをクリック ※今回はテスト用途のアクセストークンを利用

• Response欄のaccess_token値をコピー

• 以下コマンドを実行し、カスタマイズ内容を適用

> curl -L X PUT 'https://<設定済カスタムドメイン>/api/v2/prompts/signup/partials' -H 'Contetnt-Type: application/json' -H 'Authorization: Bearer eyJhbGciOiJSUzI1NiIs...(略)...Z2LGsGdBICdLedwUClQaMu0Q' -data '{"signup": {"form-content-start":"<div class='ulp-field'> <label for='name'>氏名</label> <input type='text' name='ulp-full-name' id='-full-name'></div>", "form-content-end": "<div class='ulp-field'> <input type='checkbox' name='ulp-terms-of-service' id='terms-of-service'> <label for='terms-of-service'><a href='https://example.com'>利用規約</a>に同意します </label></div>"}}'