自定义从auth0注册Pop-up

Question

我正在尝试定制auth0注册选项卡。我试图重定向用户时，点击注册按钮到我自己的网站，以作出付款。下面的代码在app.js文件中，它不起作用。在哪里可以从auth0中找到默认代码，或者是否需要像以前一样创建Auth0Lock的另一个实例？

​

    var lock = new Auth0Lock(
        'ClientId',
        'AppDomain',
        {
            auth: {
                redirect: 'components/template/template.html'
            }
        }
    );

    lock.on("authenticated", function (authResult) {
        lock.getProfile(authResult.idToken, function (error, profile) {
            if (error) {
                console.log("error");
            }

            localStorage.setItem('token', authResult.idToken);
            localStorage.setItem('profile', JSON.stringify(profile));
        });
    });

​

Answer 1

Auth0锁选项redirect是一个布尔值，用于标记使用哪种模式(重定向/弹出)。这不是你想要达到的目的。

还有一个redirectUrl选项，但这是因为Auth0将在身份验证完成后重定向到URL。

如果您想要求用户在为您的应用程序注册时提供其他信息，您可以通过对自定义字段的锁定支持来提供这些信息，但是，您似乎需要对流程进行更多的控制，因此建议的方法是让用户执行正常的注册过程，然后使用重定向规则。

使用社交IDP注册Lock和收集自定义字段的一种方法是，使用重定向规则将用户重定向到另一个页面(理想情况下，是way任务或由您托管的自定义页面)，在那里您需要额外的信息，然后重定向回定向以完成身份验证事务。

(重点是我的)

有关使用重定向规则的详细信息，请参阅：从规则重定向用户