Auth0 锁定未使用配置选项进行调整

Question

我将 auth0 与 Lock 小部件结合使用来创建一个带有简单用户名/密码验证页面的登录页面。该页面使用 NodeJS 构建，在 Ubuntu 服务器上的 3000 端口上运行。一切正常。

我想使用一些额外的选项自定义登录页面，例如使用我自己的徽标，而不是小部件中提供的 auth0 徽标。但是，当运行这个 Node JS 应用程序时，没有任何变化......

我的 views/index.pug 文件如下所示：

extends layout

block content
  script(src="https://cdn.auth0.com/js/lock/10.7.2/lock.min.js")

  h1= title
  p Welcome to #{title}
  br

  script.
    var lock = new Auth0Lock('#{env.AUTH0_CLIENT_ID}', '#{env.AUTH0_DOMAIN}', {
      auth: {
        redirectUrl: '#{env.AUTH0_CALLBACK_URL}',
        responseType: 'code',
        params: {
          scope: 'openid profile' // Learn about scopes: https://auth0.com/docs/scopes
        },
        closable: false,
        autofocus: true
      },
      theme: {
        logo: 'http://www.example.com/content/logo.png'
      }
    });
    lock.show();

#{env.AUTH0_CLIENT_ID} 之类的内容来自本地文件。

所有文件也可以在this Github repo 中找到。

Answer 1

您需要编辑 views/login.pug 文件，而不是 views/index.pug 文件。