உங்கள் சொந்தப் பக்கத்தில் உள்நுழைவு

பெரும்பாலான ஆப்ஸ் உள்நுழைவுக்காக மக்களைத் தங்கள் சூழலின் லாபிக்கு அனுப்புகின்றன. அவர்களை உங்கள் சொந்தப் பக்கத்திலேயே வைத்திருக்க விரும்பினால், @usher/react இலிருந்து <SignIn /> அவர்களை அங்கேயே உள்நுழையச் செய்கிறது, பிறகு முன்பு போலவே OpenID Connect உடன் முடிக்கிறது: உங்கள் சர்வர் இன்னும் Usher-இடமிருந்தே டோக்கன்களைப் பெறுகிறது, எந்தக் கடவுச்சொல்லும் டோக்கனும் உங்கள் பக்கம் வழியாகச் செல்வதில்லை.

உங்கள் ஆப்ஸின் origin-ஐ அனுமதியுங்கள்

Usher Console-இல் சூழலைத் திறந்து, பிறகு உள்நுழைவு → உட்பொதித்த உள்நுழைவு என்பதற்குச் சென்று, https://app.example.com போன்ற உங்கள் ஆப்ஸின் origin-ஐச் சேருங்கள். பட்டியலிடப்பட்ட origin-கள் மட்டுமே சூழலின் Frontend API-ஐப் பயன்படுத்தலாம், அதுவும் உள்நுழைவுக்கு மட்டும்.

கூறைச் சேருங்கள்

TSX

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 அந்த நபரிடம் கேட்கிறது.
பாட் பாதுகாப்பு லாபியில் உள்ளதைப் போலவே செயல்படுகிறது: Usher வேலைச் சான்றைக் (proof of work) கேட்கும்போது, கூறு அதைச் செய்கிறது.
மற்ற எதுவும் (கடவுச்சாவிகள், நிறுவன உள்நுழைவு, கணக்கை உருவாக்குதல்) உங்கள் லாபிக்கான இணைப்பு.

புரொடக்ஷனில் உங்கள் சொந்த டொமைனைப் பயன்படுத்துங்கள்

கூறு Usher அமர்வை உங்கள் சூழலின் குக்கீகளில் வைக்கிறது. புரொடக்ஷனில் அவை ஃபர்ஸ்ட்-பார்ட்டி குக்கீகளாக இருக்க வேண்டும்: உங்கள் ஆப்ஸின் அதே தளத்தில் உள்ள உங்கள் சொந்த டொமைனைச் சூழலுக்குக் கொடுங்கள் (app.example.com க்கு login.example.com). டெவலப்மென்ட்டில், உட்பொதித்தலை அனுமதிக்கும் சூழல் தனது குக்கீகளைத் தளங்களுக்கு இடையில் அனுப்புகிறது, அதை Chrome ஏற்கிறது. ஒரு பிரவுசர் அவற்றை வைத்திருக்காத இடத்தில், கூறு அதற்குப் பதிலாக உங்கள் லாபியிடம் ஒப்படைக்கிறது.