auth0ログインUIをロックする方法は？

Question

ロゴを変更するために、auth0ロックで自分のログイン画面をカスタマイズしようとしています。私はコードの下に置きます。そのうまくいっている。

 theme: {  
     logo: 'https://example.com/logo58px.png' 
     }, 
     languageDictionary: { title: 'Custom title here' } 

その動作していない、

しかし、私は、私はそれをどのように変更することができ、私のアプリ名にテキストauth0を変更したいですか？

Answer 1

これについては実際に簡単な方法はありません。 Auth0 Lockの設定はすべて利用可能です。 lock.jsには、必要なすべての設定があります。あなたがのためにあなたの好きなテキストエディタでtitle、オープンlock.jsとCTRL+Fを変更したい場合は

は例えば、「Auth0は」（引用符 "を含む）、あなたはそれはあなたが必要であるものを見つけることができます。

でロックの私のバージョンは、それはこのようになりますオブジェクトである：

exports.default = { 
    ... 
    title: "Auth0", 
    ... 
} 

あなたは、単にブラウザでAuth0ロックを検査し、CSS-ルールのようなUIを変更する特定のクラスに探しに探しているなら変更したいオブジェクトを選択し、独自のルールを設定します。

「リバースエンジニアリング」という言葉はあまり面倒ではありませんが（ここではこの用語をゆるやかに使用しています）、Auth0ロックについては何かを事実上変更できます。

あなたのレポにそれを含めることを忘れないでください。

Answer 2

@Tom Nijsの答えはあなたの問題を解決しますが、使用しているライブラリのソースコードを変更することはお勧めできません。変更されたコードが失われる可能性がある例は、Auth0ロックライブラリを更新するときです。異なるバージョンのライブラリ間でこれらの変更されたコードをすべて追跡することは本当に面倒です。

代わりに、私は次の操作を実行することをお勧め：

Auth0ロックが設定プロパティにlanguageDictionaryプロパティを公開します。だからあなたの提供されたコードスニペットを続行するために、あなたはロックの設定でこれを行うことができます

：

`theme: { 
    logo: 'https://example.com/logo58px.png' 
}, 
languageDictionary: { 
    title: 'Custom title here', 
    forgotPasswordAction: 'Custom lost password phrase here' 
}` 

あなたはより多くのプロパティ/テキストをカスタマイズするために探している場合は、あなただけのlanguageDictionaryオブジェクトに追加することができ、可能なすべてのプロパティがここで見つけることができます=>https://github.com/auth0/lock/blob/master/src/i18n/en.js

プロパティ名はAuth0ロックバージョンに依存して、設定の上、以前のロックバージョンのAuth0ロック10.0.0+ プロパティ名用ですAuth0のマニュアルではまだも可能です。