[JavaScript] location.href 사용하기

Q. 결제완료 후 url이 https에서 http로 변경됩니다. https로 수정해주세요.

 

쇼핑몰 프로젝트 진행중 카카오페이 결제를 완료하고 난 뒤 url이 https에서 http로 바뀌는 오류가있었다.

결제 성공시 서버쪽에서 리다이렉트 URL로  결제 성공 URL을 리다이렉트 시켜주고있었는데 http로 연결이되어서

프론트엔드 쪽에서 https로 바꿔버렸다. 바로 코드를 보자.

 

사용방법은 간단하다.

연결하고자 하는 링크를 location.href = '링크' 이렇게 사용하면 된다.

// params.id는 서버에서 준 리다이렉트 url에서 id값을 가져온것이다.
// 하나의 예시일뿐 사용자가 원하는 링크를 넣어주면 된다.

location.href = `https://www.test.com/purchase/${params.id}`

앞에 https를 붙여줌으로써 http로 리다이렉트되던것을 수정해주었다.

 

※ 추가로, 저번 포스팅에서 새창을 띄우지않고 결제를 진행하는 방법도 location.href를 사용하면 된다.

밑에 예시 코드를 첨부 하겠다.※

//Angular 클래스형에서 예제코드 작성 

export class PaymentComponent implements OnInit {
  	
    //결제 요청 함수
    async onPayment(){
        try{
          // 결제를 요청하는 로직 payment라는 api요청 함수가 있다고 가정
          // 결제를 요청한뒤 리턴값 (리다이렉트 url인 redirectUrl) 을 res변수에 받아옴
          const res = await this._api.payment();
          // 새창을 띄우는 방식
          this.openKakaoUrl = window.open(res.data,"child","about:blank")

          //새창을 띄우지않는 방식
          location.href= res.redirectUrl

          //주문 상태값을 가져오기위한 함수실행
          this.pollingData();
        }catch(e){
          console.log(e);
        }
    }
    
}