Quickstarters
Feature Overview
How to Build a Backend for NuxtJS?
47 分
はじめに このチュートリアルでは、back4appを使用してnuxtjsアプリケーションの完全なバックエンドを構築する方法を学びます。 データベース管理、cloud code functions、restおよびgraphql api、ユーザー認証、リアルタイムクエリ(ライブクエリ)など、重要なback4app機能を統合する方法を説明し、nuxtjsフロントエンドとシームレスに通信する安全でスケーラブル、かつ堅牢なバックエンドを作成します。 back4appの迅速なセットアップと直感的な環境が、サーバーやデータベースを手動で構成するのに比べて、時間と労力を大幅に削減できることも確認できます。 その過程で、高度なセキュリティ機能、cloud jobsを使用したタスクのスケジューリング、外部統合のためのwebhookの設定など、主要な機能に関する実践的な経験を得ることができます。 このチュートリアルの終わりまでには、この基盤となるセットアップを本番環境に適したアプリケーションに拡張する準備が整い、必要に応じてカスタムロジックやサードパーティapiを簡単に組み込むことができるようになります。 前提条件 このチュートリアルを完了するには、次のものが必要です back4appアカウントと新しいback4appプロジェクト back4appの始め方。 https //www back4app com/docs/get started/new parse app アカウントを持っていない場合は、無料で作成できます。上記のガイドに従ってプロジェクトを準備してください。 基本的なnuxtjs開発環境 これを設定するには、 nuxtアプリを作成する https //nuxtjs org/docs/get started/installation または同様のツールを使用できます。マシンにnode jsがインストールされていることを確認してください。 node js(バージョン14以上)がインストールされていること npmパッケージをインストールし、ローカル開発サーバーを実行するにはnode jsが必要です。 node jsのインストール https //nodejs org/en/download/ javascriptと基本的なnuxtjsの概念に精通していること nuxtjs公式ドキュメント。 https //nuxtjs org/docs nuxtjsが初めての場合は、開始する前に公式ドキュメントまたは初心者向けのチュートリアルを確認してください。 始める前に、これらの前提条件がすべて整っていることを確認してください。back4appプロジェクトを設定し、ローカルのnuxtjs環境を準備しておくと、より簡単に進めることができます。 ステップ1 – back4appプロジェクトの設定 新しいプロジェクトを作成する back4app上でnuxtjsバックエンドを構築する最初のステップは、新しいプロジェクトを作成することです。まだ作成していない場合は、次の手順に従ってください back4appアカウントにログインします 「新しいアプリ」ボタンをクリックします あなたのback4appダッシュボードで。 アプリに名前を付けます (例:「nuxtjs backend tutorial」)。 プロジェクトが作成されると、あなたのback4appダッシュボードにリストされているのが見えます。このプロジェクトは、このチュートリアルで説明するすべてのバックエンド設定の基盤となります。 parse sdkを接続する back4appは、データを管理し、リアルタイム機能を提供し、ユーザー認証を処理するためにparseプラットフォームに依存しています。あなたのnuxtjsアプリケーションをback4appに接続するには、parse npmパッケージをインストールし、back4appダッシュボードの資格情報で初期化する必要があります。 parseキーを取得します あなたのback4appダッシュボードで、アプリの「アプリ設定」または「セキュリティとキー」セクションに移動して、あなたの アプリケーションid と javascriptキー を見つけます。あなたはまた parseサーバーurl (通常は https //parseapi back4app com の形式で)を見つけることができます。 parse sdkをインストールします あなたのnuxtjsプロジェクトに npm install parse yarnを使用している場合は、次のようにインストールできます yarn add parse nuxtjsアプリケーションでparseを初期化します: 便利なアプローチは、 nuxtプラグイン を作成してparseを設定することです。nuxtプロジェクト内に、ファイル(例: parse client js )を plugins ディレクトリに作成し、次の内容を追加します: plugins/parse client js import parse from 'parse' export default ({}, inject) => { // replace the placeholders with your back4app credentials parse initialize('your application id', 'your javascript key') parse serverurl = 'https //parseapi back4app com' // inject parse globally so you can access it as $parse anywhere in nuxt inject('parse', parse) } 次に、あなたの nuxt config js ファイルを開き、このプラグインを追加してクライアント側で読み込まれるようにします: export default { // plugins \[ { src ' /plugins/parse client js', mode 'client' } ], // } このステップを完了することで、nuxtjsフロントエンドとback4appバックエンドの間に安全な接続が確立されました。すべてのリクエストとデータトランザクションはこのsdkを通じて安全にルーティングされ、手動のrestまたはgraphql呼び出しの複雑さが軽減されます(必要に応じてそれらを使用することもできます)。 ステップ2 – データベースの設定 データの保存とクエリ back4appプロジェクトが設定され、parse sdkがnuxtアプリに統合されたので、データの保存と取得を開始できます。レコードを作成する最も簡単な方法は、 parse object クラスを使用することです。たとえば、データ操作を処理するためのコンポーザブルまたはストアメソッドを作成できます。 // example create a todo item export const createtodoitem = async (title, iscompleted) => { const todo = this $parse object extend('todo') const todo = new todo() todo set('title', title) todo set('iscompleted', iscompleted) try { const savedtodo = await todo save() console log('todo saved successfully ', savedtodo) return savedtodo } catch (error) { console error('error saving todo ', error) } } // example query all todo items export const fetchtodos = async () => { const todo = this $parse object extend('todo') const query = new this $parse query(todo) try { const results = await query find() console log('fetched todo items ', results) return results } catch (error) { console error('error fetching todos ', error) } } また、back4appのrest apiエンドポイントを使用することもできます: curl x post \\ h "x parse application id your application id" \\ h "x parse rest api key your rest api key" \\ h "content type application/json" \\ d '{"title" "buy groceries", "iscompleted" false}' \\ https //parseapi back4app com/classes/todo back4appはgraphqlインターフェースも提供しています mutation { createtodo(input { fields { title "clean the house" iscompleted false } }) { todo { objectid title iscompleted } } } これらの多様なオプションにより、parse sdk、rest、またはgraphqlを通じて、開発プロセスに最適な方法でデータ操作を統合できます。 スキーマ設計とデータ型 デフォルトでは、parseは スキーマを動的に作成することを許可します , ただし、より多くの制御のためにback4appダッシュボードでクラスとデータ型を定義することもできます。 back4appダッシュボードの「データベース」セクションに移動します 。 新しいクラスを作成します (例:「todo」)を作成し、タイトル(string)やiscompleted(boolean)などの関連する列を追加します。 back4appはさまざまなデータ型もサポートしています string , number , boolean , object , date , file , pointer , array , relation , geopoint , そして polygon 各フィールドに適切な型を選択できます。希望する場合は、nuxtアプリからオブジェクトを最初に保存するときにparseが自動的にこれらの列を作成することもできます。 back4appはデータモデルを設計するのに役立つaiエージェントを提供しています aiエージェントを開く あなたのアプリダッシュボードまたはメニューから。 データモデルを説明する 簡単な言葉で(例:「新しいtodoアプリをback4appで完全なクラススキーマで作成してください。」)。 aiエージェントにスキーマを作成させる 。 aiエージェントを使用すると、データアーキテクチャの設定にかかる時間を節約し、アプリケーション全体での一貫性を確保できます。 リレーショナルデータ リレーショナルデータがある場合 例えば、複数の カテゴリ オブジェクトが複数の todo アイテムを指している場合 ポインタ または リレーション をparseで使用できます。例えば // linking a task to a category with a pointer export const createtaskforcategory = async (categoryobjectid, title) => { const todo = this $parse object extend('todo') const todo = new todo() // construct a pointer to the category const category = this $parse object extend('category') const categorypointer = new category() categorypointer id = categoryobjectid // set fields todo set('title', title) todo set('category', categorypointer) try { return await todo save() } catch (err) { console error('error creating task with category relationship ', err) } } クエリを実行する際、ポインタデータも含めることができます const query = new this $parse query('todo') query include('category') const todoswithcategory = await query find() この include('category') 呼び出しは、各todoとともにカテゴリの詳細を取得し、リレーショナルデータをシームレスにアクセス可能にします。 ライブクエリ リアルタイムの更新のために、back4appは ライブクエリ を提供します。あなたのnuxtjsアプリでは、特定のクラスの変更にサブスクライブできます ライブクエリを有効にする あなたのback4appダッシュボードのアプリの サーバー設定 “ライブクエリ”がオンになっていることを確認してください。 ライブクエリサブスクリプションを初期化する あなたの parse client js または類似のファイルで plugins/parse client js import parse from 'parse' export default ({}, inject) => { // replace with your back4app credentials parse initialize('your application id', 'your javascript key') parse serverurl = 'https //parseapi back4app com' // live query's subdomain parse livequeryserverurl = 'wss\ //your subdomain here b4a io' inject('parse', parse) } さて、あなたのコードで export const subscribetotodos = async (callback) => { const query = new this $parse query('todo') const subscription = await query subscribe() subscription on('create', (newtodo) => { console log('new todo created ', newtodo) callback('create', newtodo) }) subscription on('update', (updatedtodo) => { console log('todo updated ', updatedtodo) callback('update', updatedtodo) }) subscription on('delete', (deletedtodo) => { console log('todo deleted ', deletedtodo) callback('delete', deletedtodo) }) return subscription } サブスクリプションを行うことで、新しいtodoが作成、更新、または削除されるたびにリアルタイム通知を受け取ります。この機能は、複数のユーザーがページをリフレッシュせずに最新のデータを確認する必要があるコラボレーション型または動的なアプリに特に価値があります。 ステップ3 – aclとclpによるセキュリティの適用 back4appのセキュリティメカニズム back4appは、 アクセス制御リスト (acl) と クラスレベルの権限 (clp) を提供することでセキュリティを真剣に考えています。これらの機能により、オブジェクトまたはクラスごとに誰がデータを読み書きできるかを制限でき、認可されたユーザーのみがデータを変更できるようにします。 アクセス制御リスト (acl) aclは、個々のオブジェクトに適用され、どのユーザー、役割、または一般の人々が読み書き操作を行えるかを決定します。例えば export const createprivatetodo = async (title, owneruser) => { const todo = this $parse object extend('todo') const todo = new todo() todo set('title', title) // create an acl granting read/write access only to the owner const acl = new this $parse acl(owneruser) acl setpublicreadaccess(false) acl setpublicwriteaccess(false) todo setacl(acl) try { return await todo save() } catch (err) { console error('error saving private todo ', err) } } オブジェクトを保存すると、それには指定されたユーザー以外の誰も読み取りまたは変更できないようにするaclがあります。 クラスレベルの権限 (clp) clp は、クラス全体のデフォルトの権限を管理します。たとえば、クラスが公開されているか書き込み可能か、または特定の役割のみがアクセスできるかどうかです。 back4appダッシュボードに移動 , アプリを選択し、 データベース セクションを開きます。 クラスを選択 (例:「todo」)。 クラスレベルの権限 タブを開きます。 「認証が必要」などのデフォルトを設定します。読み取りまたは書き込み、または「アクセス不可」を公開にします。 これらの権限は基本を設定し、aclは個々のオブジェクトの権限を微調整します。堅牢なセキュリティモデルは通常、clp(広範な制限)とacl(オブジェクトごとの細かい制限)を組み合わせます。詳細については、 アプリセキュリティガイドライン。 ステップ4 – クラウドファンクションの作成とデプロイ cloud codeは、サーバー側でカスタムjavascriptコードを実行できるparse server環境の機能であり、サーバーやインフラストラクチャを管理する必要はありません。cloud codeを書くことで、back4appのバックエンドを追加のビジネスロジック、バリデーション、トリガー、およびparse server上で安全かつ効率的に実行される統合で拡張できます。 仕組み cloud codeを書くとき、通常はjavascript関数、トリガー、および必要なnpmモジュールを main js (または app js )ファイルに配置します。このファイルは、parse server環境内で実行されるback4appプロジェクトにデプロイされます。これらの関数とトリガーはサーバー上で実行されるため、機密ロジックを処理したり、敏感なデータを処理したり、バックエンド専用のapi呼び出しを行ったりすることを信頼できます。これらはクライアントに直接公開したくないプロセスです。 back4appアプリのすべてのcloud codeは、back4appによって管理されるparse server内で実行されるため、サーバーのメンテナンス、スケーリング、またはプロビジョニングについて心配する必要はありません。main jsファイルを更新してデプロイするたびに、実行中のparse serverは最新のコードで更新されます。 main jsファイル構造 典型的な main js には次のような内容が含まれる場合があります 必要なモジュールの require ステートメント(npmパッケージ、組み込みnodeモジュール、または他のcloud codeファイル)。 cloud関数の定義 を使用して parse cloud define() トリガー として parse cloud beforesave() , parse cloud aftersave() , など。 インストールしたnpmモジュール (必要な場合)。たとえば、httpリクエストを行うために axios のようなパッケージをインストールすることがあります。その後、ファイルの先頭でそれをrequire(またはimport)できます。 // main js // 1 import necessary modules and other cloud code files const axios = require('axios') const report = require(' /reports') // 2 define a custom cloud function parse cloud define('fetchexternaldata', async (request) => { const url = request params url if (!url) { throw new error('url parameter is required') } const response = await axios get(url) return response data }) // 3 example of a beforesave trigger parse cloud beforesave('todo', (request) => { const todo = request object if (!todo get('title')) { throw new error('todo must have a title') } }) npmモジュールをインストールして使用する能力により、cloud codeは非常に柔軟になり、外部apiとの統合、データ変換の実行、または複雑なサーバーサイドロジックの実行が可能になります。 典型的な使用例 ビジネスロジック 例えば、複数のオブジェクトプロパティを集計してゲーム内のユーザーのスコアを計算し、そのデータを自動的に保存することができます。 データ検証 レコードを保存または削除する前に、特定のフィールドが存在することやユーザーが正しい権限を持っていることを確認します。 トリガー データが変更されたときにアクションを実行します(例:ユーザーがプロフィールを更新したときに通知を送信)。 統合 サードパーティのapiやサービスと接続します。例えば、cloud codeから直接支払いゲートウェイ、slack通知、またはメールマーケティングプラットフォームと統合することができます。 セキュリティ強化 cloud code関数内で入力パラメータを検証およびサニタイズすることで、追加のセキュリティ層を追加します。例えば、受信データが特定の形式に一致することを確認し、無効または悪意のある入力を拒否し、機密操作を実行する前にユーザーの役割や権限に基づいてアクセスルールを強制することができます。 関数をデプロイする 以下は、クライアントから送信されたテキスト文字列の長さを計算するシンプルなcloud code関数です。 main js // main js parse cloud define('calculatetextlength', async (request) => { const { text } = request params if (!text) { throw new error('no text provided') } return { length text length } }) デプロイするには back4app cli 1 cliをインストールする: linux/macosの場合 curl https //raw\ githubusercontent com/back4app/parse cli/back4app/installer sh | sudo /bin/bash windowsの場合 b4a exe ファイルを リリースページ https //github com/back4app/parse cli/releases からダウンロードします。 2 アカウントキーを設定する b4a configure accountkey 3 クラウドコードをデプロイする: b4a deploy ダッシュボードを通じてデプロイする アプリのダッシュボードで、 クラウドコード > 関数 に移動します。 関数を main js エディタにコピー/ペーストします。 「デプロイ」をクリックします。 関数を呼び出す parse sdkを使用して、nuxtjsアプリケーションから export const gettextlength = async (text) => { try { const result = await this $parse cloud run('calculatetextlength', { text }) console log('text length ', result length) } catch (err) { console error('error calling cloud function ', err) } } rest経由でも呼び出すことができます curl x post \\ h "x parse application id your app id" \\ h "x parse rest api key your rest api key" \\ h "content type application/json" \\ d '{"text" "hello back4app"}' \\ https //parseapi back4app com/functions/calculatetextlength またはgraphql経由で mutation { calculatetextlength(input { text "hello graphql" }) { result } } この柔軟性により、nuxtjsフロントエンドやrestまたはgraphqlをサポートする他のクライアントにカスタムロジックを統合できます。 ステップ5 – ユーザー認証の設定 back4appにおけるユーザー認証 back4appは、 parse user クラスを認証の基盤として活用しています。デフォルトでは、parseはパスワードのハッシュ化、セッショントークン、セキュアストレージを処理します。これは、複雑なセキュリティフローを手動で設定する必要がないことを意味します。 ユーザー認証の設定 nuxtアプリケーションでは、次のように新しいユーザーを作成できます export const signupuser = async (username, password, email) => { const user = new this $parse user() user set('username', username) user set('password', password) user set('email', email) try { await user signup() console log('user signed up successfully!') } catch (error) { console error('error signing up user ', error) } } 既存のユーザーでログインするには export const loginuser = async (username, password) => { try { const user = await this $parse user login(username, password) console log('user logged in ', user) } catch (error) { console error('error logging in user ', error) } } rest経由でのログインは次のようになります curl x get \\ h "x parse application id your app id" \\ h "x parse rest api key your rest api key" \\ g \\ \ data urlencode 'username=alice' \\ \ data urlencode 'password=secret123' \\ https //parseapi back4app com/login セッション管理 ログインに成功すると、parseは セッショントークン を作成し、ユーザーオブジェクトに保存します。nuxtアプリでは、現在ログインしているユーザーにアクセスできます const currentuser = this $parse user current() if (currentuser) { console log('currently logged in user ', currentuser getusername()) } else { console log('no user is logged in') } parseは自動的にトークンベースのセッションをバックグラウンドで処理しますが、手動で管理または取り消すこともできます。これは、ログアウトする必要があるときに便利です await this $parse user logout() ソーシャルログイン統合 back4appとparseは、追加のパッケージをインストールするか、既存のアダプターを使用することで、 google や facebook などの人気のあるoauthプロバイダーと統合できます。たとえば、 facebook app id を設定し、parse facebookutils login()を使用することでfacebookログインを設定できます。詳細な手順は異なるため、 ソーシャルログインのドキュメント。 https //www back4app com/docs/platform/sign in with apple const facebooklogin = async () => { try { const user = await this $parse facebookutils login('email') console log(user existed() ? 'user logged in' 'user signed up and logged in') } catch (error) { console error('error logging in with facebook ', error) } } メール認証とパスワードリセット メール認証とパスワードリセットを有効にするには back4appダッシュボードの メール設定 に移動します。 メール認証を有効にする ことで、新しいユーザーが自分のメールアドレスの所有権を確認できるようにします。 fromアドレスを設定する 、メールテンプレート、および必要に応じてカスタムドメインを設定します。 これらの機能は、ユーザーがメールの所有権を確認し、安全なパスワード回復方法を提供することで、アカウントのセキュリティとユーザーエクスペリエンスを向上させます。 ステップ6 – ファイルストレージの取り扱い ファイルのアップロードと取得 parseには、back4appが安全に保存するファイルアップロードを処理するための parse file クラスが含まれています export const uploadimage = async (file) => { // file is typically from an \<input type="file" > in a nuxt component const name = file name const parsefile = new this $parse file(name, file) try { const savedfile = await parsefile save() console log('file saved ', savedfile url()) return savedfile url() } catch (err) { console error('error uploading file ', err) } } データベース内のオブジェクトにファイルを添付するには export const createphotoobject = async (file) => { const photo = this $parse object extend('photo') const photo = new photo() const parsefile = new this $parse file(file name, file) photo set('imagefile', parsefile) return await photo save() } ファイルurlの取得は簡単です const imagefile = photo get('imagefile') const imageurl = imagefile url() // use imageurl as needed ファイルのセキュリティ parse serverは、ファイルアップロードのセキュリティを管理するための柔軟な設定を提供します。以下の例は、誰がサーバーにファイルをアップロードできるかを制御するための権限を設定する方法を示しています { "fileupload" { "enableforpublic" true, "enableforanonymoususer" true, "enableforauthenticateduser" true } } enableforpublic trueに設定すると、認証状態に関係なく、誰でもファイルをアップロードできるようになります。 enableforanonymoususer 匿名ユーザー(サインアップしていないユーザー)がファイルをアップロードできるかどうかを制御します。 enableforauthenticateduser 認証されたユーザーのみがファイルをアップロードできるかどうかを指定します。これは、信頼できるユーザーのみがこの機能にアクセスできるようにするために理想的です。 ステップ7 – クラウドジョブを使用したタスクのスケジューリング クラウドジョブ クラウドジョブ はback4appで、古いデータのクリーンアップや毎日の要約メールの送信など、バックエンドでルーチン作業をスケジュールして実行できます。典型的なクラウドジョブは次のようになります // main js parse cloud job('cleanupoldtodos', async (request) => { // this runs in the background, not triggered by a direct user request const todo = parse object extend('todo') const query = new parse query(todo) // for example, remove todos older than 30 days const now = new date() const thirty days = 30 24 60 60 1000 const cutoff = new date(now thirty days) query lessthan('createdat', cutoff) try { const oldtodos = await query find({ usemasterkey true }) await parse object destroyall(oldtodos, { usemasterkey true }) return `deleted ${oldtodos length} old todos ` } catch (err) { throw new error('error during cleanup ' + err message) } }) クラウドコードをデプロイする 新しいジョブと共に(cliまたはダッシュボード経由で)。 back4appダッシュボードに移動する > アプリ設定 > サーバー設定 > バックグラウンドジョブ ジョブをスケジュールする 毎日またはニーズに合った間隔で実行されるように。 クラウドジョブは、バックグラウンドメンテナンスやその他の定期的なプロセスを自動化することを可能にします 手動の介入を必要とせずに。 ステップ8 – webhookの統合 webhook は、特定のイベントが発生するたびに、back4appアプリが外部サービスにhttpリクエストを送信できるようにします。これは、決済ゲートウェイ(例:stripe)、メールマーケティングツール、または分析プラットフォームなどのサードパーティシステムと統合するために強力です。 webhook設定に移動 し、back4appダッシュボード > その他 > webhooksを選択し、次にwebhookを追加をクリックします。 エンドポイントを設定 (例: https //your external service com/webhook endpoint https //your external service com/webhook endpoint )。 トリガーを設定 して、back4appのクラスやcloud code関数内のどのイベントがwebhookを発火させるかを指定します。 例えば、新しいtodoが作成されるたびにslackチャンネルに通知したい場合: 受信ウェブフックを受け入れるslackアプリを作成します。 slackのウェブフックurlをコピーします。 back4appダッシュボードで、「todoクラスの新しいレコード」イベントのためにそのslack urlにエンドポイントを設定します。 必要に応じてカスタムhttpヘッダーやペイロードを追加することもできます。 cloud codeでwebhooksを定義することもでき、beforesaveやaftersaveのトリガーでカスタムhttpリクエストを行います。 ステップ9 – back4app管理パネルの探索 「 back4app管理アプリ 」は、非技術的なユーザーがcrud操作を行い、コードを書くことなく日常的なデータタスクを処理するために設計されたウェブベースの管理インターフェースです。これは、データベース管理、カスタムデータ管理、およびエンタープライズレベルの操作を効率化する モデル中心 , ユーザーフレンドリー なインターフェースを提供します。 管理アプリの有効化 「 アプリダッシュボード > その他 > 管理アプリ 」に移動し、「管理アプリを有効にする」ボタンをクリックして有効にします。 最初の管理ユーザーを作成します (ユーザー名/パスワード)を作成すると、自動的に新しい役割(b4aadminuser)とクラス(b4asetting、b4amenuitem、b4acustomfield)がアプリのスキーマに生成されます。 管理インターフェースにアクセスするためのサブドメインを選択し、セットアップを完了します。 ログイン して、新しい管理アプリのダッシュボードにアクセスするために作成した管理者資格情報を使用してください。 一度有効にすると、back4app管理アプリを使用すると、parseダッシュボードやバックエンドコードを直接使用することなく、データベースのレコードを簡単に表示、編集、または削除できます。設定可能なアクセス制御を使用することで、データを管理するための明確でポイント&クリックの方法が必要なチームメンバーやクライアントとこのインターフェースを安全に共有できます。 結論 この包括的なチュートリアルに従うことで、あなたは 安全なバックエンドを作成しました back4app上のnuxtjsアプリ用。 データベースを構成しました クラススキーマ、データ型、関係を使用して。 リアルタイムクエリを統合しました (ライブクエリ)即時データ更新のため。 セキュリティ対策を適用しました aclとclpを使用してデータアクセスを保護および管理。 cloud codeを実装しました サーバー側でカスタムビジネスロジックを実行するための関数。 ユーザー認証を設定しました メール確認とパスワードリセットをサポート。 ファイルのアップロードを管理しました オプションのファイルセキュリティコントロール付き。 cloud jobsをスケジュールしました 自動バックグラウンドタスクのため。 webhookを使用しました 外部サービスとの統合のため。 back4app管理パネルを探索しました データ管理のため。 堅牢なnuxtjsフロントエンドと強力なback4appバックエンドを持つことで、機能豊富でスケーラブルかつ安全なアプリケーションを開発する準備が整いました。より高度な機能を探求し、ビジネスロジックを統合し、back4appの力を活用してサーバーとデータベースの管理にかかる無数の時間を節約してください。コーディングを楽しんでください! 次のステップ 本番環境に適したnuxtjsアプリを構築する このバックエンドを拡張して、より複雑なデータモデル、キャッシング戦略、パフォーマンス最適化を処理します。 高度な機能を統合する 特化した認証フロー、役割ベースのアクセス制御、または外部api(決済ゲートウェイなど)を含みます。 back4appの公式ドキュメントをチェックする 高度なセキュリティ、パフォーマンス調整、ログ分析についての詳細な情報を得るために。 他のチュートリアルを探る リアルタイムチャットアプリケーション、iotダッシュボード、または位置情報サービスに関するものです。ここで学んだ技術をサードパーティのapiと組み合わせて、複雑な実世界のアプリケーションを作成できます。