[이타인클럽앱] 도움 수락 화면

도움 요청 메시지가 오면 카카오택시앱 기사 화면처럼 도움을 수락할 건지 말건지 화면을 꾸며봤습니다.

기존 구현 코드로는 안돼서 이것저것 해봤는데 다행히 순조롭게 구현되었습니다.

앱이 백그라운드 상태일때나 꺼져 있는 상태에서 notification을 클릭하면 실제 앱 내버에서는 데이터 접근이 안되었는데, 옵션으로 data를 추가하면 됩니다. 야호. 큰 수정없이 구현되니 좋네요.

Cloud functions의 index.js파일에 notification 만드는 부분을 아래와 같이 수정합니다. notification과 별개로 추가적으로 data를 동일한 내용으로 만듭니다.

  // build push notification
  const payload = {
    notification: {
      title: '이타인클럽 도움요청',
      body: data.message
    },
    data:{
      title: "이타인클럽 도움요청",
      body: data.message
    },
  };

코드는 여기까지 올리고, 오늘은 구현 스크린샷만 올립니다.

1. 도움 요청 메시지가 왔습니다.

컴퓨터에 파란 화면이 떴어요 ㅜ.ㅜ

2. 메시지를 클릭하면 수락화면으로 넘어갑니다. 이 때 잔달된 메시지 내용도 함께요.

아직 UI도 많이 구리고 엉성하지만 기본 기능은 착실히 구현되고 있습니다. 앱이 포어그라운드, 백그라운드, 꺼져있을 때 모두 잘 동작합니다.

이전에 잠깐 말씀드린 백그라운드에서 노티피케이션 클릭없이 바로 앱을 실행시키는 것은 일단 구현하지 않으려고 합니다. 갑자기 노티없이 화면이 팍! 뜨면 좀 당황스러울 거 같아요. 생명과 관련된 긴급 도움의 경우는 필요할 수도 있겠네요.