2022 ? 6 ? Apple? ? ??? ? ?? ????? ??????? ??? "???? ?"??? ??????. ? ??? ??? Apple? Touch ID ?? Face ID? ???? ???? ??? ?? ?? ??? ?????. ????? ????? ???? ??? ??? ????.

Passwordless ??? ?? ? ??? ??? ?????

???? ?? ??? ????? ???, ??? ???? ?? ? ???? ???? ??? ?? ??? ?????. ???? ??? ???? ??? ??? ?? ??, ???? ??? ?? ? ?? ??? ?? ?? ??? ????? ????. ?? ?? ??? : ?? ??? ? ???? ???? ???? ???? ???? ? ? ??? ???? ?? ? ????. 64%? ?? ??? ?? ??? ???? ?? ? ??? ????? ???? ????????.

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

? ?? ??? ?? :
1. ??? ?? ?? ????. ??? ????? ??? 16 ? ???? ??? ????? ?? ??? ?? ?? ???? ??? ??? ???? ? ??? ?? ????.
???? ?? ??
2. ?????? ??? ???? ??? ?? ? ?? ????? ? ?? ?? ??? ????. ???? ?? ??? ?? :
?? ???? ????? ????? ???? ??? ? ?????. ?? ?? ?? ??? ?? ??? ???? ???? ??? ? ? ????.
3. ?? ?? ?? SIM ??? ?? : ?? ???? ?? ??? ?? ??? ??? ??? ?? ???? SIM ?? ?? ??? ???? ? ? ???? ???? ? ????. ?? ?? ??? ???? ????.
?? ???, ?? ID ? ?? ID? ??? ?? ????? ??????.
4. ????? ?? ??? ?? (????? ?????)? ??? ??? ??? ? ????. MFA (Multi-Factor Authentication)? ??? ? ?? ???? ?? ????.
????? ??? ??????

???? ??? ??? ?? ??? ?? ???? ?????. ??? ??? ??? ????? ????? ??? ?? Magic Links? ???? ?? ?? ??? ? ? ????. ???? ??? ?? ??? ???? ?? ?????. ??? ? ??? ??? "???? ???"? ???? ??? ??? ??? ??? ??? ??????.

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

?? ??? ?? ?? : ? ???? ??? ??, ??? ?? ? ?? ??? ?? ?? ???? ?????.

???? :
• ?? ??? ?? ???? ??? ???? ??? ??? ????? ????.

  ???? ?? ? : ? ?? ???? ??? ???? ????. ??? ID ? ??? ?? ??? ??? ??? ?? ? ??? ???? ???? ??? ? ????.

  ?? ?? : aws cognito, Google Identity Platform, Microsoft Azure AD
• RECT? ??? ???? ?? - ?? ???? ????? ?????? ?? ??? ???? ?? ??? ???? ?? ??? Frontegg?? ???? ???? 5 ? ????? ?????. ?? ??? ?? ? ?? ??? ?? ???? ?? ??? ?? ?? ??? ? ?? ????? ??? ??? ?????.

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

  ?? Frontegg ??? ????
  1. ? ???? ?? Frontegg ??? ????. ??? ? Magic Code ?? Magic Link? ?????? ???? ??????!

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

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

  Frontegg ?? ?? (??, ?? ??, ??, ??), ??? ???? ?? ????? ?? ? ?? ???, ? ? URL? ????.
  ?? ?? ??? ? ??? ?? ?
  2. ??? ???? ?????. ? ???? ???? IDE? ?? ?? ??? ??????.

  ???? ?? ??? ???? ? React ?? ????? ???? ? ????? ??????.

  frontegg baseURL? ???? ????? clientID

  Frontegg React ????? ? React-Router? ????? ?? ??? ??????. ?? ????? React-Router? ?? ??? ?? ??? ?? ? ? ????.

  3. ??? ??
  src/index.js ???? ?? ??? ??????. ?? ?? Frontegg ???? ???? ?? ???? ?

  ? ?????.

  ?? :? ?? ????? ?? ? ???? ?? ?? ?? ??? ?? ???? ?? ? ????.

  <code>npx create-react-app app-with-frontegg
  cd app-with-frontegg</code>

  4. ??? ???? ????

  Frontegg Useauth ??? ???? ???? ?????? ??? ? ????. ???? ???? ?? ?? UseloginWithRedirect ??? ???? ???? ??? ???? ???? ? ? ???? (?? ??? ??).

    import './app.css';
  // 'react'?? {useeffect} ?? ??;
  '@frontegg/rest-api'?? {contextholder} ?? ??;
  ?? {
    useauth, useloginwithredirect
  } "@frontegg/react"??;
  
  ?? ? () {
    const {user, isauthenticated} = useauth ();
    const loginwithredirect = useloginwithredirect ();
    // encomment this? ???? ?????? ???????
    // useEffect (() = & gt; {
    // if (! isauthenticated) {
    // loginWithRedirect ();
    //}
    //}, [Isauthenticated, LoginWithRedirect]);
    const logout = () = & gt;
      const baseurl = contextholder.getContext (). BaseUrl;
      Window.location.href =`$ {baseurl}/oauth/logout`
                              `? post_logout_redirect_uri =`
                              `$ {window.location}`;
    };
    ?? (
      <code class="javascript">
        {isauthenticated?
          <div classname="App">
            <div>
              <div> 
  "?? "? ???? ???? ????"? ?? ??? "? ??????. <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173916230294882.jpg" class="lazy" alt="What is Passwordless Authentication and How to Implement it ">
    <p>
  <to> ?????? ???? ???? 6 ?? ?? ??? ??? ? ??? ???????. ????? ???? ??? ??? ??? ????. </to></p>
    ?? <p> <img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/173916230376786.jpg" class="lazy" alt="What is Passwordless Authentication and How to Implement it ">
  <password>? ?????? ?? ??? ?? ??? ??? ?? ? ???? ? ??? ??? ??? ??? ? ? ?? ??? ???? ???? ? ?????? ????. </password></p>
    ???? ?? FAQ (FAQ)  
  <main> ???? ??? ?? ??? ?????? <p>
  <ent> Passwordless ??? ?? ?? ??? ?????. ??, ???? ? ?? ??? ??? ??? ??? ?? ??? ??? ??? ??????. ??, ??? ?? ??, ?? ?? ? ??? ?? ???? ?? ???? ???? ??? ??????. ????? ????? ? ?? ???? ?? ? ??? ????? ?? ? ??? ?? ??? ?? ??? ?? ???. <strong>
  <less> ??????? ??? ??? ?????? </less></strong>
  <ent> ???? ??? ???? ??? ??? ???? ???? ??? ?????. ??? ??? ???? ???? ? (? : ?? ??), ???? ????? (??? ??? ??) ?? ??? ?? (? : ??) ? ? ????. ???? ??? ?? ?? ???? ??? ??? ??? ???? ?? ?? ??? ????? ???? ???? ????. </ent></ent></p>
  <auth> ??????? ??? ?????? <p>
  <less> ?, ?????? ??? ????? ?? ???? ?? ???? ? ?????. ???? ?? ?? ? ???? ??? ?????. ??? ?? ?? ??? ????? ??? ???? ??? ??? ??? ?? ?? ?? ??? ?? ???????. </less></p>
  <auth> ?? ??? ??????? ??????? ??? ??? ? ????? <h3>
  <ent> ???? ??? ? ?? ????, ??? ?????? ? IoT ??? ??? ??? ?? ?????? ??? ? ????. ??? ???? ??? ?? ???? ?? ????? ?? ?? ?? ? ?? ?? ??? ?? ????. </ent>
  </h3>
  <challeng> ?????? ??? ???? ? ?? ???? ????? <p>
   ??????? ??? ???? ? ?? ???? ?? ? ????. ???? ?? ???? ?? ?? ???? ??? ??? ???? ??? ?? ???? ????? ??? ? ? ????. </p>
  <implement> ? ?? ?????? ???? ??? ??? ?????? <h3>
   ??????? ?? ???? ?? ??? ?????. ?? ??? ?? ?? (? : ?? ?? ?? ??? ??)? ???????. ??,? ??? ?? ????? ???????. ?????, ??? ?? ??? ? ??? ?? ????? ???????. </h3>
  <exam> ???? ??? ?? ?? ?????? <p>
  <password> ?????? ??? ??? ?? ?? (?? ?? ?? ?? ?? ?), ??? ?? ?? (? : SMS ?? ?? ?? ??) ? ???? ?? (? : ?? ?)? ?????. </password></p>
  <auth> ???? ??? ??? ??? ??? ?????? <h3>
  <believe> ?? ????? ??????? ??? ??? ??? ??? ???? ?????. ??? ??? ?? ??? ??? ?? ? ?? ??? ?? ?? ? ?? ????? ??? ????? ??? ??? ????? ?? ????? ???? ???? ????. </believe>
  </h3>
  <auth> ?? ?? ??? ?? ????? ??? ??? ? ????? <p>
  ?, ?????? ??? ??? ??? ?? ?? ?? ??? ?? ??? ? ??? ???????. ???? ???, ??? ?? ?? ? ?? ?? ??? ??? ? ????. </p>
  <role> ???? ???? ???? ??? ?????? <h3>
  <v> ???? ????? ???? ??? ??????. ??? ?? ?? (? : ??? ?? ?? ?? ?? ???)? ???? ??? ? ?? ??? ???????. ?? ??? ???? ?? ??? ?? ??? ???????. </v>
  </h3></role></auth></auth></exam></implement></challeng></auth></auth></main>
  </div>
  </div>
  </div></code>