[iOS - swift] 4-1) RIBs 튜토리얼 (RIB template, 기능 추가, storyboard 사용

템플릿 세팅

• git clone: github.com/uber/RIBs
• 템플릿 설치

$ cd RIBs/ios/tooling 

 

$ /install-xcode-template.sh

• Xcode의 템플릿 확인

튜토리얼의 RIB 트리

https://github.com/uber/RIBs/wiki/iOS-Tutorial-2

LoggedOut RIB 추가

* storyboard를 사용할 경우, 아래 "RIBs에서 storyboard 사용 방법" 참고

• LoggedOutBuilder
  • LoggedOutBuildable protocol을 사용하여 mock을 만들 수 있는 구성
• LoggedOutInteractor
  • LoggedOutRouting protocol로 Router와 통신
  • LoggedOutListener protocol은 Router와 연결되어 있으며 Router에서 부모 RIB에 데이터 전달
  • LoggedOutPresentable protocol로 ViewController와 통신
  • Interactor 단위로 유닛 테스트 가능
• LoggedOutRouter
  • LoggedOutInteractable protocol로 Interacter와 통신
  • LoggedOutViewController로 ViewController와 통신
• LoggedOutViewController
  • LoggedOutPresentableListener로 Interactor와 통신

LoggedOutViewController

* code: raw.githubusercontent.com/uber/ribs/assets/tutorial_assets/ios/tutorial1-create-a-rib/source/source1.swift

로그인 로직 추가

유저가 LoggedOutViewController의 Login 버튼 터치 터치한 것을 LoggedOutPresentableListener에게 알림 Listener가 login request 처리

• login버튼을 눌렀을 때 interactor에서 사용할 login기능 정의

// LoggedOutViewController.swift

protocol LoggedOutPresentableListener: class {
    func login(withPlayer1Name player1Name: String?, player2Name: String?)
}

• login기능 정의

// LoggedOutInteractor.swift

func login(withPlayer1Name player1Name: String?, player2Name: String?) {
    let player1NameWithDefault = playerName(player1Name, withDefaultName: "Player 1")
    let player2NameWithDefault = playerName(player2Name, withDefaultName: "Player 2")

    print("\(player1NameWithDefault) vs \(player2NameWithDefault)")
}

private func playerName(_ name: String?, withDefaultName defaultName: String) -> String {
    if let name = name {
        return name.isEmpty ? defaultName : name
    } else {
        return defaultName
    }
}

• 버튼을 누른 이벤트 처리: Interactor에서 처리하게끔

// LoggedOutViewController.swift

@objc private func didTapLoginButton() {
    listener?.login(withPlayer1Name: player1Field?.text, player2Name: player2Field?.text)
}

RIBs 에서 storyboard 사용 방법

• RIB 생성 시  "Adds Storyboard file" 체크

• storyboard 파일에 UI 추가 및 Storyboard ID 추가

• viewController를 얻는 방법 수정: 일반class가 아닌 storyboard에서 viewController를 가져오도록

// LoggedOutBuilder.swift

    func build(withListener listener: LoggedOutListener) -> LoggedOutRouting {
        let component = LoggedOutComponent(dependency: dependency)
//        let viewController = LoggedOutViewController()
        let storyboard = UIStoryboard(name: "LoggedOutViewController", bundle: nil)
        let viewController = storyboard.instantiateViewController(identifier: "LoggedOutViewController") as? LoggedOutViewController ?? LoggedOutViewController()

        let interactor = LoggedOutInteractor(presenter: viewController)
        interactor.listener = listener
        return LoggedOutRouter(interactor: interactor, viewController: viewController)
    }

• 화면

* 참고

github.com/uber/RIBs/wiki/iOS-Tutorial-1