?? ? ?? ??? ???? ?? Passport-Google-Oauth, Passport-Facebook ? Passport-JWT? ?? ?? ??? ??? ??????. ?? -jwt ??? ???? ?? ?? ???? JWT? ???? API ?? ???? ???? ?? ?? ??? ?????. ???? ?? ? ????? ????? ??? ??? ??????.

• ? ??? ?? ???? ??????
? ???????? ??? ????? ??? ? ?? ??? ???????.
UI? ??? ?? ??? ????????
• ??? ??? ??? ????????
??? ?? ??? ??? ?? ? ????????
??? ??? ???? ?? ??? ??? ? ?? ??? ???????. ??? ? ?? ??? ????.
• ?? ?? ???? (?? ?? ????)? ???? ???? ???? ??? ?? ??? ? ????. ??? ??? API? ?? ????? -Oauth 1.0, Oauth 2.0, OpenID, OpenID Connect ?.
??? ?? ??? ??? ???? ??? ????? ???? ?? ?? ??? ????.
• ??? ? ?? ???? ???? ? ???? UI? ?? ? ??? ????.
  • ??? ? ?? ??? ??? ?? ??? ???? ?? ? ??? ????.
  ???? ?? ???? ???? ?? ???? ??? ? ? ????.
  • ???? ??? ?????? ???? ??? ? ? ????? ?? ???? ??? ?? ? ????.
  ????? ?? ??? ???? ???? ?? ?? ??? ?????. ?? ??, ? ???? ??? ???? ???? ???? ????? ??? ???? ???? ?? ????? ?? ? ? ????.
  • API? ?? ?? ??? ???? ??? ??????
  ?????? API? ????? ? ??? ??? ????, ??? ?? ??? ???? ??? ?????. ?? ???? ???? ?? ??? ??? ?? ??? ??? ????.
  ?? ?? ??
  ?? ?? ?? ?? ?? ??

  ?? ?? ??? ??? ?????? ?? ?????? API ???? ?????. ????? ????? ?? ??? ?? ??? API? ???? ??? ??? ? ????. ??? ?? ?? ?? ? ??? ?? ??? ???? ????? ?? ????, ?? ??? ???? ?? ?? ? ????. ?? ?? ?? ??? ??? ?? ???? ???? ????. ?? API ??? ???? ???? ? ?????. ?, ?? ??? ???? ?? ??? ????? ???? ??? ??? ???? ?? (???) ??? ???? ????? ?? ???? ?? ? ? ????. ?? ?? ?? ??? ?? ?? ??? ????? ? ?? ??? ?????. ????? ?? ?? ?? ???? ?? ???? ??? ????? ????? "?? ??"?? ?? URL? ?? ??? ??? ??????. ?, ???? ??? ??? ?? ? ? ??? ??? ?????.

  ?? : HTTP ??? "??"??????? ??? ??? ???? ???? ????. ??? ? ??? ?? ??? ?????? ???? ???? ?? ???? ?????.

  ??? ???? ? ???? ??? ?????. ? ??? ?? ?? ? ? ????. ?, ?? ?? ??? ?? ?? ???? ???? ???? ??? ????. ?? ??? ??? ??? ?? ??? ?? ??? ???? ??? ?????.
  • ?? Tokens? ??? ?? ??? ??????? ???? ?? ??? ??? ?? ??? ????. ??? ? ???? ??? ?? ?? ???? ?? ??????? ?? ???? ????.
  ??? ??? ?????. ??? ??? ???? ???? ??? ?? ??? ?? ????, ??? ??????? ??? ?? ? ?? ??? ????.
  • ????? ?? ??? JSON Web Tokens ??? ???? ?????.? ??? ??? ??? ???? ? ????. ?? JWT? ??? ??? ????? ??? ???? ?? ?? ?? ? ? ????. ?? ??? ? ??? ??? ???? ????. ?, ??? ? ??? ??? ??? ? ? ????.

    ???? JWT? ???? ????? ????? ??????. Node.js? ?? JSON Web Tokens? ??????.

    ?? ??? ???? ? ?? ??? ?????. ?? ??, ?? ??? UUID? ???? ??? ? ???, ?? 36 ????. ?? JWT? ?? ?? ?? ?? ? ? ????.

    ? ????? JWT ??? ???? ?? ??? ?????. ???? ??? ?? ??? ?? ?? ?? ?? ?? ??? ???? ????? ?? ?? ????? ??? ??? ???????.

    ???? ??????

    ??? ? ???????? ??? ?? node.js? ?? ?????. ?? ?? ?? ? ??? ?? ?? ???? ?? ? ??? ???? ??? ????? ??? ??? ????? ??? ? ????.

    ??? ?? ?? ?? ??? ??? ??? ?? ??????. ??? ??? ???? ?? ?? ???? ?? ?? ?? ?? ??? ???? ??? ??? ??? ?? ? ????. ?? ? ?? ???? ??? URL? ?? ?? ???? ?? ? ????? ?? ??? ???? ?? ?? ?? ??? ???? ?? ? ?? ? ? ????.

    ? ????? Passport-Google-Oauth, Passport-Facebook ? Passport-JWT ??? ???? API ?? ???? ?? ?? ??? ? JWT ?? ?? ??? ???????.

    Passport-JWT ??? ?? ?? ??? (??? ????? ?? ??? ??? API ?? ???)? ???? ? ?????. ??? JWT? ??? ??????. Passport-Google-Oauth ? Passport-Facebook ??? ?? Google ? Facebook? ?? ???? ?? ???? ?? ? ?? ?? ?? ?? ???? ????? ? ??? ??? JWT? ???? ? ?????. ?? ??? ?? ????? ?? ???? ???????

    ???? ??? ??? ?? ??? ?? ?? ?? ???? ???? ??? ??? ????. ? ?? ????? Express? ???? ??? API? ??? ?? ???? ???? ?? ?? ???? ?????. ????? https://github.com/sitepoint-editors/social-logins-spa ??? ?? ?? ??? ??? ? ????. ? ?? ????? ???? ? ?? ?? (?? ??? ????)?? NPM ??? ?? ? ?? ?? SRC/index.js? ???? ???? ?? ? ? ????.

    ?? ????? ????? Google ? Facebook? ?? ??? ?? ??? ???? ?? ?? ??? ???????. ?? ??? ?? ?? ????? readme ???? ?? ? ????. ??? ?? ??? ?? ??? ??????. ??? ?? ????? ??? ?? ??? ? ????

    # Linux / OS X
    $ export GOOGLE_CLIENTID=myGoogleClientId
    $ export GOOGLE_CLIENTSECRET=myGoogleClientSecret
    $ export FACEBOOK_CLIENTID=myFacebookClientId
    $ export FACEBOOK_CLIENTSECRET=myFacebookClientSecret
    $ node src/index.js

    # Windows
    > set GOOGLE_CLIENTID=myGoogleClientId
    > set GOOGLE_CLIENTSECRET=myGoogleClientSecret
    > set FACEBOOK_CLIENTID=myFacebookClientId
    > set FACEBOOK_CLIENTSECRET=myFacebookClientSecret
    > node src/index.js

    ? ????? ?? ??? ?? ?? ???? ?? ?? ?? (JSON ? ?? ??)? ?? ? ?? ?? ??? ?? (Google ? Facebook ??)? ???? ??? ?? ????? ??? ?? ????. ?, ?? ?? ??? ???? ? ? ?? ? ?? ?? ? JWT? ???? ?? API? ??? ???????.

    JWT? ??? ????? ??? ????? ??? ????? ?? ?? ?????. JWT? JSON ???? ? ??? ? ???? ?????. ?????? ?? ? ???? ?? ??, ?? ??? ? ??? ?? ??? ???? ????. ?? ?? ??? ??? ? ? 3?? ??? ?? ? ??? ?????. ?? ???? ?? ? ??? ?? ? ? ????.

    ? ??? ?? ? ?? ?? ????? ??? ?? ? config.js ??? ?? ??? ?? ?????. ? ??? ?? ????? ???? ? ???? Node-Convict ??? ???? ??? ?????. ? ??? ?? ? ??? ??? ????.

    http.port - ?? ????? ???? ??. ???? 3000?? "??"?? ??? ??????.

    <..> augentication.google.clientID - Google ????? Google ????? ID. "Google_ClientID"?? ??? ?? ?? ????? ?????.

    <..> augentication.google.clientSecret - Google ????? Google ????? ?. "Google_ClientSecret"?? ??? ?? ?? ????? ?????.

    <..> Authentication.facebook.clientID - Facebook ????? Facebook ????? ID. "Facebook_ClientID"?? ??? ?? ?? ????? ?????.
    <..> augentication.facebook.clientSecret - Facebook ????? ? ????? Facebook ????? ?. "Facebook_ClientSecret"?? ??? ?? ?? ????? ?????.
    • <..> augentication.token.secret - ?? ??? ???? JWT? ?????. ???? "MySuperseCretkey"???.
    <..> authentication.token.issuer - JWT? ??? ???. ?? ??? ?? ???? ?? ?? ????? ???? ???? ?? ?? ???? ??? ????? ?????.
    • <..> augentication.token.audience - JWT? ??? ?? ??. ?? ??? ?? ???? ?? ?? ????? ???? ?? ??? ?? ???? ?????.
    • ?? ?? ??? ??? ???? ?? ??? ??? ?????. ?? ??? ???? Express Application?? ????? ????? ? ?????.
    ? ???? ??? ??? ?? ????, ????? ????? Express ?? ???????.
    ?? ? ???? ??? ??? Passport.session ()? ???? ???? ?? ??? ??? ? ????. ??? ??? ?? ??? ???? ???? ??????. ?? ??? ??? API? ???? ??? ??? ???? ?? ? ??? ?? ??? ?? ? ????.
    • ?? ?? ?????? JWT ?? ??? ?????? ???? JWT ?? ??? ???? ?? ??? ?????. ??? ?? -JWT ??? ???? ?? ??? ???? ?? ? ????. ? ??? "JWT"? ???? ?? ?? "??"??? ?? ??? ??? ????? JWT ???? ?????. ?? ?? JWT? ????? ??? ?? ??? ?? ?? (? : ??? ??? ???? ?)? ?????. ???? ?? ??? ?? JWT? ???? ?? ?? ??? ??????? ... ??? ??? ??? ??? ????? ??? ? ???? ????.

      ?? ?? JWT ?? ??? ???? ???? ??? ????.

      ?? ??? ?? ?? ??? ?????? :

      config.js - ?? ?? ????? ?? ?? ??? ???? ????. ??? ??? ?????? ???? ?? ??? ? ??? ?? ? ? ????.

      user.js - ??? ?? ????? ??? ??????. ?? ?? ?????? ? ?? ? ? ????. ???? ?? ID? ?????????.
      ????? ??? ?, ??? ? ???? JWT ???? ????, ?? ?? ???? JWT? ??????? ??? ????. ??? ? ?? ? ??? JWT? ??? ??? ???? ??? ??? ?????. ??? ?? ??? ????? ? ?? ?? ?? ?? ?? ?????.

      # Linux / OS X
      $ export GOOGLE_CLIENTID=myGoogleClientId
      $ export GOOGLE_CLIENTSECRET=myGoogleClientSecret
      $ export FACEBOOK_CLIENTID=myFacebookClientId
      $ export FACEBOOK_CLIENTSECRET=myFacebookClientSecret
      $ node src/index.js

      ?? ???? ???? ?? -JWT ??? ?? ?????. JWT? ?? ???? ??? ??? ?? ??? ???? ?????.

      ??? ????? ??? ? ??? ???? ????? ?????. ??? ??? ?? ???? "??"? ?? ? ???? ???? ???? ????. ??? ??? ???? ??? ???? ?? ?? ?? ??? ?? ? ? ????.

      ???? ???? ????? ???? ??? ?? ??? ??? ??? req.user? ?????. ???? ?? ??? ??, ??? ????? ??? ???? ??? ??? ??? ??? ??? ?????.
      ??? ?? ?? ???? ???? ??? ???? ?? ??? ?????.
      • <3> ?? 3 ?? ??? ??? ???? ?????. ?? ?? ??? ??? ?? ? ??? ?? ?? ??? "JWT"??? ???? ?? ????? ?? ? ? ????.
      ??? ?? src/index.js? ?? ??? ???? ?????? ???? ?? ????? ???? ??? ????? ??? ? ????.
      • ??? ?? ??? ???? ????? ??? ? ????. ??? ??? ?? ??? ???? ???? ??? ?????.
      ? ???? ???? ?? https://www.jsonwebtoken.io? ???? ??? ???? JWT? ???? ??????. "????"? ?? ???? ????
      "Signature Key"? ???? ??? "MySuperSecretkey"???.

      ?? ?? ?? ?? ??? ???? ? ???? ??? ? ? ????. ??? ??? ???? ??? ?????. ??? JSONWEBTOKE ??? ???? ????,? ??? ??? ?? ????? JWT? ???? ?? ??? ?? ??????.

      ??? JWT? ?? ? ? ??? ??, ??? ? ?? ?? ??? ?????. ?? JWT? ?? ??? 1 ???? ?????. ??? ?? ?????? ???? ??? ? ? ??? ???? ???? ?? ??? ? ????.

      <,>? ?? JWT ID? ???? ??? ??? ?? ??? ?? ? ID (? : UUID ??)? ???? ? ??? ? ????. ?? ?? ??? ???? ??? ???? ?? ? ID ??? ???? ?? ???? JWT? ?? ? ? JWT ID? ??? ??? ???? ??? ?????.

      ?? ??? ?? ??

      # Linux / OS X
      $ export GOOGLE_CLIENTID=myGoogleClientId
      $ export GOOGLE_CLIENTSECRET=myGoogleClientSecret
      $ export FACEBOOK_CLIENTID=myFacebookClientId
      $ export FACEBOOK_CLIENTSECRET=myFacebookClientSecret
      $ node src/index.js

      ?? ??? ?? ? ??? ??? ???? ???? ??? ??? ? ??? ??? ?????. ?? ??? ?? ??? ???? ????. ??? ???? ?? ??? ?? ??? ?????? ??? JWT ??? ???? ?? ??? ?? ????? JavaScript ??? ?? ? ??? ??? ?????. ??? ??? ?? ??? ?? ??? ???, ???? ??????.

      ??? ?? ??? ?? ??? ? ???? ????. ?? ??? ????? ???? ??? ?? ??? ?? ??? ??? ???????. ??, ???? ???? Express ??? ??? ?????? ??? ??? ? ???? ?????? ??.

      ??? ??? ?? ???? ? ??? URL? ?? ? ? ?? ? ??? ?? ? ??? JavaScript ???? ?? ? ? ????. ?? ????? ????? ????? ????? ?? ?????. ?? ??? ?? ???? ???? ?? ??? ????? ????? ?? ?????? ?? ? ? ?? ????.

      ? ????? ??? ? ???? ????????. ?? ? ??? ?? ???? ?? ?? JavaScript??. ??? ?? ??? ??? ?? ?? ? ? ???? ???? ???? ?? ??? JavaScript? ?????.

      ?? ??? JavaScript?? ??? ?? ?? ?????.

      ??? ??? ??? ?? ? ?? ??? ???? ?? ??? ????/API/AUTHENTICION/{PROPIDER}/start? ????? ??? ?? ?.

      ?? ??? ??? ??? ????? ???? ??? ? ? ????. ??? ????? ?? ??? ??? ????? ?? ??? ???? ?? ?? ????.

      ? ?? ??? ???? ?? ?? ???? ?????. ? ?? ???? ?? ???? ????? ?? ??? ?? ??? ?????.

      # Linux / OS X
      $ export GOOGLE_CLIENTID=myGoogleClientId
      $ export GOOGLE_CLIENTSECRET=myGoogleClientSecret
      $ export FACEBOOK_CLIENTID=myFacebookClientId
      $ export FACEBOOK_CLIENTSECRET=myFacebookClientSecret
      $ node src/index.js

      ???? Open ???? (?, ?? ?? ???? ?)?? ?? AuthenticAteCallback ???? ???? ??? JavaScript ?? ? ????.

      <,>? ???? JWT ??? ??? ???? ?? ?? ???? ??? ??? ? ????.

      Google ?? ?? ?? -Google-Oauth ??? ???? Google? ?? ?????. ???? ? ?? ??? ????? :

      ????? ID

      ????? ? url? ????
      ????? ID ? ?? Google ??? ??? ?? ???? ????. ???? URL? Google ?? ???? ??? ? ? ???? ??? ?? ???? URL???. ?? ?? ?? ??? ??? ?? ???? ??? ?? ??????.
      Google ?? ?? ??? ??? ????.
      • ???? ?? ? ???? ???? ?? ?????? Google ????? ID? ?? ??? ??? ?????. ??? ??? ???? ??? ?????? ????????. ???? ??? ??? ??? ?? ???????. ??? ?? ?? ? ??? ?? ??? ? ??? ??? ????. ?? ?? ? ?? ???? ??? ??? ???? ?? ????? ?????. ??? ?? ?? ?? ??? ??? ?? ? ? ??? ??? ???? ????.
      ???? ???? ???? ?? ??? ???? ???? ????. ???? ??? ?? ?? ???? :
      /API/Authentication/Google/Start ?/API/Authentication/Gogle/Redirect? ??? ??????. ??? ????? /start ??? ??? ??? URL??, /???? ??? Google? ???? ????? ?????? URL???. ??? ??? ???? ?? ???? ????? ?? ? JWT? ???? ?????.
      • Facebook ?? ??
      ?? ??? ? ?? ?? ??? ?? ??? ?? ???? ? ?? ??? ?? ??? ???? ?????. ???? Passport-Facebook ??? ???? Facebook? ? ????.
      ? ??? Google ??? ?? ?? ???? ????? ??? ??? ??? ??? ?????. ??? ???? ?? ???? ???? URL ??? ???? ????.

      Facebook ??? ????? ????? ID, ????? ? ? URL ????? ?????. Facebook ??? ???? Facebook ?? ??? ????? ID ? ????? ? (Facebook?? App ID ? App Key?? ?)? ?? ? ????. Facebook ??? ??? ?? ???? ??????????.

      ??? Facebook Authentication Passport ??? ??? ????

      ??? "Google"?? "Facebook"? ????? ?? ????? Google? ??? ?? ?????. URL ???? ?????

      ???? ?? ??? ???? ??? ????? ??? ??? ??? ????. ??? ??? Google? Facebook ?? ??? ?? ?????.

      # Windows
      > set GOOGLE_CLIENTID=myGoogleClientId
      > set GOOGLE_CLIENTSECRET=myGoogleClientSecret
      > set FACEBOOK_CLIENTID=myFacebookClientId
      > set FACEBOOK_CLIENTSECRET=myFacebookClientSecret
      > node src/index.js

      ??
      ?? ??? ?? ??? ???? ??? ??? ? ??? ?? ??? ?? ??????. ???, ??? ???? ????? ???? ???? ?? ??? ?? ??? ??? ??? ?? ????. ??? ?? ?? ??? ?? ???? ??? ?? ??? ?? ?? ? ? ????.

      ? ??? ??? ?? ??? ?? ??? ?? ??? ??????? ???? ??? ?????. Passport?? ?? ?? ??? ?? ?? ? ??? ?? ??? ???, ??? ??? ?? ??? Google ? Facebook?? ?? ? ??? ???? ?? ?????.

      ? ??? ??? ?? (James Kolce)? ?? ??????. itepoint ???? ??? ??? ?? Sitepoint Peer Reviewer?? ?????. ?? ??? ?? (FAQS)? ?? FAQS

      ?? ???? ? ? ??????? ???? ?? ??? ????? ? ?? ????? ?? ???? ???? ? ?? ??? ?? ? ????. ?? ?? ??? ??? ????? ???? ?? ?? ?? ??? ??? ?? ? ? ?? ??? ???? ?? ????? ??????. ??, ??? ? ?? ????? ? ?? ???? ????? ?? ? ? ???? ???? ???? ? ????. ?????, ? ????? ??? ????? ? ??? ??? ?? ??? ???? ??? ???? ??? ? ? ????. ?? ???? ??? ? ??? ???? ??? ???? ??? ??????

      ?? ???? ?? ? ? ??? ???? ??? ???? ?? ?????. OAUTH 2.0? ?? ?? ????? ???? ???? ??? ????? ?? ???? ??????. ?? ??????? ??? ??? ??? ??? ? ?? ??? ???? ???? ???? ??? ???????.

      ? ? ???????? ?? ?? ???? ?? ? ? ????? ?, ? ???????? ?? ?? ???? ?? ? ? ????. ?? ?? ????? ? ?? ??? ???? ?? ???? ?? ? ????. ??? ???? ????? ??? ?? ???? ???? ??? ??? ???? ???? ?? ?????. ?? ?? ??? ??? ???? ???? ??? ??????

      ?? ?? ??? ???? ???? ???? ?? ??? ? ????. ? ?? ???? ???? ?? ?? ??? ??? ?? ?? ??? ??? ? ????? ????. ????? ?? ? ???? ??? ? ??? ??? ????.

      ???? ?? ??? ??? ?????? ???????

      ???? ?? ??? ??? ?????? ? ?? ??? ???? ?? ??? ? ? ????. ?? ????? ????? ??? ??? ?? ? ?? ??? ?? ? ??? ??? ?? ? ? ??? ?? ??? ??? ??????? ??? ??? ? ? ????.

      ?? ??? ??? ??? ??? ???? ??? ??????

      CSS? ???? ?? ??? ??? ??? ??? ?? ? ? ????. ??? ?? ??? ????? ???? ??? ??? ?????. ?? ??, Facebook? "F"??? ?? ?? ???? ?????? ??? ?? ??? ????? ????.

      ??? ?? ?? ???? ??? ? ?????

      ?, ?? ???? ? ? ??? ??????? ??? ? ????. ??? ??? ?? ???? ???? ????? ? ?? ????? ????? ?? ??? ????? ???? ?? SDK? ???? ? ?? ????.

      ?? ??? ??? ????? ??? ??????

      ?? ??? ????? ??? ??? ???? ??? ???? ?? ????? ?? ??? ??? ??? ? ? ????. ????? ?? ???? ?? ?? ? ??? ???? ? ??? ? ? ????.

      ???? ??? ?? ??? ??? ???? ?? ?? ??? ?????????

      ???? ?? ? ?? ??? ??? ?? ??? ?? ??? ???? ??? ?? ?? ?? ??? ???? ??? ??? ?? ??? ?? ????? ? ????.

      ???? ?? ???? ?? ? ? ?????

      ?? ??? ????? ???? ?? ???? ???? ? ??? ? ??? ?? ?? ??? ?? ?? ????. ?? ?? ?? ????? ?? ???? ???? ?? ? ? ??? ??? ??? ??? ???? ? ??? ? ? ????.

  ? ??? SPA ?? ??? : Google ? Facebook? ?? ???? ?????.? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!