템플릿 앱
사전 제작된 템플릿 앱 중 하나를 사용하여 Atlas App Services 앱을 시작하고 실행할 수 있습니다. 템플릿 앱은 Atlas App Services에서 제공하는 여러 빌딩 블록을 한데 모아 맞춤 설정이 가능한 사전 구축된 앱을 제공합니다.
템플릿 앱 만들기
Atlas App Services 사이트의 UI, App Services CLI 또는 Admin API를 사용하여 템플릿 앱을 만들 수 있습니다. 가장 편리한 옵션의 탭을 선택하세요.
빈 앱을 만드는 데 사용하는 것과 동일한 명령을 사용하여 템플릿 앱을 만들 수 있습니다. App Services 앱을 만드는 방법을 알아보려면 앱 만들기를 참조하고 템플릿 앱의 지침을 따르세요.
템플릿 앱 을 만든 후 UI 에 .zip
파일 로 다운로드 하거나, Github 에서 보거나, App Services CLI 를 통해 가져올 수 있는 클라이언트 코드를 제공하는 Get the Front-End Code for your Template 섹션이 포함됩니다.
빈 앱을 만드는 데 사용하는 것과 동일한 명령을 사용하여 템플릿 앱을 만들 수 있습니다. App Services 앱을 만드는 방법을 알아보려면 앱 만들기를 참조하고 템플릿 앱의 지침을 따르세요.
명령에는 유효한 템플릿 앱 ID 값과 함께 --template
플래그가 포함되어야 합니다.
appservices apps create \ --name "<App Name>" \ --template "<Template App ID>"
빈 앱을 만드는 데 사용하는 것과 동일한 엔드포인트를 사용하여 템플릿 앱을 만들 수 있습니다. App Services App 을 만드는 방법을 학습 보려면 앱 만들기 를 참조하고 템플릿 앱의 지침을 따르세요.
관리자 API 요청은 요청 본문에 유효한 template_id
값을 포함해야 합니다.
curl -X POST \ https://services.cloud.mongodb.com/api/admin/v3.0/groups/{groupId}/apps \ -H 'Authorization: Bearer <access_token>' \ -d '{ "name": "<App Name>", "template_id": "<Template App ID>", "data_source": { "name": "mongodb-atlas", "type": "mongodb-atlas", "config": { "clusterName": "<Atlas Cluster Name>" } } }'
템플릿 앱 클라이언트 가져오기
일부 템플릿 앱에는 애플리케이션을 만들 때 탐색하고 구축할 수 있는 작업 클라이언트가 함께 제공됩니다. Atlas App Services UI, Realm CLI 또는 GitHub를 통해 이러한 클라이언트에 액세스할 수 있습니다.
App Services UI를 통해 클라이언트 코드를 다운로드할 때 클라이언트 코드는 App Services 앱 ID로 미리 채워지지 않습니다. 이러한 클라이언트 중 하나를 사용하려면 클라이언트에서 사용할 앱 ID를 찾아야 합니다. Configuration, Download the Client as a Zip File 클라이언트 README.md
에 있는 지침에 따라 앱 ID 삽입 위치를 알아보십시오.
템플릿 앱을 만들 때 클라이언트를 다운로드합니다.
Atlas App Services UI를 사용하여 템플릿 앱을 만들 때 UI는 템플릿을 만든 후 즉시 클라이언트 코드를 가져올 수 있는 세 가지 옵션을 제공합니다.
선호하는 클라이언트를
.zip
파일로 다운로드합니다.App Services CLI를 사용하여 선호하는 클라이언트를 로컬 디렉토리로 끌어올 수 있습니다.
Github 에서 클라이언트 코드를 보고 복제합니다.
원하는 방법을 선택한 후 화면의 지침을 따르거나 리포지토리를 복제하여 클라이언트 코드를 가져옵니다.
템플릿 앱을 생성한 후 어느 시점에 클라이언트를 다운로드합니다.
앱 을 처음 만들 때 클라이언트 코드를 다운로드 하지 않은 경우 나중에 다운로드 할 수 있습니다. App Services App 의 메인 대시보드 에 "애플리케이션에 오신 것을 환영합니다" 창이 표시됩니다. 이 창에는 </> Pull front-end code 레이블이 지정된 버튼이 포함되어 있습니다. 이 버튼을 클릭하면 앱 을 처음 만들 때와 동일한 대화상자가 표시되며 클라이언트 를 가져올 수 있는 옵션이 제공됩니다.
팁
C++ 템플릿 앱은 아직 App Services UI 에서 다운로드 수 없습니다. CLI 를 사용하거나 Github 에서 리포지토리 를 복제하여 클라이언트 코드를 가져옵니다.
App Services CLI 를 통해 클라이언트 코드를 다운로드하면 클라이언트 코드가 App Services App ID 로 미리 채워집니다.
템플릿 앱을 만들 때 클라이언트를 다운로드합니다.
App Services CLI 를 사용하여 템플릿 앱 을 만들면 백엔드 와 클라이언트 코드가 모두 포함 된 create 명령 을 실행 때마다 디렉토리 가 자동으로 생성됩니다. 또는 --local
옵션을 사용하여 앱 코드를 다운로드 해야 하는 디렉토리 를 지정할 수 있습니다.
appservices apps create -n "<App Name>" --template "<Chosen Template App ID>"
디렉토리 이름은 앱 의 이름입니다. 이 디렉토리 내부에는 App Services 코드가 포함된 backend
디렉토리 와 클라이언트 애플리케이션 코드가 포함된 frontend
디렉토리 가 있습니다.
템플릿 앱을 생성한 후 어느 시점에 클라이언트를 다운로드합니다.
템플릿 앱 을 만든 후 점 App Services CLI 를 사용하여 클라이언트 코드를 다운로드 할 수 있습니다. App Services CLI pull 명령 을 --template
옵션과 함께 사용하여 다운로드 할 클라이언트 템플릿을 지정합니다.
appservices pull --remote "<App Name>" --template "<Chosen Template App ID>"
아래에서 클라이언트 애플리케이션 을 제공하는사용 가능한 템플릿 ID ID를 사용합니다.
Device Sync 템플릿 앱 클라이언트는 Github 에서 사용할 수 있습니다. 백엔드 코드 없이 클라이언트 코드만 원하는 경우 선호하는 프레임워크 또는 언어 에 해당하는 관련 Github 리포지토리 를 탐색하세요.
이러한 리포지토리 중 하나를 복제하면 클라이언트 코드에 App Services App ID가 미리 채워지지 않습니다. 이러한 클라이언트 중 하나를 사용하려면 템플릿 앱을 만들고 클라이언트에서 사용할 앱 ID를 찾아야 합니다 . 클라이언트 README.md
의 Configuration 및 Cloning from GitHub 지침에 따라 앱 ID를 삽입할 위치를 알아보세요.
사용 가능한 템플릿 앱
다음 템플릿을 사용할 수 있습니다. App Services CLI 는 appservices apps create 및 appservices pull 명령의 --template
플래그에 다음 ID를 허용합니다.
ID | 이름 | 설명 | 고객 |
---|---|---|---|
flex-sync-guides.add-collaborators | Flexible Sync 권한 가이드: '공동 작업자 추가' 데모 | Flexible Sync를 사용하여 Device Sync를 위한 동적 협업 권한 전략을 구현하는 Node.js 클라이언트 및 App Services 앱을 사용한 데모입니다. | none |
flex-sync-guides.restricted-feed | Flexible Sync 권한 가이드: '제한된 피드' 데모 | Flexible Sync를 사용하여 Device Sync를 위한 제한된 뉴스 피드 권한 전략을 구현하는 Node.js 클라이언트 및 App Services 앱을 사용한 데모입니다. | none |
flex-sync-guides.tiered | Flexible Sync 권한 가이드: '계층형' 데모 | Flexible Sync를 사용하여 Device Sync를 위한 계층 권한 부여 전략을 구현하는 Node.js 클라이언트 및 App Services 앱을 사용한 데모입니다. | none |
cpp.todo.flex | C++ SDK + Atlas Device Sync 스타터 | 및 FTXUI 를 C++ SDK 사용하여 C 로 작성된 터미널 GUI 할 일 목록 앱 C++ . Flexible Sync와 Device Sync 를 사용하여 로컬 데이터를 MongoDB Atlas 에 동기화합니다. | C++ |
flutter.todo.flex | Flutter SDK + Atlas Device Sync 스타터 | iOSWindows Linux 를 Dart 사용하여 로 작성된 Android, , , MacOS,Flutter SDK 크로스 플랫폼 할 일 목록 앱 입니다. Flexible Sync와 Device Sync 를 사용하여 로컬 데이터를 MongoDB Atlas 에 동기화합니다. | Flutter |
kotlin.todo.flex | Kotlin SDK + Atlas Device Sync 스타터 | Kotlin SDK 를 사용하여 Kotlin으로 작성된 Android 할 일 목록 앱입니다. Flexible Sync와 Device Sync를 사용하여 로컬 데이터를 MongoDB Atlas에 동기화합니다. | Kotlin |
maui.todo.flex | MAUI + Atlas Device Sync 스타터 | C# SDK 를 사용하는 크로스 플랫폼 할 일 목록 모바일 앱입니다. Flexible Sync와 Device Sync를 사용하여 로컬 데이터를 MongoDB Atlas에 동기화합니다. | MAUI |
react-native.todo.flex | React Native + Atlas Device Sync 스타터 | JavaScript SDK 와 @realm/React 를 사용하는 크로스 플랫폼 할 일 목록 모바일 앱 라이브러리. Flexible Sync와 Device Sync를 사용하여 로컬 데이터를 MongoDB Atlas에 동기화합니다. | Realm React |
swiftui.todo.flex | SwiftUI + Atlas Device Sync 스타터 | SwiftUI와 Swift SDK 를 사용하는 iOS 할 일 목록 앱입니다. Flexible Sync와 Device Sync를 사용하여 로컬 데이터를 MongoDB Atlas에 동기화합니다. | SwiftUI |
sync.todo | Flexible Sync Todo 앱 백엔드 | <Language or Framework>.todo.flex 템플릿 앱에서 사용하는 구성이 포함된 백엔드 전용 앱입니다. | none |
triggers | 데이터베이스 보기 관리 | 별도의 컬렉션에 있는 보기를 업데이트하는 이벤트 기반 데이터베이스 트리거 템플릿입니다. | none |
web.mql.todo | Web SDK + React 스타터 | React/ MQL | |
web.data-api.todo | Atlas Data API + React 스타터 | 데이터 API를 사용하여 호스팅된 할 일 목록 앱입니다. | React/ HTTPS |