[iOS/Swift]카카오톡 공유하기 구현 1.이미지 URL 설정 + FileManager에 UIImage 저장

우리 서비스 roome는 방탈출 프로필을 생성하는 것이 가장 주된 기능이다. 때문에 이 프로필을 다른 사람들에게 공유하는 것이 필수였다. 네이버, 인스타 등 여러 가지 매체를 고민했는데 프로필 이미지를 보여주면서 클릭 시 우리 앱으로 연결을 하는 것에는 카카오만이 적합하다는 결론이 나와 카카오톡 공유하기만 사용하기로 했다.

1. 흐름

공유하기가 이루어지는 과정은 다음과 같다. 

-----보내는 이-----

1. 사용자가 ViewController에서 공유하기 버튼을 누른다. 

2. ViewModel에서 KakaoShareApi를 사용해 공유용 템플릿을 생성하고, 전달한다. 

3. 전달 후 되돌아온다.

-----받는 이-----

1. 확인하러 가기 버튼을 누른다.

2. -1) 앱 미설치 시 카카오 디벨로퍼스의 플랫폼에 설정된 iOS 마켓으로 이동한다.

    -2) 앱 설치 시

          -a) background:  SceneDelegate의 openURLContexts가 실행된다.

          -b) Suspended: SceneDelegate의 willConnectTo에서 분기 처리하여 urlContexts가 있다면 openURLContexts를 호출한다. 

2. 이미지 URL

보여지는 것은 위와 같다. 

1. 생성한 프로필 이미지

2. Title = $(NICKNAME)님의 방탈출 프로필 도착! 

3. Description = 지금 바로 루미에서 확인해 보세요.

4. Button = 확인하러 가기

이때 프로필 이미지를 넣는 것이 문제였다. 카카오톡 공식 페이지를 보면 다음과 같은 설명이 있다.

메시지에 넣을 이미지는 URL 형태로 메시지 템플릿 구성 시에 첨부하거나, 메시지 템플릿 도구에서 미리 업로드할 수 있습니다. 기기에 저장된 이미지 파일은 서버에 업로드하고 이미지 파일 URL 값을 구해야 메시지 전송에 사용할 수 있습니다. 이미지 파일 URL을 구하기 어려운 경우, 웹 페이지 속 이미지 파일을 카카오 서버로 업로드하거나 스크랩해두는 기능을 이용할 수 있습니다. 파일 용량 5MB 이하 이미지만 업로드할 수 있습니다. 카카오 서버에 업로드된 이미지는 최대 100일간 보관되고, 기간이 지나면 자동으로 삭제됩니다.

우리는 서버에서 이미지 파일을 가지고 있지 않으므로 이미지 파일을 카카오 서버에 업로드 하여 반환해주는 url을 사용하는 방법으로 구현하였다.

이때 생성된 프로필 카드 이미지를 가져오기 위해 FileManager를 사용하였다. ImageManager를 만들어 FileManager에 저장하거나 가져와서 사용할 수 있도록 구현하였는데, 프로필 카드 ViewController에서 이미지를 생성하면 그 이미지를 Data로 변환하여 FileManager에 저장하고 카카오톡 서버에 업로드하기 위해 이미지가 필요할 때 ImageManager에서 다시 UIImage로 변환하여 반환해준다.

class ImageManager {
    enum Identifiers: String {
        case squareCard = "squareCard"
        case rectangleCard = "rectangleCard"
    }
    
    //Data로 변환하여 FileManager에 저장. 
    class func saveImageToDirectory(identifier: Identifiers, image: UIImage?) {
        let documentsDirectory = FileManager.default.urls(for: .documentDirectory,in: .userDomainMask).first!
        let imageName = identifier.rawValue
        let fileURL = documentsDirectory.appendingPathComponent(imageName, conformingTo: .png)
        
        do {
            if let imageData = image?.pngData() {
                try imageData.write(to: fileURL)
                print("Image saved at: \(fileURL)")
            }
        } catch {
            print("Failed to save images: \(error)")
        }
    }
    
    //FileManager에서 찾아서 Data를 다시 UIImage로 변환
    class func loadImageFromDirectory(identifier: Identifiers) -> UIImage? {
        let fileManager = FileManager.default
        let documents = fileManager.urls(for: .documentDirectory, in: .userDomainMask).first!
        let fileURL = documents.appendingPathComponent(identifier.rawValue, conformingTo: .png)
        
        guard fileManager.fileExists(atPath: fileURL.path) else {
            return nil
        }
        
        return UIImage(contentsOfFile: fileURL.path)
    }
}

//카카오 서버에 이미지 업로드
private func updateImageToKakaoServer() {
	//ImageManager를 사용해 FileManager에 저장되었던 이미지 받아옴
    let image = ImageManager.loadImageFromDirectory(identifier: .squareCard)
        
    if let profileImage = image {
    	//해당 이미지를 카카오 공유 서버에 업로드
        ShareApi.shared.imageUpload(image: profileImage) { (imageUploadResult, error ) in
            if let error = error { //업로드 실패
                print(error)
            } else { //업로드 성공
            print("imageUpload() success.")
            
            //업로드 성공 후 해당 url response 받음.
            let url = imageUploadResult?.infos.original.url
            
            //사용할 템플릿에 전달
            self.useCustomTemplate(imageURL: url)
            }
        }
    }
}

https://apps.apple.com/kr/app/roome/id6503616766

‎roome