Access token 발급 과정 중 localhost:4000 redirect에서 연결 거부하는 현상

문의 시, 사용하시는 개발환경과 디벨로퍼스 앱ID를 알려주세요.
___ 앱ID: 1020402

안녕하세요
access token, refresh token 발급을 위해 매뉴얼따라서 진행하는 중입니다. ([rest api 예제] node.js- 카카오 로그인, 카카오 친구목록 조회, 나에게 메시지 발송)
localhost:4000 웹 서버 띄우고 첫 웹 페이지 진입은 성공, 카카오 로그인까지는 진행되는데
2차 인증 후에 계속하기 버튼을 클릭하면 아래와 같은 에러 메시지가 뜹니다.

사이트에 연결할 수 없음

localhost에서 연결을 거부했습니다.

웹은 파이어폭스에서 실행하였고,
웹 서버는 정상 동작하고 있습니다.

예제 파일 그대로 실행하면 localhost:4000 실행이 안되어서
demo.js 파일에

app.get(‘/’, function(req, res){
res.sendFile(path.join(path.resolve(), ‘./demo.html’))
});

위 구문 추가하였습니다.

문제 해결 액션 알려주시면 따라해보겠습니다. 확인 부탁드립니다!

안녕하세요.

해당 예제는 / 라우팅 코드가 포함되어 있지 않습니다.
첫 진입점은 authorize 입니다.

/ 라우팅 코드 제거하고
https://localhost:4000/authorize
로 진입하였습니다.

2차 인증 진행 화면까지 확인하였고, 카카오톡 어플에서 2차 인증 확인 후 계속하기 버튼을 누르면
아래와 같은 에러메시지가 계속 뜹니다.

연결할 수 없음

Firefox가 localhost 서버에 연결할 수 없습니다.

서버는 떠있는데 여기서 더 어떻게 넘어가야 할까요?

해당 오류 발생할 때 브라우저 주소창에 표시된 URL은 어떤것인가요?

브라우저 주소창에 표시된 url입니다.
http://localhost/demo.html

포트가 없어서 발생하는 에러 같아서 /redirect 에 localhost:4000 추가하면 아래와 같이 나옵니다.

demo.js 내의 res.status(302).redirect(${origin}/demo.html); 코드 수정해서 사용 부탁드립니다.

res.status(302).redirect(`${origin}/demo.html`);
->
res.status(302).redirect(`${origin}:4000/demo.html`);

조금 다르게 하기는 했습니다.
demo.js에서 /redirect router에
rtn.access_token, rtn.refresh_token 프린트해서 값 얻기는 했습니다.

서버에서 광고 성과 report 발행하기 위하여 해당 토큰 2개를 파라미터로 넘겼는데
KOE010 bad client credentials 에러가 발생합니다.

잘못 발행한 토큰을 사용한건가요??

가이드주신대로 아래와 같이 router 수정했습니다.
res.status(302).redirect(“http://localhost:4000/demo.html”);

결과는 위에 하얀색 캡쳐화면처럼 나옵니다.

demo.js 내용 공유 부탁드립니다.

서버에서 api call 할 때 파라미터를 잘못넣었습니다.
발급한 refresh_token으로 정상 동작중입니다.

도움주셔서 감사합니다!