Vytvoření toku uživatele registrace a přihlášení

Dokončeno

Cvičení – vytvoření toku registrace a přihlášení uživatele

Tok uživatele definuje řadu kroků registrace, které zákazníci používají, a metody přihlašování, které můžou používat (například e-mail a heslo, jednorázové heslo nebo sociální účty z Googlu nebo Facebooku). Během registrace můžete také shromažďovat informace od zákazníků tak, že vyberete řadu předdefinovaných atributů uživatele nebo přidáte vlastní atributy. Pokud máte více aplikací, které chcete zákazníkům nabídnout, můžete vytvořit více toků uživatelů.

Poznámka:

K vytváření toků uživatelů budete potřebovat alespoň roli adresáře Správce toku externího ID uživatele.

Máte zpětnou vazbu? Dejte nám prosím vědět, jak váš projekt testování konceptu probíhá. Rádi se dozvíme váš názor!

  1. Pokud chcete vytvořit tok uživatele pro registraci a přihlášení, přihlaste se do Centra pro správu Microsoft Entra a přejděte k externím identitám identity>.

    Snímek obrazovky domovské stránky Centra pro správu Microsoft Entra se zvýrazněnou levou navigační položkou s názvem Externí identity

  2. V nabídce vyberte Toky uživatelů. Pak vyberte Nový tok uživatele.

    Snímek obrazovky domovské stránky Centra pro správu Microsoft Entra se zvýrazněnou levou navigační položkou s názvem Externí identity

  3. Na stránce Vytvořit zadejte Název toku uživatele (například SignUpSignIn). Potom v části Zprostředkovatelé identity zaškrtněte políčko E-mailové účty a pak vyberte jednu z těchto možností. Pokud jste nakonfigurovali jiné zprostředkovatele identity, můžete je vybrat.

    Snímek obrazovky s oknem Vytvořit v tocích uživatelů externích identit, které zvýrazní název nového toku uživatele

  4. V části Atributy uživatele vyberte atributy, které chcete od uživatele při registraci shromažďovat. Výběrem možnosti Zobrazit více si můžete vybrat z úplného seznamu atributů, včetně pracovní pozice, zobrazovaného jména a PSČ a dalších. Pak vyberte Vytvořit a vytvořte tok uživatele.

    Snímek obrazovky s oknem Vytvořit v tocích uživatelů externích identit, které zvýrazňují zaškrtnuté položky v polích Město, Země nebo Oblast a Zobrazované jméno jako atributy, které se mají shromažďovat během registrace, a zobrazit další odkaz pod dalšími možnostmi Tlačítko s názvem Vytvořit v dolní části je zvýrazněné.

  5. V seznamu vyberte tok uživatele, který jste vytvořili.

    Snímek obrazovky s oknem Toky externích identit uživatelů se zvýrazněným tokem uživatele s názvem SignUpSignIn v seznamu mřížky

  6. Následující kroky aktivují prostředí registrace a přihlašování (tok uživatele) pro uživatele, kteří navštíví vaši aplikaci. V nabídce vlevo v části Použít vyberte Aplikace.

    Snímek obrazovky s oknem Přehled toku uživatele pro tok uživatele s názvem SignUpSignIn, kde je zvýrazněná levá navigační položka s názvem Aplikace

  7. Výběr možnosti Přidat aplikaci

    Snímek obrazovky okna Aplikace pro tok uživatele s názvem SignUpSignIn, které zvýrazní tlačítko na panelu nástrojů s názvem Přidat aplikaci

  8. Vyberte aplikaci ze seznamu. Nebo pomocí vyhledávacího pole vyhledejte aplikaci a pak ji vyberte. Zvolte Vybrat.

    Snímek obrazovky s podoknem Vybrat aplikaci, které se otevře vpravo, a zvýrazní vybranou aplikaci s názvem Woodgrove Potraviny. Tlačítko s názvem Vybrat v dolní části je zvýrazněné.

  9. Aplikace je teď propojená s tokem uživatele. Výběrem možnosti Spustit tok uživatele zobrazíte náhled prostředí.

    Snímek obrazovky aplikace s názvem Woodgrove Potraviny, která se zobrazuje jako aplikace přidružená k toku uživatele s názvem SignUpSignIn Zvýrazněné tlačítko Spustit tok uživatele

  10. V podokně Tok spuštění uživatele, které se otevře vpravo, se ujistěte, že je vybraná správná adresa URL aplikace a odpovědi. Pak vyberte Spustit tok uživatele.

    Snímek obrazovky s podoknem Tok spuštění uživatele, které se otevře vpravo, se zvýrazněnými poli Aplikace a Adresa URL odpovědi Dole je zvýrazněný také tlačítko s popiskem Spustit tok uživatele.

  11. Hotovo! Úspěšně jste vytvořili tok uživatele a propojili aplikaci.

    Tip

    K zobrazení náhledu přihlašovacího prostředí můžete vždy použít tlačítko Spustit tok uživatele. Když se uživatelé přihlásí k webu s potravinami, zobrazí se jim přihlašovací prostředí a prostředí pro registraci nakonfigurované v toku uživatele.

    Snímek obrazovky s náhledem toku přihlášení

1. Vytvoření toku uživatele

Pokud chcete vytvořit tok uživatele, vytvoříte objekt toku událostí ověřování, který je typu zadaný v textu požadavku.

POST https://graph.microsoft.com/beta/identity/authenticationEventsFlows
{
    "@odata.context": "https://graph.microsoft.com/beta/$metadata#identity/authenticationEventsFlows/$entity",
    "@odata.type": "#microsoft.graph.externalUsersSelfServiceSignUpEventsFlow",
    "displayName": "Default sign-up and sign-in",
    "description": "Woodgrove default sign-up and sign-in flow",
    "priority": 500,
    "conditions": {
        "applications": {
            "includeAllApplications": false
        }
    },
    "onInteractiveAuthFlowStart": {
        "@odata.type": "#microsoft.graph.onInteractiveAuthFlowStartExternalUsersSelfServiceSignUp",
        "isSignUpAllowed": true
    },
    "onAuthenticationMethodLoadStart": {
        "@odata.type": "#microsoft.graph.onAuthenticationMethodLoadStartExternalUsersSelfServiceSignUp",
        "identityProviders": [
            {
                "@odata.type": "#microsoft.graph.builtInIdentityProvider",
                "id": "EmailPassword-OAUTH"
            }
        ]
    },
    "onAttributeCollection": {
        "@odata.type": "#microsoft.graph.onAttributeCollectionExternalUsersSelfServiceSignUp",
        "accessPackages": [],
        "attributeCollectionPage": {
            "customStringsFileId": null,
            "views": [
                {
                    "title": null,
                    "description": null,
                    "inputs": [
                        {
                            "attribute": "email",
                            "label": "Email Address",
                            "inputType": "text",
                            "defaultValue": null,
                            "hidden": true,
                            "editable": false,
                            "writeToDirectory": true,
                            "required": true,
                            "validationRegEx": "^[a-zA-Z0-9.!#$%&’'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$",
                            "options": []
                        },
                        {
                            "attribute": "displayName",
                            "label": "Display Name",
                            "inputType": "text",
                            "defaultValue": null,
                            "hidden": false,
                            "editable": true,
                            "writeToDirectory": true,
                            "required": true,
                            "validationRegEx": "^.*",
                            "options": []
                        },
                        {
                            "attribute": "country",
                            "label": "Country/Region",
                            "inputType": "radioSingleSelect",
                            "defaultValue": null,
                            "hidden": false,
                            "editable": true,
                            "writeToDirectory": true,
                            "required": false,
                            "validationRegEx": "^.*",
                            "options": [
                                {
                                    "label": "Australia",
                                    "value": "au"
                                },
                                {
                                    "label": "Spain",
                                    "value": "es"
                                },
                                {
                                    "label": "United States",
                                    "value": "us"
                                }
                            ]
                        },
                        {
                            "attribute": "city",
                            "label": "City",
                            "inputType": "text",
                            "defaultValue": null,
                            "hidden": false,
                            "editable": true,
                            "writeToDirectory": true,
                            "required": false,
                            "validationRegEx": "^.*",
                            "options": []
                        }
                    ]
                }
            ]
        },
        "attributes": [
            {
                "id": "email"
            },
            {
                "id": "city"
            },
            {
                "id": "country"
            },
            {
                "id": "displayName"
            }
        ]
    },
    "onUserCreateStart": {
        "@odata.type": "#microsoft.graph.onUserCreateStartExternalUsersSelfServiceSignUp",
        "userTypeToCreate": "member",
        "accessPackages": []
    }
}
1.1 Zkopírování ID toku uživatele

Z odpovědi zkopírujte hodnotu ID toku uživatele. Například:

{
    "@odata.context": "https://graph.microsoft.com/beta/$metadata#identity/authenticationEventsFlows/$entity",
    "@odata.type": "#microsoft.graph.externalUsersSelfServiceSignUpEventsFlow",
    "id": "aaaaaaaa-0000-1111-2222-bbbbbbbbbbbb",
    "displayName": "Default sign-up and sign-in1",
    "description": "Woodgrove default sign-up and sign-in flow",
    ...
}      

2. Přidání aplikace do toku uživatele

Pokud chcete přidat nebo propojit aplikaci s tokem uživatele, použijte následující požadavek Microsoft Graphu. {user-flow-ID} nahraďte ID toku uživatele. Nahraďte {app-ID} ID vaší aplikace.

POST https://graph.microsoft.com/beta/identity/authenticationEventsFlows/{user-flow-ID}/conditions/applications/includeApplications
{
    "@odata.type": "#microsoft.graph.authenticationConditionApplication",
    "appId": "{app-ID}"
}