ggggglgl
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
결과적으로 composition api 방식으로 썼을때는 backend로 요청자체도 안갔습니다,,
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
그땐 응답 자체를 못받았습니다.페이지 자체가 로드가 안됐어요!
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
저도 정확히는 모르겠습니다.
스크립트 형식만 chatgpt에서 제안해주는 방식(일반적인 javascript방식)으로 변경했더니 응답을 받을 수 있었습니다
composition api 형식과 관련한 링크 공유드려요.
https://blog.naver.com/dndlab/221952030079
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
아니요 /toss/auth 스크립트 단에서 원래 사용하던 composition api 형식을 버리고 일반 javascript 방식으로 변경했더니 됐습니다!
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
기존에 /toss/auth에 있던 스크립트 형식을 변경했습니다.
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
해결됐습니다. 감사합니다!
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
/toss/auth 전체 소스 공유드립니다.
말씀드렸던 것처럼 하단에 있는 onMounted() 찍어놓은 log가 출력조차 되고있지 않습니다.
항상 감사드립니다,,!
<template></template>
<script>
import {onMounted, useContext} from '@nuxtjs/composition-api'
export default {
name: 'TossAuthCheck',
components: {},
layout: 'none',
setup(_, { root: { $bLoading, $axios } }) {
const { query } = useContext()
const code = query.value.code ''
const customerKey = query.value.customerKey ''
const login = async () => {
$bLoading.hide()
console.log('인증한다')
await $axios.post(
'https://api.tosspayments.com/v1/brandpay/authorizations/access-token',
JSON.stringify({
grantType: 'AuthorizationCode',
// Access Token 발급을 위해 리다이렉트 URL에 포함되어 돌아온 code와 customerKey 전달
code: code,
customerKey: customerKey,
}),
{
headers: {
// [TODO] Basic 인증 방식의 사용자명과 비밀번호는 콜론으로 구분해서
사용자명:비밀번호로 추가합니다. 상점의 시크릿 키를 사용자명으로, 비밀번호는 공백으로 추가한 뒤 base64로 인코딩하세요.
Authorization: Basic ${Buffer.from('test_sk_7XZYkKL4MrjmQwaEmP1V0zJwlEWR' + ':', 'utf8').toString(
'base64'
)},
'Content-Type': 'application/json',
},
}
)
// 성공(HTTP status 200) 응답
}
onMounted(() => {
console.log('인증은 온거야?')
login()
})
return {
code,
customerKey
}
},
}
</script>57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
현재 1단계에서 localhost:3000은 Front서버이기 때문에 페이지 전환이 되어야 합니다.
그런데 페이지 전환이 되고 있지 않습니다.
개발자도구에서 확인해봤을때 Network탭에서 찍히는거보면 api를 호출하는 방식으로 호출되고 있는 것 같습니다.
현재 동일 도메인에서 redirectUrl을 호출해야 하는것으로 알고 있어서
FE(SDK 호출) -> FE(redirectUrl : localhost:3000/toss/auth?code={}&customerKey={} 응답받기) -> BE(v1/brandpay/authorizations/access-token 호출) 하는 형식으로 진행하려 합니다.
확인부탁드립니다. 감사합니다.
57 replies
TPToss payments 개발자 커뮤니티
•Created by Jinho on 4/9/2023 in #❓┃연동개발-문의
브랜드페이 연동 관련
혹시 이 경우 어떻게 해결되었는지 알 수 있을까요? 공유주시면 감사하겠습니다!
7 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
네 맞습니다.
위에 첨부드린 사진처럼 localhost:3000/toss/auth 는 잘 호출 되고 있으나, front 가 아닌 api를 호출하는 형식으로 호출되는 것으로 보입니다.
그래서 저희 front에 있는 /toss/auth 페이지가 로딩이 되면서 찍혔어야 하는 console.log()가 출력되고 있지 않습니다.
사진 첨부 한번 더 드립니다!
57 replies
TPToss payments 개발자 커뮤니티
•Created by 제인 on 5/17/2023 in #❓┃연동개발-문의
브랜드페이 문의드립니다.
안녕하세요. 저희는 front(vue)와 backend(spring boot) 를 다른 도메인을 사용하고 있습니다.
현재 redirectURL호출을 FE에서 진행하고 있기 때문에 응답받는 redirectURL 또한 FE를 호출하도록 하고,
FE에서 BE에 있는 api를 호출하는 방식으로 진행하면 되는걸까요?
지금 해당 방식으로 진행하고 있는데 응답 redirectURL로 설정한 페이지가 로드가 되지 않아 onMounted()에 찍은 console.log도 동작하고 있지 않습니다.
혹시 추가로 설정해야하거나 고쳐야할 부분이 있다면 말씀 주시면 감사하겠습니다.
- 요청 URL : localhost:3000/toss (FE)
- 응답 redirectURL : localhost:3000/toss/auth (FE) => 여기로 응답이 안오는걸로 보여짐
57 replies