리액트 네이티브 앱에서 데이터 저장을 위한 Couchbase Lite 사용 튜토리얼

카우치베이스 라이트 는 임베디드 NoSQL 데이터베이스 를 지원합니다. 프레임워크의 API는 다음을 지원합니다. 네이티브 플랫폼 바인딩 Android(Java), iOS(Swift, ObjC) 및 UWP/Xamarin(csharp)용입니다. 즉, Javascript로 React Native 앱을 빌드하는 경우 임베디드 데이터 지속성 계층으로 Couchbase Lite를 사용하려면 React Native Javascript 세계에서 Couchbase Lite의 기본 API에 액세스할 수 있는 방법을 찾아야 한다는 뜻입니다. 이를 위해 다음을 사용할 수 있습니다. React 네이티브 모듈.

리액트 네이티브 모듈을 사용하면 다음과 같은 언어로 작성된 모바일 앱을 사용할 수 있습니다. 리액트 네이티브 를 사용하여 해당 React Native 모듈이 없는 네이티브 플랫폼 API에 액세스할 수 있습니다.

아키텍처

높은 수준에서 보면, React Native 모듈을 사용하는 React Native 앱의 아키텍처는 매우 간단합니다.

• UI 레이어는 자바스크립트로 작성되며 모바일 플랫폼에서 공통적으로 사용됩니다.
•  데이터 지속성 또는 모델 계층은 기본 플랫폼 언어로 작성되며 Couchbase Lite와의 인터페이스를 담당합니다. 이 계층의 기능은 일련의 기본 API를 통해 노출됩니다.
• 네이티브 API는 리액트 네이티브 모듈을 사용하여 자바스크립트 UI로 내보냅니다.

튜토리얼

두 가지 튜토리얼을 준비했습니다. Android 그리고 하나는 iOS. 각 튜토리얼은 리액트 네이티브 앱 내에서 Couchbase Lite 2.x와 인터페이스하기 위해 리액트 네이티브 모듈을 빌드하는 방법을 단계별로 안내합니다.

저희는 '호텔 파인더'라는 매우 간단한 앱으로 작업할 것입니다. 이 앱을 통해 사용자는 다음을 수행할 수 있습니다.

• 로컬 카우치베이스 라이트 데이터베이스에서 호텔 문서를 검색하세요.
• 호텔을 북마크하고 Couchbase Lite에 북마크 저장하기
• 이전에 북마크한 호텔 북마크 해제

이제 시작해 보겠습니다!

iOS용으로 개발하는 경우 다음을 사용하여 시작할 수 있습니다. iOS 튜토리얼 에 있는 지침을 따르고, Android용으로 개발하는 경우 안드로이드 튜토리얼.

다음 단계

튜토리얼을 완료하고 나면 iOS 및 Android의 React Native 앱 내에서 Couchbase Lite를 로컬 데이터 저장소로 사용하는 방법에 대해 잘 알고 있을 것입니다. Cordova 플러그인을 사용하여 하이브리드 앱 내에서 Couchbase Lite에 액세스하는 방법을 설명하는 향후 튜토리얼을 기대해 주세요.

질문이나 피드백이 있으면 아래에 댓글을 남기거나 트위터로 언제든지 문의해 주세요. @rajagp 또는 다음 주소로 이메일을 보내주세요. priya.rajagopal@couchbase.com. . 카우치베이스 포럼 를 통해 질문할 수 있습니다.

감사

다음 분들께 감사드립니다. 제임스 노센티니 튜토리얼과 샘플 앱 개발에 기여해 주신 분께 감사드립니다.