Flutter를 사용하여 처음부터 WhatsApp 복제본 만들기

Statista에 따르면 2020년 약 27억 7천만 명의 휴대전화 사용자가 OTT(Over-The-Top) 메시징에 액세스하여 통신했으며 이 수치는 2022년에는 30억 명의 사용자에 이를 것으로 예상됩니다. 이 중 WhatsApp은 전 세계적으로 가장 인기 있는 모바일 메신저 앱이었습니다. 주로 선점 이점과 사용자 친화적인 인터페이스로 인해 20억 명 이상의 사용자가 있습니다.

그러나 WhatsApp의 개인 정보 보호 정책에 대한 최근 업데이트에 대한 우려로 인해 many users and businesses are on the lookout for alternatives . WhatsApp의 정책 업데이트가 보안에 미치는 영향에 대해 자세히 알아보려면 당사previous blog post를 확인하십시오.

Applzozic의 직관적인 chat SDKs 및 platform APIs 덕분에 WhatsApp에 대한 자신만의 채팅 대안을 매우 쉽게 구축할 수 있습니다! 코드를 살펴보기 전에 채팅 메신저 앱을 구현하는 데 사용할 프레임워크에 대해 논의해 보겠습니다.

왜 플러터인가?

2018년 Google에서 출시한Flutter은 단일 코드베이스에서 고성능 모바일, 웹 및 데스크톱 애플리케이션을 개발하기 위한 무료 오픈 소스 SDK입니다.

Flutter의 흥미로운 기능layered structure은 개발자가 성능 저하 없이 훨씬 적은 시간과 노력으로 사용자 정의가 가능하고 매력적인 앱을 빌드할 수 있게 해줍니다. 또한 Flutter에서는 밀리초 내에 코드베이스의 즉각적인 변경 사항을 반영하는hot reload feature 덕분에 새로운 기능을 실험하고 오류를 디버깅하는 것이 훨씬 빠릅니다.

Flutter는 더 높은 성능과 유연한 UI로 인해 React Nativemany companies have started to migrate to Flutter와 같은 기존의 동시대 프레임워크에 비해 상대적으로 새로운 크로스 플랫폼 앱 개발 프레임워크입니다.

Flutter를 사용하여 앱용 UI를 만드는 방법에 대한 이 문서Applozic Flutter SDK에서 here’s a simple tutorial을 사용하여 앱의 채팅 기능 코드 구현에 대해서만 자세히 알아볼 것임을 유의하십시오.

새 애플리케이션 생성 및 종속성 설정

flutter.dev에는 Flutter를 사용하여 첫 번째 애플리케이션을 만드는 방법에 대한 포괄적인 시작 자습서가 있습니다. Applozic SDK를 사용하여 통합할 준비가 되면 다음 단계를 따르십시오.

I. 설치

pubspec.yaml 파일에 다음 종속성을 추가합니다.

dependencies:
  # other dependencies
applozic_flutter: ^0.0.4

2. 아래와 같이 패키지를 설치합니다.

flutter pub get

3. .dart 파일에서 applozic_flutter를 가져와서 Applozic의 메서드를 사용합니다.

import 'package:applozic_flutter/applozic_flutter.dart';

II. 입증

로그인

Applozic 사용자 개체를 생성하고 아래와 같이 login() 함수에 전달합니다.

dynamic user = {
      'applicationId': "<APPLICATION_ID>",   //Mandatory
      'userId': userId.text,                 //Mandatory
      'displayName': displayName.text,
      'password': password.text,
      'authenticationTypeId': 1              //Mandatory
  };

ApplozicFlutter.login(user).then((response) {
      print("Login success : " + response)
    }).catchError((error, stack) =>
      print("Error while logging in : " + error.toString()));

한 번 로그인한 사용자는 로그아웃한 후에만 새로운 로그인이 허용된다는 점에 유의하십시오. 이 코드를 사용하여 사용자가 이미 로그인했는지 확인하십시오.

ApplozicFlutter.isLoggedIn().then((isLoggedIn) {
        if (isLoggedIn) {
          //The user is logged in
         } esle {
          //The user is not logged in
         }
     });

로그인한 사용자 세부 정보 업데이트

아래와 같이 로그인한 사용자 세부 정보를 업데이트할 수 있습니다.

  dynamic user = {
                    'displayName': '<New name>'
                    'imageLink': '<New Image URL>'
                  }

  ApplozicFlutter.updateUserDetail(user)
                        .then(
                            (value) => print("User details updated : " + value))
                        .catchError((e, s) => print(
                            "Unable to update user details : " + e.toString()));

로그인한 사용자 ID 가져오기

아래와 같이 로그인한 사용자의 userID를 얻을 수 있습니다.

  ApplozicFlutter.getLoggedInUserId().then((userId) {
      print("Logged in userId : " + userId);
    }).catchError((error, stack) {
      print("User get error : " + error);
   });

Applozic 블로그에서 이 튜토리얼을 계속하세요!

통합을 계속할 수 있도록 our blog에서 사용할 수 있는 코드 스니펫이 포함된 자세한 자습서가 있습니다!

Click here 방법을 알아보세요.

응용 프로그램에서 푸시 알림 설정

대화 화면을 실행하고 메시징을 시작하십시오!

아래 의견에 피드백과 의심을 남겨주세요.