BLOG
AWS Amplify는 클라우드 서비스를 사용하기 위한 서술문의 JavaScript 라이브러리입니다. 이 솔루션에는 React Native Application 생성을 위한 지원이 내장되어 있습니다. React Native의 Push 알림을 위해, AWS Amplify는 AWS Mobile Hub에 사용이 간편한 클라이언트 API 및 백엔드 구성을 도입했습니다. AWS Amplify JavaScript 라이브러리의 최신 버전은 React Native에서 Push 알림을 지원하도록 개선되었으며 사용자 인증을 위한 지원 향상을 포함하고 있습니다.
React Native 앱에 대한 푸시 알림을 사용하도록 설정하면 이는 후에 백엔드를 구성하고, 앱을 구성한 후 Push Notification API를 사용하여 코드의 알림 메시지를 처리하도록 돕습니다.
Mobile Hub으로 백엔드 구성하기
푸시 알림은 iOS용 Apple APN (Push Notification 서비스), Android용 FCM (Firebase Cloud 메시징) 및 Amazon ADM(Amazon Device 메세징)과 같은 푸시 알림 서비스를 통해 생성됩니다. AWS Mobile Hub와 Amazon Pinpoint를 사용하면 앱에서 여러 벤더의 SDK를 사용하지 않고도 이러한 서비스를 조정하고 모든 모바일 장치에 푸시 메시지를 전송할 수 있습니다.
- 앱에서 Push 메시지를 전송하려면, 다음 단계를 따라주세요.- 플랫폼 Push 알림 시스템 (APN, FCM 또는 ADM)에 우선 App을 등록합니다. 그리고는 다음 단계에서 사용할 수 있도록 등록 키 및 인증 정보를 저장하세요.
– Mobile Hub의 프로젝트에 ‘메세징 및 분석’을 추가합니다.
– Mobile Hub의 관련 통지 서비스에 대한 푸시알림 인증 정보를 업데이트합니다.
– Mobile Hub에서는 앱에 필요한 AWS리소스를 자동으로 프로비저닝 합니다. Amazon Pinpoint 프로젝트가 생성되어 앱 백엔드에 통합됩니다.
추후에 Amazon Pinpoint 콘솔에서 모바일 푸시 알림에 대한 캠페인을 생성할 수 있습니다. Amazon Pinpoint 캠페인에 대한 자세한 내용은 Amazon Pinpoint User Guide 를 참조하세요.
React Native 앱 구성하기
모바일 기기에서 알림을 수신하고 처리하려면 애플리케이션도 구성해야 합니다. iOS 및 Android의 경우, 필수 구성 매개 변수가 서로 다릅니다. AWS Amplify notifications setup guide의 알림 설정 지침을 따르십시오.
알람 테스트 & 트랙킹 하기
필요한 구성으로 React Native 앱을 구성한 후에는 이제 앱에서 알림을 보내고 받을 준비가 되어있을 겁니다. Amazon Pinpoint 콘솔을 사용하여 메시지를 직접 보내거나 나중에 보내도록 예약할 수 있는 캠페인을 생성할 수 있습니다.
사용자 앱에서 알림을 받을 때 AWS Amplify는 사용자 지정 동작을 추가하는 데 사용할 수 있는 두 개의 핸들러를 제공합니다. 다음 코드 샘플은 Android 기기에서의 알림 페이로드를 표시합니다.
개발자는 메시지 페이 로드 정보를 사용하여 사용자 지정 캠페인 흐름을 만들거나 캠페인 관련 정보를 수집할 수 있습니다. 캠페인 통계는 Amazon 콘솔에 표시됩니다. 콘솔에 전송 속도, 알림을 받은 후 앱을 오픈하는 유저 비율과 같은 유용한 정보가 표시됩니다.
결재 개선
AWS Amplify는 푸시 알림 지원 외에도 Amazon Cognito의 연합 ID 및 사용자 지정 사용자 특성에 대한 로그인과 같은 권한 향상 기능을 추가했습니다.
연합 ID는 개발자가 웹사이트 용 자바 스크립트 기반 응용 프로그램에 구글, 페이스북 및 아마존 소셜 로그인을 통합할 수 있도록 해줍니다. 사용자 지정 유저 속성에 대한 지원을 통해 개발자가 앱에서 사용자 지정 유저 속성을 만들고 업데이트하며 사용자 정보를 광범위하게 관리할 수 있습니다.
기타 기능
이 AWS Amplify 릴리스의 추가 기능은 다음과 같습니다.
– React 용의 사용자 지정 가능한 인증부호 구성 요소
– Amazon API 게이트웨이를 사용하여 사용자 지정 도메인 및 로컬 엔드포인트 지원
– Type Script의 유형 정의 개선
Amplify에 대한 자세한 내용은 개발자 설명서를 참고하십시오.
원문 URL: https://aws.amazon.com/ko/blogs/mobile/aws-amplify-adds-support-for-push-notifications-in-react-native-and-provides-new-features-for-user-authentication/
** 메가존 TechBlog는 AWS BLOG 영문 게재글중에서 한국 사용자들에게 유용한 정보 및 콘텐츠를 우선적으로 번역하여 내부 엔지니어 검수를 받아서, 정기적으로 게재하고 있습니다. 추가로 번역및 게재를 희망하는 글에 대해서 관리자에게 메일 또는 SNS페이지에 댓글을 남겨주시면, 우선적으로 번역해서 전달해드리도록 하겠습니다.