[KakaoTalk] KakaoTalk PC Prototype (4)

카카오톡 관련 포스팅을 영어로 하는데에 대한 불만들이 많으셔서 ㅋㅋ..
이번 포스팅은 한국어로 하도록 하겠습니다~ :D
사실 이번엔 카카오톡 분석에 대한것보다는 간단한 분석 (2~3시간)으로 만들 수 있는 프로토타입에 대해서 소개하고자 합니다. 제가 1편에서도 말씀드린것처럼, 카톡 개발자들이 상당히 구조를 잘 짜놨기 때문에, 프로토콜과 자료구조만 알면 사실 에뮬레이션 (예를들어, PC버전 카카오톡)을 하기가 정말 쉽게 되어있습니다.
일단 기기가 카카오톡 서버에 등록이 되고 나면 세션키라는 인증토큰이 모든 패킷에 들어가야합니다. 하지만 전편에서 말씀드린대로, (jailbreak 없이) 정상적인 방법으로는 세션키를 추출하기가 불가능에 가깝습니다. 그렇기 때문에, 현존하는 모바일기기의 계정을 그대로 PC에서도 사용하시려면 이 세션키를 먼저 추출하셔야합니다. 또 다른 방법으로는, 새로운 계정을 인증하는 방법이 있긴합니다만.. 모바일기기의 계정과 연결하기는 거의 불가능합니다 — PC버전용으로만 쓸 수 있는것이죠. 즉, 제가 앞으로 설명드릴 카카오톡PC는 세션키를 안다는 가정하에 진행하도록 하겠습니다.
세션키 추출 방법은 나중에 기회가 되면 다시 한번 포스팅을 하겠습니다만, jailbreak를 하신 폰이라면 SSL Bypass 편을 참고하시면 추출하실 수 있습니다. 유의하실 점은, 카카오톡의 유일한 인증 방식이 이 세션키이기 때문에 한번 유출되면 다른사람이 그 세션키 주인인척하고 모든 대화 및 프로필등을 도청 할 수 있다는것입니다.
=-=-=-=-=-=-=-=-=-=-=
그럼, 제가 날림으로 만든 카카오톡PC 프로토타입에 대해서 간략한 소개를 해드리겠습니다.
원래는 그냥 PoC (Proof of Concept: 된다는것을 증명하기 위해 최소 기능만 지원)용으로 만들기 시작한거라, 코드도 조잡하고 기능도 간단한것밖에 없었는데, 아무래도 요청하시는분이 많아서 릴리즈하기전에 조금 가다듬기 위해서 시간이 필요할것 같아, 아직은 릴리즈하지 않도록 하겠습니다.
[제 개인적으로 디자인적 감각이라던가, 윈도우 UI 개발을 해본적이 없기때문에.. 정말 기능적인요소만 추가되어있습니다….너무 실망마시길..ㅋㅋ]
처음 실행을 시키면 다음과 같은 창이 뜹니다:
사용자 삽입 이미지
세션키를 넣고 Verify 버튼을 누르면 카카오톡 서버에 등록되어있는 정상 세션키인지 검사를 합니다.
그리고 존재하는 세션키라면 다음의 메인화면으로 넘어가게 됩니다.
사용자 삽입 이미지
물론, 탭들을 이용해서 실제 카톡과 비슷하게 만들 수도 있었지만.. 그냥 한눈에 보는게 테스팅하기도 편하고 해서 일단 현재 디자인은 저렇습니다..
  • Friend Info: 이곳에는 오른쪽 자신의 친구리스트에서 선택된 친구의 정보가 보여지는곳입니다.
    사용자 삽입 이미지
      + Start Chat을 누르면 상대방과 채팅을 할 수 있도록 채팅창이 뜨고,
      + Delete을 누르면 친구를 삭제할 수 있습니다.
  • Menu: 아래쪽에 있는 메뉴에는 현재 지원하는 메뉴들이 있습니다.

      + Find Friend: 친구찾기 기능입니다. 디자인은 거의 카톡 기본 디자인과 흡사하게 만들어놨습니다.
    사용자 삽입 이미지
          – 찾을 ID를 넣고 Find를 누르면 그 아이디가 존재하고 찾기가 가능하게 되있다면,
            아래쪽 Friend Info에 사진, 닉네임, 아이디, status message등이 뜨게 됩니다.
          – Add를 누르면 현재 검색된 친구를 추가할 수 있습니다.

    사용자 삽입 이미지
            – 또한, 어디서든 프로필 사진이 있는곳 위에 클릭을 하면 원본사이즈의 프로필 사진을 보여줍니다.
               (새 창의 사진 아무데나 클릭하며 사라집니다.)

    사용자 삽입 이미지

      + My Profile 메뉴는 자신의 프로필을 볼 수 있고, 수정할 수 있습니다.
          (아직 사진수정 기능은 추가하지 않았습니다.)

    사용자 삽입 이미지
            – ID subject to Search 옵션은 서버에 저장만 해두고 현재 상태를 알려주지 않기때문에
              현재 어떤 상태인지 가져올 수 없습니다.. 수정하시고 싶다면 체크박스를 클릭하신 후
              업데이트 해주시면 됩니다.

  • Chatting: 아무래도 가장 중요한 기능 중 하나인 채팅은 현재 1:1 채팅만을 지원하고, 아이폰이나 안드로이드에서 지원해주는 Push notification 기능을 사용할 수 없기때문에, 매 3초마다 새로운 메세지가 있는지 체크해서 가져오도록 되어있습니다. 나중에 릴리즈할 버전에서는 이 interval을 조정하거나 수동으로 fetch해오도록 변경할 예정입니다. (너무 자주 fetch요청이 들어오면 카카오톡측에서 수상히 여기고 정지시킬 수 있기때문에..)
    사용자 삽입 이미지

    메세지 보내기

    사용자 삽입 이미지

    상대방에게 메세지가 잘 전달된 모습

    사용자 삽입 이미지

    상대방이 보낸 메세지가 잘 받아진 모습

    사용자 삽입 이미지

    KakaoTalk PC에서 한글로 보냈을때 잘 도착하는 모습

    사용자 삽입 이미지

    KakaoTalk PC 클라이언트에서 한글메세지를 잘 받는 모습

    사용자 삽입 이미지

    카카오톡 모바일에서도 푸쉬 알람이 뜨는 모습

대략 간단한 예제들을 보여드렸지만, 대부분 많이들 쓰시는 친구찾기/프로필수정/1:1대화 기능을 지원합니다.
바로 위의 스크린샷에서도 보실 수 있듯이 메세지를 받게 되면 KakaoTalkPC뿐만이 아니고 폰에서도 메세지를 확인할 수 있습니다.
이제는 이미지 파일 메세지 전송을 구현할 계획입니다만, 귀차니즘때문에 시작을 못하고 있네요..
아참. 제 프로그램에서도 모바일 카카오톡과 마찬가지로 모든 리퀘스트는 SSL을 통해서 하게됩니다.
그래서, 카카오톡pc를 사용하는 동안 누군가가 중간에서 packet sniffing을 해서 세션키를 훔치거나 메세지 변조등을 할 수 없습니다 :)
일단 요정도로 설명을 마치겠습니다. 필요한 기능인데 제가 잊은기능들이나 (전 카카오톡 헤비유져가 아니라..) 또는 이런게 있었으면 더 편하겠다 등.. 아이디어 있으시면 댓글로 남겨주시면 되겠습니다 — 물론 100% 다 구현은 못할 수도있지만..저도 학교일을 해야하므로..ㅋㅋ 최대한 첫 릴리즈에서 그 기능들을 추가하도록 하겠습니다.
그리고 마지막으로, 카카오톡PC 베타유져를 모집합니다..
(윈도우 UI 이쁘게 만드는 기술 전수해주실분도 환영입니다!)
관심있으신분들은 brianairb [at] gmail [dot] com 으로 이메일주시면 되겠습니다.
좋은 하루 되시길…

You may also like...

10 Responses

  1. binoopang says:

    정말 재밌는 작업을 하고 계시는 군요 ㅎㅎ

  2. 와딥 says:

    메..메일을 보냈는데 이름을 안적었다니!!!!!!!!! 읃아아앜아

  3. ddada says:

    is it possible also in philippines? and can you translate it to english? or maybe just a pictures from start→finish.. thanks

    • Cai says:

      Hey, thanks for visiting. I’m not planning on translating this article to any other languages, since I’ve already mentioned all technical details on other articles, which are in English. Maybe you can try google translate this page :p

  4. 꾼이 says:

    오홍~ 윈도우에서도 카톡을 할 수 있겠군요.
    전 블루스탁 클라우드 이용해서 한번 해보긴 했었는데, 이거 정식배포 되면 파장 크겠네요.
    지금쯤이면 거의 완성단계이려나요? ㅎ

    • Cai says:

      노노 ㅠㅠ 바빠서 그냥 때려쳤어 ㅋㅋㅋ

      근데 최근에 같이 플젝 참여해주시겠다는 분이 많아져서 다시 부활해볼까 생각중이긴해 ~

    • 꾼이 says:

      요즘 카카오톡 감옥 때문에 문제인가봐.
      형이 해결책 좀 찾아주세요~ ㅎㅎ

  5. 행인 says:

    제발 배포 가능하시길 바랍니다;; 여기가 거의 유일한 희망이네요 나머지 사이트는 모두 닫아서;;;

Leave a Reply

Your email address will not be published. Required fields are marked *