Build and Deploy a Full-Stack Hotel Website with Astro & Sanity
- 이 비디오에서는 Astro 및 Sanity를 사용하여 구축된 호텔 웹사이트에 Stripe 결제 후크를 구현하는 방법을 설명합니다. 🚀
- Stripe 대시보드에서 로컬 리스너를 추가하여 로컬 환경에서 웹훅을 테스트합니다. 🔑
- Astro 프로젝트의 .env 파일에 Stripe 웹훅 시크릿 키를 저장합니다. 🤫
- Stripe CLI를 설치하고 로그인하여 웹훅 이벤트를 로컬 서버로 전달합니다. 💻
- 웹훅 엔드포인트를 생성하여 Stripe 결제 완료 이벤트를 수신하고 처리합니다. 👂
- 결제 세션에서 예약 데이터를 추출하여 Sanity 스튜디오에 저장합니다. 🗄️
- 예약 성공 페이지를 만들어 사용자에게 결제 완료를 알립니다. ✅
- 웹훅 서명을 확인하여 무결성을 보장하고, 오류 발생 시 적절한 응답을 반환합니다. 🛡️
- Stripe CLI를 사용하여 로컬에서 웹훅 이벤트를 트리거하고 테스트합니다. 🧪
- 결제 상태를 'paid'로 업데이트하고, 결제 ID를 저장합니다. 💰