Өз бетіңіздегі кіру

Қолданбалардың көбі адамдарды кіру үшін өз ортасының Lobby бетіне жібереді. Егер оларды өз бетіңізде қалдырғыңыз келсе, @usher/react ішіндегі <SignIn /> оларды дәл сол жерде кіргізеді де, бұрынғыдай OpenID Connect арқылы аяқтайды: серверіңіз токендерін бәрібір Usher-ден алады, ал бетіңіз арқылы ешбір құпиясөз немесе токен өтпейді.

Қолданбаңыздың бастауына рұқсат беріңіз

Usher Console ішінде ортаны ашып, Кіру → Ендірілген кіру тармағын таңдаңыз және қолданбаңыздың бастауын қосыңыз, мысалы, https://app.example.com. Ортаның Frontend API-ын тек тізімдегі бастаулар және тек кіру үшін пайдалана алады.

Компонентті қосыңыз

import { SignIn } from '@usher/react'

export function SignInPage() {
  return <SignIn frontendApi="https://login.example.com" returnTo="/dashboard" />
}

Ол @usher/nextjs бұрыннан пайдаланатын UsherProvider ішінде орналасады. frontendApi — ортаңыздың эмитенті.

Не болады

• Алдымен электрондық пошта, содан кейін құпиясөз немесе электрондық поштаға келген код, содан кейін, егер адамда болса, екінші қадам. Әлеуметтік желі арқылы кіру және «Usher арқылы жалғастыру» провайдерге барып, қолданбаңызға қайта оралады.
• Содан кейін OpenID Connect. Ортаңызға кіргеннен кейін компонент браузерді қолданбаңыздың /auth/sign-in мекенжайына жібереді, ол бірден Usher арқылы өтіп, кодпен оралады. Алғаш рет Usher адамнан қолданбаңызға рұқсат беруді сұрайды.
• Боттардан қорғау Lobby-дегідей жұмыс істейді: Usher жұмыс дәлелін (proof of work) сұрағанда, компонент оны орындайды.
• Қалғанының бәрі (кіру кілттері, кәсіпорындық кіру, аккаунт жасау) — Lobby бетіңізге сілтеме.

Өндірістік ортада өз доменіңізді пайдаланыңыз

Компонент Usher сеансын ортаңыздың cookie файлдарында сақтайды. Өндірістік ортада олар бірінші тарап файлдары болуы керек: ортаға қолданбаңызбен бір сайттағы өз доменіңізді беріңіз (app.example.com үшін login.example.com). Әзірлеу ортасында ендіруге рұқсат беретін орта өз cookie файлдарын сайттар арасында жібереді, Chrome оларды қабылдайды. Браузер оларды сақтамайтын жерде компонент жұмысты Lobby бетіңізге береді.