Add Comments to Your React Native App

이는 FastComments의 공식 React Native SDK입니다.

React Native 애플리케이션을 위한 FastComments SDK

저장소

설치

npm install fastcomments-react-native-sdk --save

소개

이 라이브러리는 FastComments에 대한 완전한 react-native 구현체입니다.

실시간 댓글(live commenting), 채팅(chat), 스레드(threads), 이모티콘(emoticons), 알림(notifications), SSO, 스킨(skins)을 지원하며 스타일시트 객체(stylesheet object)를 전달하여 완전한 커스터마이징이 가능합니다. 모든 자산(assets)도 사용자화할 수 있으며, 다크 모드에 따라 서로 다른 자산을 전환하는 기능을 지원합니다.

이 라이브러리의 장점은 fastcomments-react-native 래퍼보다 더 유연하다는 점입니다. 댓글은 웹뷰 내부가 아니라 네이티브 컴포넌트로 렌더링됩니다. 참고: 리치 텍스트 에디터(@10play/tentap-editor)의 전이적 종속성으로 react-native-webview가 여전히 필요합니다.

모든 것은 FastComments 백엔드에서 실행되므로 UI만 통합하면 됩니다:

<FastCommentsLiveCommenting config={config} styles={styles} callbacks={callbacks} assets={assets}/>

자세한 예시는 example/src 를 참조하세요.

기존 React Native 애플리케이션에 실시간 채팅을 추가하거나, 심지어 소셜 네트워크를 구축해 보세요!

스크린샷

스킨: Erebus

스킨: Default

이미지 지원 네이티브 WYSIWYG 편집기!

이미지 지원 네이티브 WYSIWYG 편집기

리치 텍스트 편집기

이 라이브러리는 강력한 WYSIWYG 편집 경험을 제공하는 10tap 에디터를 리치 텍스트 편집 기능으로 사용합니다.

구성 옵션

이 라이브러리는 웹 구현과 마찬가지로 fastcomments-typescript에 정의된 모든 구성 옵션을 지원하는 것을 목표로 합니다.

FastComments 개념

시작하기 위해 알아야 할 주요 개념은 tenantId와 urlId입니다. tenantId는 FastComments.com 계정 식별자입니다. urlId는 댓글 스레드가 연결될 위치입니다. 이는 페이지 URL, 제품 ID, 기사 ID 등일 수 있습니다.

사용자 알림

FastComments는 다양한 시나리오에 대한 알림을 지원합니다. 알림은 구성 가능하며, 전역 또는 알림/댓글 수준에서 수신 거부할 수 있고, 페이지 수준 구독을 지원하여 사용자가 특정 페이지나 기사 스레드에 구독할 수 있습니다.

예를 들어, Secure SSO를 사용하여 사용자를 인증한 다음 정기적으로 읽지 않은 알림을 폴링하고 이를 사용자에게 푸시할 수 있습니다.

읽지 않은 사용자 알림을 가져오고 변환하는 방법은 예제 AppNotificationSecureSSO를 참조하세요.

GIF 브라우저

기본적으로 이미지나 GIF 선택은 활성화되어 있지 않습니다. 이미지 및 GIF 업로드를 지원하는 방법은 example/src/AppCommentingImageSelection.tsx를 참조하세요. 이 라이브러리에는 검색 및 제공된 이미지를 익명화하는 GIF 브라우저가 포함되어 있으니 이를 사용하면 됩니다.

성능

성능 문제가 발견되면 재현 가능한 예제(사용된 기기 포함)를 첨부하여 티켓을 열어주세요. 성능은 모든 FastComments 라이브러리에서 최우선 사항입니다.

도움이 필요하신가요?

React Native SDK에 문제가 발생하거나 질문이 있는 경우, 다음을 이용하세요:

기여

기여는 환영합니다! 기여 지침은 GitHub 저장소를 방문하세요.

언어 🇰🇷 한국어

시작하기

문서