スパと他の誰のためのログイン管理
2580 ワード
この記事は私の元のポストから拾い上げます(もし読んでいないなら、ここで読むことができます.)
このポストでは、我々は実装を完了し、我々は必要なプロバイダとのログインを追加します.
それを達成する2つの方法があります.
簡単な方法そうでない方法 オプション1 :
簡単な方法
Pathfix Appで利用できるログイン拡張子のコードを取ります.
閉じるこの動画はお気に入りから削除されています.
ポストログインイベントを処理するには、次のコードを追加します
このポストでは、我々は実装を完了し、我々は必要なプロバイダとのログインを追加します.
それを達成する2つの方法があります.
簡単な方法
簡単な方法
Pathfix Appで利用できるログイン拡張子のコードを取ります.
<div>
<script id='pinc.helper'
src='https://labs.pathfix.com/helper.js'
modules='pinc.auth.min,ui.auth'
data-client-id='xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'
providers='msazuread,discord,fb,github,google,linkedin,ms'
data-ui-button-prefix='Login with'
data-on-logged-in='onLoggedIn()'
data-on-logged-out='onLoggedOut()'
data-auth-success-url=''></script>
</div>
PathFixからのコードは、N 1 :/N 2 :/N 3 :/N 4に含まれる手順を処理します.閉じるこの動画はお気に入りから削除されています.
ポストログインイベントを処理するには、次のコードを追加します
function onLoggedIn(){
//N5:
console.log($pinc.auth.profile)
}
function onLoggedOut(){
//Code to redirect to login page
}
それです.Reference
この問題について(スパと他の誰のためのログイン管理), 我々は、より多くの情報をここで見つけました https://dev.to/ralphwjz/login-management-for-spa-and-everyone-else-part-ii-elcテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol