Docs Menu
Docs Home
/ /
Atlas App Services
/

テンプレート アプリ

項目一覧

  • テンプレート アプリの作成
  • テンプレート アプリ クライアントを取得する
  • 利用可能なテンプレート アプリ

事前に作成されたテンプレート アプリの 1 つを使用して、Atlas App Services App を使い始めることができます。 テンプレート アプリは、Atlas App Services で利用可能な多くのビルド ブロックを組み合わせて、カスタマイズできる事前に構築されたアプリから始めます。

テンプレート アプリを配置するためのサインアップ

Atlas App Services サイトの UI、App Services CLI、または管理 API を使用してテンプレート アプリを作成できます。 最も便利なオプションのタブを選択してください。

空白のアプリを作成するのと同じコマンドを使用してテンプレート アプリを作成できます。 App Services App の作成方法については、「 アプリの作成」を参照し、テンプレート アプリの手順に従います。

テンプレート アプリの作成後、UI にはGet the Front-End Code for your Template {0 セクションが含まれ、{2 ファイルとしてダウンロードしたり、.zip で表示したり、 で取得できるクライアントGithub App Services CLIコードを提供します。

空白のアプリを作成するのと同じコマンドを使用してテンプレート アプリを作成できます。 App Services App の作成方法については、「 アプリの作成」を参照し、テンプレート アプリの手順に従います。

コマンドには、有効なテンプレート アプリ ID 値を持つ--templateフラグが含まれている必要があります。

appservices apps create \
--name "<App Name>" \
--template "<Template App ID>"

空白のアプリを作成するのと同じエンドポイントを使用してテンプレート アプリを作成できます。 App Services App の作成方法については、「 アプリの作成」を参照し、テンプレート アプリの手順に従います。

Admin 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 App IDが事前に入力されることはありません。 To use one of these clients, you must find your App ID to use in the client. アプリ ID を挿入する場所については、クライアントREADME.mdConfigurationDownload the Client as a Zip Fileの手順に従ってください。

テンプレート アプリを作成するときにクライアントをダウンロード

App Services UI を使用してテンプレート アプリを作成すると、テンプレートの作成後すぐにクライアント コードを取得するための 3 つのオプションが UI によって提供されます。

  • 使用するクライアントを.zipファイルとしてダウンロードします。

  • App Services CLI を使用して、優先クライアントをローカル ディレクトリにプルします。

  • Githubからクライアント コードを表示してクローンします。

希望の方法を選択したら、画面の指示に従うか、リポジトリをクローンしてクライアント コードを取得します。

テンプレート アプリを作成した後、ある時点でクライアントをダウンロードする

アプリを最初に作成するときにクライアント コードをダウンロードしない場合は、後でダウンロードできます。 App Services App は、メイン ダッシュボードに「ようこそ」ペインを表示します。 このペインには</> Pull front-end codeというラベルの付いたボタンがあります。 このボタンをクリックすると、アプリを最初に作成するときと同じダイアログが表示され、クライアントを取得するためのオプションが提供されます。

Tip

C++ テンプレート アプリはまだ、App Services UI ではダウンロードできません。 CLIを使用するか、 Githubからリポジトリをクローンしてクライアントコードを取得します。

App Services CLIを使用してクライアント コードをダウンロードすると、クライアント コードにはApp Services App IDが事前に入力されます。

テンプレート アプリを作成するときにクライアントをダウンロード

App Services CLI を使用してテンプレート アプリを作成すると、バックエンドとクライアント コードの両方を含む作成コマンド を実行するたびに、ディレクトリが自動的に作成されます。 あるいは、 --localオプションを使用して、アプリコードをダウンロードするディレクトリを指定することもできます。

appservices apps create -n "<App Name>" --template "<Chosen Template App ID>"

ディレクトリ名は、アプリの名前です。 このディレクトリ内には、App Services コードを含むbackendディレクトリと、クライアント アプリケーション コードを含むfrontendディレクトリがあります。

テンプレート アプリを作成した後、ある時点でクライアントをダウンロードする

テンプレート アプリの作成後はいつでも、App Services CLI を使用してクライアント コードをダウンロードできます。 ダウンロードするクライアント テンプレートを指定するには、 --templateオプションとともにApp Services CLI プル コマンドを使用します。

appservices pull --remote "<App Name>" --template "<Chosen Template App ID>"

クライアント アプリケーションを提供する利用可能な以下のテンプレートの ID を使用

Device Syncテンプレート アプリ クライアントはGithubで利用できます。 バックエンド コードを使わずにクライアント コードのみが必要な場合は、希望するフレームワークや言語に関連するGithubリポジトリを調べてください。

これらのリポジトリの 1 つをクローンする場合、クライアント コードにはApp Services App IDが事前に入力されることはありません。 これらのクライアントの 1 つを使用するには、テンプレート アプリを作成し、クライアントで使用するアプリ ID を見つける必要があります。 アプリ ID を挿入する場所については、クライアントREADME.mdConfigurationCloning from GitHubの手順に従ってください。

次のテンプレートを使用できます。 App Services CLI は、 appservices apps createappservices Pullコマンドの--templateフラグに次の ID を受け入れます。

ID
名前
説明
クライアント
flex-sync-guides.add-collaborators
Flexible Sync 権限ガイド:「Collections を追加」のデモ
Node.js クライアントと App Services App は、Flexible Sync を使用して Device Sync の動的コラボレーション権限戦略を実装します。
なし
flex-sync-guides.restricted-feed
Flexible Sync 権限ガイド:「制限付きフィード」Demo
Node.js クライアントと App Services App は、Flexible Sync を使用して Device Sync の制限付きニュースフィード権限戦略を実装しています。
なし
flex-sync-guides.tiered
Flexible Sync 権限ガイド: 「階層型」Demo
Node.jsApp Services App クライアントと Device SyncFlexible Syncは、 を使用した の 階層化された特権戦略 を実装します。
なし
cpp.todo.flex
C++ SDK + Atlas Device Sync スターター
C++ SDK FTXUI を使用して C++ で記述されたターミナル GUI ToDo リスト アプリ 。Device Sync とFlexible Sync を使用して、ローカル データを MongoDB Atlas に同期します。
C++
flutter.todo.flex
Flutter SDK + Atlas Device Sync スターター
Flutter SDKを使用して Dart で記述された、Android、iOS、Windows、MacOS、Linux 用のクロスプラットフォーム ToDo リスト アプリ。 Device Sync とFlexible Sync を使用して、ローカル データを MongoDB Atlas に同期します。
Flutter
kotlin.todo.flex
Kotlin SDK + Atlas Device Sync スターター
Kotlin SDKを使用して Kotlin で記述された Android ToDo リスト アプリ。 Device Sync とFlexible Sync を使用して、ローカル データを MongoDB Atlas に同期します。
Kotlin
maui.todo.flex
Maui + Atlas Device Syncスターター
C# SDKを使用したクロスプラットフォーム ToDo リスト モバイル アプリ。 Device Sync とFlexible Sync を使用して、ローカル データを MongoDB Atlas に同期します。
Maui
react-native.todo.flex
React Native + Atlas Device Sync スターター
JavaScriptSDK @realm/React を使用した、複数のプラットフォームにまたがる ToDo リスト モバイル アプリ ライブラリ。Device Sync とFlexible Sync を使用して、ローカル データを MongoDB Atlas に同期します。
Realm React
swiftui.todo.flex
SwiftUI + Atlas Device Sync スターター
SwiftUI とSwift SDKを使用する iOS の ToDo リスト アプリ。 Device Sync とFlexible Sync を使用して、ローカル データを MongoDB Atlas に同期します。
SwiftUI
sync.todo
Flexible Sync Todo App バックエンド
<Language or Framework>.todo.flexテンプレート アプリで使用される構成を含むバックエンド専用アプリ。
なし
triggers
データベース ビューの管理
別のコレクション内のビューを更新するためのイベント駆動型データベースtriggerのテンプレート。
なし
web.mql.todo
Web SDK + React Starter
React/MQL
web.data-api.todo
Atlas Data API + React Starter
React/ HTTPS

戻る

サービスの制限