問題タブ [social-authentication]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
135 参照

android - Firebase で Google と Facebook の公式ログイン ボタンを調整する

Firebase Authenticationを介して Google および Facebook ログインをアプリに追加しようとしています。
LinearLayout に公式の Google と Facebook のログイン ボタンを追加すると、次のようになります。

(Nexus 5X API 25):

ここに画像の説明を入力

さらに悪いことに、このように (LG G7 ThinQ API 28):

ここに画像の説明を入力



目的:
私の目標は、それらを次のようにすることです。

![ここに画像の説明を入力



これまでに行ったこと:
現在、Google および Facebook の Developer-Page の公式xmlコード使用しています。



そのため、2 つのボタンを調整するには、次の2 つの側面を修正する必要があることがわかりました。

1) 2 つのサインイン ボタンの長さの違い

  • この違いは、Google のサインイン ボタンに小さなボックス シャドウがあることに関係しています。
    したがって、両方のボタンを固定幅に設定すると、Google に表示されるサインインは常に小さくなります。

2)各テキストの位置

  • ここで、Facebook ボタンのテキストを調整しようとしましたが、うまくいかないようです。





編集:

Google サインイン ボタンの背景を調べることにしました。
背景は以下の仕様のようです。

ここに画像の説明を入力

そこで、上記の値に従って Facebook ボタンを調整し、次のようにしました。

ボタンは次のようになります (赤い線なし) [Nexus 5X API25]:

ここに画像の説明を入力

私は完全に幸せですが、[Nexus 5X API28] でそれらを見ると、次のようになります。 ここに画像の説明を入力

どうすればこれを修正できますか? 私はあなたの助けに感謝します!

0 投票する
0 に答える
201 参照

java - OpenID Connect サーバーなしで Jhipster でソーシャル ログインを使用する

jwt を使用して単純な Jhipster アプリケーションを生成しました。ソーシャル ログインを使用したいのですが、OpenID Connect サーバー (Keycloak または Okta) は使用したくありません。Google/Github/ などで簡単なソーシャル ログインが必要なだけです。これを行うにはどうすればよいですか?