På Logto ägnar vi stor vikt åt att förfina vår introduktionsprocess för våra kunder. Vi förstår vikten av att göra användarregistrering och inloggningsupplevelsen så enkel och smidig som möjligt. I denna artikel kommer vi att dela med oss av två små knep som du bör använda för att förbättra användarens registreringsupplevelse. ## Första skärmen Låt oss ta en kort titt på OIDC-autentiseringsprocessen. ```mermaid sequenceDiagram actor User participant Client App participant Authorization Server participant Login Page User ->> Client App: Visit the app Client App ->> Authorization Server: Request for authentication Authorization Server -->> Client App: Prompt login page User ->> Login Page: Redirect user to login page Login Page ->> Authorization Server: User login with credentials Authorization Server ->> Client App: Authentication response ``` När en användare skickar en autentiseringsförfrågan från klientapplikationen initieras en OIDC-autentiseringssession i Logto. Användaren skickas sedan till den Logto-värdade inloggningssidan för att ange sina inloggningsuppgifter och verifiera sin identitet. När användaren lyckas logga in skickas autentiseringssvaret tillbaka till klientapplikationen. Som standard kommer en inloggningsskärm att presenteras för användaren.

Om användaren inte har ett konto kan han klicka på knappen `Register` för att byta till registreringsskärmen.

Men vad händer om användaren kommer till applikationen med en tydlig avsikt att registrera sig? Du vill definitivt hoppa över inloggningsskärmen och leda användaren direkt till en väl designad registreringsskärm. Detta kan enkelt uppnås genom att lägga till parametern `first_screen` till din autentiseringsförfrågan. ```sh curl --location \ --request GET 'https://[tenant-id].logto.app/oidc/auth?client_id=1234567890&...&first_screen=register' ``` Eller i ett stödd SDK: ```javascript logtoClient.signIn({ redirectUri: 'https://your-app.com/callback', firstScreen: 'register', }); ``` Parametern `first_screen` kan ta två värden: `signIn` eller `register`. Genom att ställa in parametern `first_screen` till `register` kan du hoppa över inloggningsskärmen och leda användaren direkt till registreringsskärmen. Precis som vår [Logto](https://logto.io) hemsida. ![Kom igång](https://uploads.strapi.logto.io/1/get_started_72c5aedfeb.webp) När användaren klickar på knappen `Kom igång`, kommer de att ledas direkt till registreringsskärmen. ![Välkommen](https://uploads.strapi.logto.io/1/welcome_209e3eb44f.webp) ## Direkt inloggning En annan praktisk autentiseringsparameter du bör känna till är `direct_sign_in`. Denna parameter gör att du kan starta en social eller företags-SSO-autentiseringsflöde direkt genom att hoppa över inloggningsskärmen. Detta är särskilt användbart när du har egna sociala och företags-SSO-ingångar och vill hoppa över Logtos inloggningsskärm. Till exempel, utan parametern `direct_sign_in` specificerad, skulle en företags-SSO-användarresa se ut så här: 1. Standard inloggningsskärm visas. 2. Ange e-postadressen. SSO

3. Enkel inloggning upptäckt och användaren klickar sedan på knappen `Enkel inloggning` för att starta SSO-flödet. 4. Om flera SSO-leverantörer är konfigurerade under samma e-postdomän kommer användaren dessutom att bli uppmanad att välja önskad SSO-leverantör. SSO lista

Detta flöde kan förenklas om du känner till användarens önskade SSO-leverantör i förväg. Parametern `direct_sign_in` kan ta följande värden: - `social:`: Starta ett tredjeparts socialt autentiseringsflöde direkt. (t.ex. `social:google`) - `sso:`: Starta ett företags-SSO-autentiseringsflöde direkt. (t.ex. `sso:1234567890`) Var medveten om att de specificerade anslutningarna och inloggningsmetoderna måste vara ordentligt konfigurerade och aktiverade i inloggningsupplevelsegenskaperna. Lägg till parametern `direct_sign_in` till din autentiseringsförfrågan: ```sh curl --location \ --request GET 'https://[tenant-id].logto.app/oidc/auth?client_id=1234567890&...&direct_sign_in=sso:1234567890' ``` Eller i ett stödd SDK: ```javascript logtoClient.signIn({ redirectUri: 'https://your-app.com/callback', directSignIn: 'social:google', }); ``` Med parametern `direct_sign_in` kommer användaren att omdirigeras direkt till den specificerade identitetsleverantörens autentiseringssida. Det reducerar avsevärt antalet steg som krävs för att slutföra autentiseringsprocessen. ## Slutsats På Logto tar vi användarupplevelse på stort allvar. Genom att använda parametrarna first_screen och direct_sign_in kan du avsevärt förbättra introduktionsprocessen för dina kunder. Om du vill skapa en anpassad och visuellt tilltalande registreringsskärm, se till att utforska vår [custom-css](https://docs.logto.io/docs/recipes/customize-sie/custom-css/) funktion. För mer information, kolla in [autentiseringsparametrarna](https://docs.logto.io/docs/references/openid-connect/authentication-parameters/).