1pass demo

"Sign in with 1pass" 시연

이 페이지는 1pass 가 어떻게 동작하는지 한 번의 클릭으로 보여드립니다. 아래 버튼을 누르시면 1pass 로그인 화면으로 이동했다가, 동의 후 이 페이지로 돌아와 받은 정보를 보여드립니다.

처음이신 분은 자동으로 익명 계정이 만들어집니다. 데모는 이메일 / 닉네임 정도만 받아보고 끝납니다.

▸ 고급: RP 요구사항 시뮬레이션 (scope/prompt 조합 테스트)
빠른 프리셋
요청 scope (RP가 logi 에 요구하는 것)
인증 옵션

서버는 화이트리스트로 검증합니다. 알 수 없는 scope 는 silently drop.

iPhone 으로 시연

App Clip QR — 설치 없이 즉시 체험

iPhone 카메라로 아래 QR 을 스캔하시면 logi 앱이 없어도 App Clip 카드가 즉시 떠서 "Sign in with 1pass" 흐름을 30초 안에 체험하실 수 있습니다. Anthropic, YC 등 외부에 demo 보낼 때도 이 QR 한 장이면 충분합니다.

클릭하여 크게 보기

https://demo.1pass.dev/demo/pair/2b7fdbce-986a-4576-a160-c7034ed05881

📱 iPhone (앱 설치) — 풀 logi 앱이 열립니다.

📱 iPhone (앱 미설치) — App Clip 카드 → 즉시 Sign in with Apple → 끝.

🌐 Android / 데스크톱 — 웹 demo 페이지로 fallback.

URL: https://demo.1pass.dev/demo/pair/2b7fdbce-986a-4576-a160-c7034ed05881

기술 흐름 (개발자용)

  1. 이 페이지(demo.1pass.dev)가 PKCE state/verifier 를 만들어 세션에 저장.
  2. 사용자를 api.1pass.dev/oauth/authorize?... 로 redirect.
  3. 1pass 가 사용자 인증 + 동의를 받고 redirect_uri 에 code, state 를 전달.
  4. 서버가 code + code_verifier 를 /oauth/token 으로 교환해 access / id token 획득.
  5. /oauth/userinfo 로 사용자 정보 조회 → 결과 페이지에 표시.

직접 따라 만들고 싶으시다면 Quickstart 를 참고하세요.