Custom singup and login flow

Help
1

I want to customize signup flow where I want to show form where user to fill in their credit card or debit card information as soon as they hit the signup or login button for the first time only

3

Hi @pandeysumit832,

You can redirect the user from within a rule, only on first login. Checkout the doc on it:

5

Did you read the doc I linked?

6

yeah also made a redirection rule

7

its working too but after that my application is stuck

8

After the redirect, resume authentication by redirecting the user to the /continue endpoint and include the state parameter you received in the URL. If you do not send the original state back to the /continue endpoint, Auth0 will lose the context of the login transaction and the user will not be able to log in due to an invalid_request error.

9

can also send any other information using the link like adding a value to user meta?

10

You could add data to user_metadata in a rule. What type of information is it? Keep in mind that the user could manipulate this request.

11

adding subscription id

12

Okay, you will want to add that to app_metadata, and probably don’t want to make that information available to the user to manipulate.

Are you doing this from a SPA or regular web app?

13

yes, I m using react js
As soon as i hit the create sub btn the sub id retuned from the payment process api how can i update it to app_meta?

14

You could add it to the redirect request as a query param. Then in a rule, add that to the users app_metadata..

The query params from the /continue request should be available in the context.request.query object.

15

cool thanks man for ur help I appreciate that

1 Like
16

No problem! Let us know how it goes.

17

sure this solution is pretty much clear

1 Like
18

When i m trying to continue the auth after the redirection rule its saying unauthorize

19

It was working when i tried it for the first time
function (user, context, callback) {
var loginCount = context.stats && context.stats.loginsCount ? context.stats.loginsCount : 0;
var url = “http://localhost:3000/plans”;

if (loginCount <= 1) {
context.redirect = {url} ;
}
return callback(null, user, context);
}
here is the rule that i have written

20

found this : Redirecting users from Rules will not function properly. This is because redirect rules are resumed on the endpoint https://YOUR_DOMAIN/continue . When using Auth0’s developer keys, the session is established on a special endpoint that is generic and tenant agnostic, and calling /continue will not find your previous session, resulting in an error.

1 Like
21

You found a solution right?

22

yeup, thanks for you help

1 Like