スパと他の誰のためのログイン管理


この記事は私の元のポストから拾い上げます(もし読んでいないなら、ここで読むことができます.)
このポストでは、我々は実装を完了し、我々は必要なプロバイダとのログインを追加します.
それを達成する2つの方法があります.

  • 簡単な方法
  • そうでない方法
  • オプション1 :
    簡単な方法
    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
        }
    
    
    それです.