# Kroki do wykonania Zapoznaj się z dwoma instruktażami: 1) Pierwsza rejestracja w aplikacji używając Passkeys 2) Logowanie w aplikacji używając Passkeys --- ## 1. Pierwsz rejestracja używając Passkeys Będziesz potrzebować telefon z aplikacją do odczytywania kodów QR --- Użytkownik wchodzi na portal, w którym chce dokonać rejestracji: ![](https://i.imgur.com/FYszrgh.png) --- Użytkownik wpisuje *nazwę użytkownika* następnie klika *Zarejestruj się* ![](https://i.imgur.com/3VsqMBs.png) --- Użytkownik zapoznaje się z informacją o tworzeniu **passkey** i klika *Utwórz passkey* ![](https://i.imgur.com/j9jU72D.png) --- W przeglądarce pojawia się modal, w celu wyboru rozaju utworzenia klucza passkey. Użytkownik wybiera *Inne urządzenie* z ikonką kodu QR. ![](https://i.imgur.com/AT1c8hT.png) --- W przeglądarce pojawa się modal z kodem QR do zeskanowania. Użytkownik uruchamia na telefonie apliację Aparat (z możliwością skanowania kodów QR). ![](https://i.imgur.com/XkX5zFn.png) --- Użytkownik na telefonie zczytuje kod QR a następnie uruchamia widoczny **link** <img src="https://i.imgur.com/sPg6i8k.jpg" height="350" /> <!-- ![](https://i.imgur.com/sPg6i8k.jpg=250x) --> --- Na telefonie użytkownika pojawia się informacja o logowaniu do aplikacji używając kodu QR. W przypadku wyboru **Zapamiętaj ten komputer** w przyszłości będzie można wybierać telefon z listy - nie trzeba będzie skanować kodu QR za każdym razem. Użytkownik klika *Zezwalaj* <img src="https://i.imgur.com/mpldDJ2.jpg" height="350" /> <!-- ![](https://i.imgur.com/mpldDJ2.jpg) --> --- Na telefonie użytkownika pojawia się komunikat o tym, że klucze będą szyfrowane blokadą ekranu używaną na telefonie. Dzięki temu możliwe jest synchronizowanie i tworzenie kopii zapasowej kluczy z kontem Google. Użytkownik klika *Używaj blokady ekranu*. <img src="https://i.imgur.com/lEAhjoQ.jpg" height="350" /> <!-- ![](https://i.imgur.com/lEAhjoQ.jpg) --> --- Na telefonie wyświetla się komunikat o utworzenie klucza oraz możliwość wyboru z którym kontem googla będzie on synchronizowany. Użytkownik klika *Dalej* <img src="https://i.imgur.com/Ih9dQDp.jpg" height="350" /> <!-- ![](https://i.imgur.com/09.png) --> --- ## Koniec rejestracji W tym momencie użytkownik powinien zostać zarejestrowany i zalogowany do aplikacji. --- ## Logowanie w aplikacji używając Passkeys Użytkownik wchodzi na portal, do którego chce się zalogować ![](https://i.imgur.com/UjfePcu.png) --- Użytkownik wpisuje *nazwę użytkownika* stworzoną podczas rejestracji lub klika przycisk *Zaloguj się używając Passkey* ![](https://i.imgur.com/UjfePcu.png) --- Użytkownik z modala wybiera telefon na który ma zostać wysłane powiadomienie lub klika *Inne urządzenie* w celu zalogowania się. ![](https://i.imgur.com/HNjIips.png) --- W naszym przypadku użytkownik skanuje kod QR wyświetlany do zalogowania się i klika w link. <img src="https://i.imgur.com/sPg6i8k.jpg" height="350" /> --- Użytkownik może dodać telefon do przeglądarki w celu szybszego logowania się i klika *Zezwalaj* --- Użytkownikowi wyświetla się komunikat z pytaniem czy użyć klucza zapisanego w menadżeże haseł. Użytkownik klika *Dalej* --- ## Koniec logowania W tym momencie użytkownik powinien zostać zalogowany do aplikacji. --- ⬇️⬇️⬇️ Przejdź do następnego punktu klikając poniższy przycisk dalej. ⬇️⬇️⬇️
{"metaMigratedAt":"2023-06-17T18:12:23.260Z","metaMigratedFrom":"YAML","title":"Kroki do wykonania","breaks":true,"slideOptions":"{\"transition\":\"slide\"}","contributors":"[{\"id\":\"39d1098a-8285-41fa-90e7-be5eb060f9a7\",\"add\":9596,\"del\":6169}]"}
    262 views