웹소켓 기반 카카오톡 클론 iOS 채팅앱
https://github.com/SDC-OASIS/CocoTalk-iOS/blob/master/CodeGuide.md
CocoTalk 프로젝트를 받고 실행할 수 있는 방법
git clone git@github.com:SDC-OASIS/CocoTalk-iOS.git
cd CocoTalk
# Install dependencies from Podfile
pod install
open CocoTalk.xcworkspace
# You can edit codes and run build.카카오톡과 비슷한 채팅 UI 구현을 위해 UICollectionViewLayout을 커스텀한 MessageCollectionViewLayout를 만들어 사용했습니다.
| 프로젝트 팀 색 | 기존 카카오톡 색 |
|---|---|
 |
 |
(왼쪽은 팀 프로젝트 색, 오른쪽은 카카오톡 색 적용)
왼쪽과 오른쪽기기가 같은 아이디로 로그인 되는 모습입니다. 오른쪽이 더 최근에 로그인된 기기이므로 왼쪽은 알림경고창이 보인 후 로그아웃 됩니다.
- 앱이 켜져있고, 소켓에 연결되어 있을 때 현재 기기 검증 후 로그아웃
- 앱 새로 켜질 때 스플래시 뷰에서 현재 기기 검증 후 로그아웃
- 앱이 백그라운드에서 포그라운드로 전환될 때 현재 기기 검증 후 로그아웃
| 채팅방 생성 | 친구 추가 | 프로필 사진 확인 하기 | 프로필 사진 보기 |
|---|---|---|---|
 |
 |
 |
 |
데이터를 RxSwift와 RxMoya를 사용해서 비동기 네트워킹을 구현했습니다.
각 화면에서 데이터를 요청할 때 요청을 보낸 객체에서 결과 값을 subscribe하는 방법으로 구현했습니다. 데이터 요청하는 단계는 ViewController, ViewModel, Repository, Data networking 순서입니다.
채팅을 직접 주고 받는 소켓서버가 2개 이상으로 운영되기 때문에 채팅 관리 서버에서 어떤 소켓 서버로 연결할지 클라이언트에 알려줘야 했습니다. 그래서 클라이언트에서는 채팅 관리 서버에 연결할 소켓 서버 주소를 요청하고, 받은 주소로 소켓 서버에 연결합니다.
프로젝트에서 코코톡 서비스는 모바일 기기 1개, PC 웹 1개에서 총 2개의 기기만을 사용해서 로그인할 수 있습니다. 따라서 모바일 기기 "D"에서 로그인되었을 때 "D"를 제외한 다른 기기들에서는 로그아웃 되어야합니다. 이 기능을 구현한 로직의 순서도는 다음과 같습니다.
- D1 기기에서 아이디/비밀번호로 로그인한다. (기기는 백그라운드 상태나 꺼진 상태가 된다.)
- D2 기기에서 아이디/비밀번호로 로그인한다.
- D1 기기가 포그라운드 상태가 되면서 "/auth/device" api를 사용해서 현재 갖고 있는 액세스 토큰과 리프레쉬 토큰이 가장 최근 로그인된 디바이스에서 발행한 토큰인지 확인한다.
- 가장 최근에 로그인된 디바이스에서 발행한 토큰이 아닐 경우 인증 서버에서 유효하지 않은 토큰임을 알려주고, D1 기기가 갖고 있는 계정에 대한 토큰이 삭제되고, 로그아웃 처리된다.
- D1 기기에서 아이디/비밀번호로 로그인한다. (백그라운드이거나 꺼진 상태가 아닌 포그라운드 상태이다.)
- D2 기기에서 아이디/비밀번호로 로그인한다.
- D2를 제외한 다른 모바일 기기에서 유저A로 로그인 된 것을 로그아웃되게끔 소켓 메시지를 보내게 요청
- 유저A로 로그인된 D2를 제외한 모든 기기에 소켓으로 로그아웃 메시지를 보냅니다.
- D1은 소켓 메시지를 받고 로그아웃 처리를 수행한다.
StompClientLib만 Cocoapod을 사용하고 나머지는 Swift Package Manager를 사용합니다.
- IQKeyboardManager ~> 6.0.0
- SnapKit ~> 5.0.0
- Then ~> 2.0.0
- RxSwift ~> 6.0.0
- Kingfisher ~> 7.0.0
- Moya ~> 15.0.0
- SwiftKeychainWrapper ~> 4.0.0
- firebase-ios-sdk ~> 8.0.0
- StompClientLib ~> 1.4.1