현재 하이브리드앱(webapp)으로 카카오지도api를 이용하려고 합니다.
하이브리드 앱도 지원가능한가요?
혹시 지원이 가능하지 않으면 방법이 있는지 문의드립니다.
file://
프로토콜을 지원합니다.
디벨로퍼스 콘솔에 도메인등록으로 파일 프로토콜을 지정하시면
웹뷰에서 사용 가능합니다.
file 프로토콜을 어떻게 사용하는지 몰라서 여쭤봅니다.
다른 질문에서 답변을 file://YOUR_FILE_PATH을 사용하라고 봤는데 YOUR_FILE_PATH가 정확히 무슨 파일 path를 가리키는 건지 몰르겠습니다.
file path는 입력해도 결국 file://만 남을겁니다.
이 file:// 이 사이트 도메인에 등록되어 있으면 사용 가능합니다.
file://을 등록했는데 아직도 하얀 화면이 뜨고 있습니다.
localweb에서는 잘 나오는데 cordova로 apk로 실행 했을경우 kakao is not defined라고 뜹니다.
적용되는데 시간이 좀 걸리나요?
이거 때문에 며칠동안 고생하고있습니다 ㅠㅠ
적용은 바로 됩니다.
에러 로그를 확인할 수 있을까요?
에러는 kakao is not defined라고 뜹니다.
chrome console 창에는 Failed to load resource: net::ERR_FILE_NOT_FOUND라고 뜹니다.
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
이렇게 적으셨다면
<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
이렇게 https:을 붙여서 프로토콜을 명시해 주세요.
http하고 https 넣어도 되지 않습니다.
일단 kakao is not defined 라고 뜨는 것은,
https://dapi.kakao.com/v2/maps/sdk.js 이 스크립트가 실행되지 않은 것입니다.
크롬에서도 같은 증상이 확인된다면 네트워크 탭에서
해당 스크립트의 응답코드가 어떻게 나왔는지 확인 부탁드립니다.
크롬 웹에서는 잘 작동을 하지만 cordova를 이용해 apk로 했을 때는 스크립트를 가져오지 못하고 있습니다.
apk를 실행 후 chrome://inspect/을 이용하여 chrome console을 보았는데 Failed to load resource: net::ERR_FILE_NOT_FOUND라고 뜨고 있었습니다. (앱을 로드 한 뒤 들어갈 수 있는지라 네트워크 탭에서 볼 수가 없네요.)
위에 제가 말씀드린 조치들을 취하셨다면
특별히 kakao API 인증단에서 발생하는 문제는 없어 보입니다.
에러 메시지를 순수하게 해석하자면 파일이 없는거고
파일이 없다는 건, 앱 내부 파일 시스템에서 무엇인가를 찾지 못한겁니다.
그게 실제 html파일이 되었든, 스크립트가 되었든 말이죠.
앱에서 실제 임포트 한 리소스들의 파일명을 확인해 보세요.
cordova plugin whitelist를 추가하니 됐습니다.
1개의 좋아요