๐Ÿ›๏ธ Commerce Payment & Subscription Demo

๋ถ€ํŠธ์บ ํ”„์šฉ ๊ฒฐ์ œ/๊ตฌ๋… UI ํ…œํ”Œ๋ฆฟ - PortOne ์—ฐ๋™ ๋ฐ๋ชจ

โ„น๏ธ ํ”„๋กœ์ ํŠธ ์•ˆ๋‚ด
์ด ํ”„๋กœ์ ํŠธ๋Š” UI ํ…œํ”Œ๋ฆฟ์ž…๋‹ˆ๋‹ค. ๋น„์ฆˆ๋‹ˆ์Šค ๋กœ์ง API๋Š” ๊ตฌํ˜„๋˜์–ด ์žˆ์ง€ ์•Š์œผ๋ฉฐ, ์ˆ˜๊ฐ•์ƒ์ด ์ง์ ‘ ๋ฐฑ์—”๋“œ API๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ  application.yml์˜ ์—”๋“œํฌ์ธํŠธ ์„ค์ •์„ ๋ณ€๊ฒฝํ•˜์—ฌ ์—ฐ๋™ํ•ฉ๋‹ˆ๋‹ค.
๐Ÿ›’ ์ƒ์ 
์ƒํ’ˆ ๋ชฉ๋ก ๋ฐ ์ฃผ๋ฌธ ์ƒ์„ฑ
  • ์ƒํ’ˆ ๋ชฉ๋ก ์กฐํšŒ
  • ์ฃผ๋ฌธ ์ƒ์„ฑ API ํ˜ธ์ถœ
์ƒํ’ˆ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ
๐Ÿ“ฆ ์ฃผ๋ฌธ
์ฃผ๋ฌธ ์กฐํšŒ ๋ฐ ๊ฒฐ์ œ ์ฒ˜๋ฆฌ
  • PortOne ๊ฒฐ์ œ์ฐฝ ์—ด๊ธฐ (SDK)
  • ๊ฒฐ์ œ ํ™•์ • (Confirm)
  • ๊ฒฐ์ œ ์ทจ์†Œ(ํ™˜๋ถˆ)
์ฃผ๋ฌธ ๊ด€๋ฆฌํ•˜๊ธฐ
๐Ÿ’ฐ ํฌ์ธํŠธ
ํฌ์ธํŠธ ํฌํ•จ ๊ฒฐ์ œ ํ…Œ์ŠคํŠธ
  • ํฌ์ธํŠธ ์ž…๋ ฅ ๋ชจ๋‹ฌ
  • ํฌ์ธํŠธ ์ฐจ๊ฐ ํ›„ ๊ฒฐ์ œ
  • ๋…๋ฆฝ์ ์ธ ํ…Œ์ŠคํŠธ ํ™˜๊ฒฝ
ํฌ์ธํŠธ ๊ฒฐ์ œํ•˜๊ธฐ
โญ ํ”Œ๋žœ
๊ตฌ๋… ํ”Œ๋žœ ๋ชฉ๋ก
  • ๋ฒ ์ด์ง / ํ”„๋กœ / ๋งฅ์Šค
  • ์›” ๋‹จ์œ„ ์ •๊ธฐ๊ฒฐ์ œ
  • ํ”Œ๋žœ๋ณ„ ํ˜œํƒ ํ‘œ์‹œ
ํ”Œ๋žœ ๋ณด๋Ÿฌ๊ฐ€๊ธฐ
๐Ÿ’ณ ๊ตฌ๋… ์‹ ์ฒญ
๊ตฌ๋… ์‹ ์ฒญ ๋ฐ ๋นŒ๋งํ‚ค ๋ฐœ๊ธ‰
  • ๋นŒ๋งํ‚ค ๋ฐœ๊ธ‰ (PortOne SDK)
  • ๊ฒฐ์ œ์ˆ˜๋‹จ ์ €์žฅ
  • ๊ตฌ๋… ์ƒ์„ฑ API ํ˜ธ์ถœ
๊ตฌ๋… ์‹ ์ฒญํ•˜๊ธฐ
๐Ÿ”„ ๊ตฌ๋… ๊ด€๋ฆฌ
๊ตฌ๋… ๊ด€๋ฆฌ
  • ์ด๋ฒˆ ์ฃผ๊ธฐ ์ฒญ๊ตฌ ์‹คํ–‰
  • ๊ตฌ๋… ํ•ด์ง€
  • ์ฒญ๊ตฌ ๋‚ด์—ญ ์กฐํšŒ
๊ตฌ๋… ๊ด€๋ฆฌํ•˜๊ธฐ

๐Ÿš€ ์‹œ์ž‘ํ•˜๊ธฐ

  1. API ๊ตฌํ˜„: ๋ฐฑ์—”๋“œ API๋ฅผ ๊ตฌํ˜„ํ•˜๊ณ  application.yml์˜ app.demo-api.base-url์„ ์ˆ˜์ •ํ•˜์„ธ์š”.
  2. ์—”๋“œํฌ์ธํŠธ ์—ฐ๊ฒฐ: ๊ฐ ์—”๋“œํฌ์ธํŠธ ๊ฒฝ๋กœ๋ฅผ ์‹ค์ œ ๊ตฌํ˜„ํ•œ ๊ฒฝ๋กœ๋กœ ๋ณ€๊ฒฝํ•˜์„ธ์š”.
  3. ํ…Œ์ŠคํŠธ: ๊ฐ ํŽ˜์ด์ง€์—์„œ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜์—ฌ API ํ˜ธ์ถœ์„ ํ…Œ์ŠคํŠธํ•˜์„ธ์š”.

๐Ÿ“ก ํ˜„์žฌ ์—”๋“œํฌ์ธํŠธ

์•„์ง ์š”์ฒญ ์—†์Œ

๐Ÿ“ค ์š”์ฒญ

๐Ÿ“ฅ ์‘๋‹ต

์š”์ฒญ ๋Œ€๊ธฐ ์ค‘...