코딩으로 채팅 애플리케이션 만드는 방법

안드로이드 기반 채팅 애플리케이션 개발하기

오늘은 안드로이드 플랫폼에서 채팅 애플리케이션을 구축하는 방법에 대해 알아보겠습니다. Firebase를 활용하면 간편하게 실시간 채팅 기능을 구현할 수 있습니다. Firebase는 구글이 제공하는 클라우드 서비스로, 다양한 기능을 지원하여 많은 개발자들이 애용합니다. 본 가이드는 실시간 데이터베이스를 이용하여 기본적인 채팅 기능을 구현하는 과정에 대해 설명합니다.

Firebase 프로젝트 생성하기

먼저 Firebase 웹사이트에 접속하여 프로젝트를 생성해야 합니다. 프로젝트를 새로 만들거나 기존에 만든 프로젝트에 추가할 수 있습니다. 이 과정에서는 SDK를 설정하고 필요한 파일을 다운로드 받는 것이 중요합니다.

• Firebase 콘솔에 로그인 후 새로운 프로젝트를 생성합니다.
• 프로젝트 설정에서 google-services.json 파일을 다운로드합니다.
• 이 파일을 안드로이드 스튜디오의 app 디렉토리에 위치시킵니다.

필요한 라이브러리 추가하기

Firebase를 사용하기 위해 필요한 라이브러리를 build.gradle 파일에 추가해야 합니다. 다음의 의존성을 추가하여 Firebase의 기능을 이용할 수 있도록 설정합니다.

dependencies {
  implementation 'com.google.firebase:firebase-database:16.+'
  implementation 'com.google.firebase:firebase-auth:16.+'
}

또한 구글 서비스 플러그인을 추가하여 Firebase 기능을 사용할 수 있도록 합니다.

apply plugin: 'com.google.gms.google-services'

인터넷 권한 설정하기

애플리케이션이 인터넷에 접근할 수 있도록 권한을 설정해야 합니다. AndroidManifest.xml 파일에 다음과 같은 코드를 추가합니다.

Firebase 실시간 데이터베이스 규칙 설정하기

Firebase 콘솔에 들어가서 데이터베이스 규칙을 설정해야 합니다. 이 설정은 데이터에 대한 읽기 및 쓰기 권한을 정의합니다. 다음과 같은 규칙을 추가하면 모든 사용자에게 데이터에 대한 접근을 허용할 수 있습니다.

{
 "rules": {
  ".read": true,
  ".write": true
 }
}

소스 코드 작성하기

이제 본격적으로 애플리케이션의 소스 코드를 작성해 보겠습니다. 간단한 1:1 대화 기능을 갖춘 채팅 앱을 만들 것입니다. ChatMessageDTO라는 데이터를 담는 객체를 생성합니다.

public class ChatMessageDTO {
  private String userName;
  private String message;
  public ChatMessageDTO() { }
  public ChatMessageDTO(String userName, String message) {
    this.userName = userName;
    this.message = message;
  }
  public String getUserName() {
    return userName;
  }
  public void setUserName(String userName) {
    this.userName = userName;
  }
  public String getMessage() {
    return message;
  }
  public void setMessage(String message) {
    this.message = message;
  }
}

이제 UI를 구현해야 합니다. 화면에는 메시지를 입력할 수 있는 EditText와 전송 버튼이 필요합니다. 이를 위해 MainActivity.java에 다음과 같은 코드를 추가합니다.

private FirebaseDatabase firebaseDatabase;
private DatabaseReference databaseReference;
@Override
protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  firebaseDatabase = FirebaseDatabase.getInstance();
  databaseReference = firebaseDatabase.getReference();
  sendBtn.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
      ChatMessageDTO chatData = new ChatMessageDTO("사용자A", msgText.getText().toString());
      databaseReference.child("message").push().setValue(chatData);
      personTextA.setText(msgText.getText().toString());
      msgText.setText("");
    }
  });
  databaseReference.child("message").addChildEventListener(new ChildEventListener() {
    @Override
    public void onChildAdded(DataSnapshot dataSnapshot, String s) {
      ChatMessageDTO chatData = dataSnapshot.getValue(ChatMessageDTO.class);
      personTextB.setText(chatData.getMessage());
    }
    // 생략: 다른 콜백 메서드들
  });
}

Flutter 기반 채팅 애플리케이션 개발하기

이어지는 부분에서는 Flutter를 이용한 채팅 앱 개발에 대해 설명하겠습니다. Flutter는 다양한 플랫폼에서 앱을 개발할 수 있는 프레임워크로, 코드의 재사용성과 빠른 개발이 강점입니다.

Flutter 프로젝트 생성하기

Flutter SDK를 설치한 후 새로운 프로젝트를 만들고 필요한 패키지를 추가합니다. Firebase와 관련된 패키지를 pubspec.yaml에 추가하여 Firebase의 기능을 사용할 수 있도록 준비합니다.

dependencies:
 firebase_core: ^1.10.0
 cloud_firestore: ^3.1.0

메시지 표시 위젯 구현하기

채팅 메시지를 표시할 위젯을 생성합니다. Messages 클래스를 만들고 Firebase Firestore에서 실시간으로 메시지를 받는 기능을 구현합니다.

class Messages extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
  return StreamBuilder(
   stream: FirebaseFirestore.instance.collection('chat').snapshots(),
   builder: (BuildContext context, AsyncSnapshot>> snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
     return Center(child: CircularProgressIndicator());
    }
    final chatDocs = snapshot.data!.docs;
    return ListView.builder(
     itemCount: chatDocs.length,
     itemBuilder: (context, index) {
      return Text(chatDocs[index]['text']);
     },
    );
   },
  );
 }
}

메시지 전송 기능 구현하기

이제 메시지를 입력할 수 있는 입력란을 만들어보겠습니다. 사용자가 입력한 메시지를 Firebase에 저장하는 기능을 구현해야 합니다.

class NewMessage extends StatefulWidget {
 @override
 State createState() => _NewMessageState();
}
class _NewMessageState extends State {
 var _userEnterMessage = '';
 @override
 Widget build(BuildContext context) {
  return Container(
   margin: EdgeInsets.only(top: 8),
   padding: EdgeInsets.all(8),
   child: Row(
    children: [
     Expanded(
      child: TextField(
       decoration: InputDecoration(labelText: 'Send a message...'),
       onChanged: (value) {
        setState(() {
         _userEnterMessage = value;
        });
       },
      ),
     ),
     IconButton(
      icon: Icon(Icons.send),
      onPressed: _userEnterMessage.trim().isEmpty ? null : () {
       FirebaseFirestore.instance.collection('chat').add({"text": _userEnterMessage});
       _userEnterMessage = '';
      },
     ),
    ],
   ),
  );
 }
}

결론

이번 글에서는 안드로이드와 Flutter 기반의 채팅 애플리케이션을 제작하는 방법에 대해 살펴보았습니다. Firebase를 활용하면 실시간 데이터 전송이 가능해지므로 다양한 기능을 손쉽게 구현할 수 있습니다. 이 과정을 통해 실시간 애플리케이션의 기본적인 구조와 라이브러리의 사용법에 대해 익힐 수 있었습니다.

자주 묻는 질문 FAQ