• Customization content written in HTML

   
      氏名
    
   



    
   
      利用規約に同意します
    

--><!- Add name input field --> <div class='ulp-field'> <label for='name'> Name </label> <input type='text' name='ulp-full-name' id='full-name'> </div> <!- Add terms of service Box--> <div class='ulp-field'> <input type='checkbox' name='ulp-terms-of-service' id='terms-of-service'> <label for='terms-of-service'> I accept the <a href='https://example.com'>Terms of Service</a> </label> </div>

• Delete the line breaks in the HTML code you created and modify it to one line of text. ※Change "" to '\''

 氏名 

  利用規約に同意します
--><!- Add a name field --> <div class='\''ulp-field'\''> <label for='\''name'\''>Name</label> <input type='\''text'\'' name='\''ulp-full-name'\'' id='\''full-name'\''></div> <!- Add a terms of service Box--> <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'\''>I accept the terms of service</a></label></div>

• Specify prompt and content positions to reflect the template

{"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>" }}

• In the Auth0 admin page, click [Actions] > [Library].

• Select [Create Action] > [Build from scratch]

• Select the Name, Trigger, and Runtime of the Action you want to create, and click [Create].

• Write the logic to be realized in the code editor (JavaScript description)

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", "Agree"); } };

• Click [Deploy] and confirm that it was saved successfully

• In the Auth0 dashboard, click [Actions] > [Flows].

• Select [Pre User Registration] as the Flow to incorporate the Action you created.

• From the list of actions displayed on the Custom tab on the right side of the screen, drag and drop the target action and place it on the flow diagram on the left side of the screen.

• Click [Apply] and confirm that it has been reflected correctly.

• On the Auth0 admin screen, click Applications > APIs

• Click on Auth0 Management API

• Click the [Test] tab. ※This time, use the access token for testing purposes.

• Copy the access_token value in the Response field.

• Execute the following command to apply the customized contents.

> curl -LX PUT 'https://<configured custom domain> /api/v2/prompts/ signup /partials' -H 'Content-Type: application/json' -H 'Authorization: Bearer eyJhbGciOiJSUzI1NiIs...(omitted)...Z2LGsGdBICdLedwUClQaMu0Q' -data '{"signup": {"form-content-start":"<div class='ulp-field'> <label for='name'>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'I accept the <a href='https://example.com'>Terms of Service</a> </label></div>"}}'