ios에서 링크를 사용한 이미지가 나타나지 않는 문제

오동동에는 카카오톡을 이용한 소셜 로그인 서비스가 있다. 그런데 실 배포 후, ios 환경에서 카카오톡 로그인 시 프로필이 깨져서 나타나는 현상이 발생했다.

원인

현재 오동동은 보안 설정이 된 https주소를 사용하고 있는데, 카카오톡에서 프로필 이미지로 제공해주는 주소의 url은 http로 되어 있다.

해결

간단하게 http로 되어 있는 주소를 https로 변경해서 해결하였다!
해당 주소를 변환하는 로직은 따로 분리해여 다른 곳에서도 재사용이 가능하도록 했다.

httpToHttps(imageUrl: string) {
  return imageUrl.replace('http', 'https');
}