ホームページ >ウェブフロントエンド >jsチュートリアル >バックエンドのシンプルさを解放: Convex を使用してスケーラブルなアプリを構築

バックエンドのシンプルさを解放: Convex を使用してスケーラブルなアプリを構築

Linda Hamilton
Linda Hamiltonオリジナル
2024-12-14 21:40:11498ブラウズ

スケーラブルで効率的なアプリケーションを構築するのは難しい場合がありますよね?特に時間がない場合やハッカソン中は注意が必要です。このプロセスを簡素化できるバックエンド ソリューションがあると言ったらどうなるでしょうか?

最近、初めて Convex バックエンドを使用したプロジェクトに取り組んでいたのですが、何というか、単純に素晴らしいと感じました。

Convex は単なるデータベースではありません。これは、現代の開発者向けに調整された包括的なバックエンド ソリューションです。 TypeScript のクラウド機能からリアルタイムのデータ同期まであらゆる機能を提供し、フロントエンド コードに完全に集中できるようにします。これが人気の高まりに貢献しています。

何が他と違うのか??

  • リアルタイムデータ同期: 私が最も気に入っている最も素晴らしい機能は、リアルタイムのデータ同期により、ソケット IO をセットアップしてバックエンドからフロントエンドに送信するという手間がかかることです。データはクライアント アプリケーションとデータベース間でリアルタイムに同期されるため、共同作業やライブ アプリケーションに最適です。
  • サーバーレス機能: Convex は、サーバーを管理せずにバックエンド ロジックを実行できる「Convex Functions」と呼ばれるサーバーレス関数を提供します。これらの関数は JavaScript または TypeScript で記述されます。
  • 組み込み認証: Next.js タイプスクリプトで非常にうまく動作する、clacker、next auth のようなサービスもありますが、Convex はサードパーティのプロバイダーを含むユーザー認証もサポートしているため、カスタム認証システムを設定せずにアプリケーションにユーザー ログインを簡単に追加できます。
  • スケーラブルなデータベース: Convex のデータベースは自動的にスケーラブルであり、高い同時実行性をサポートするように設計されているため、大規模なデータセットやトラフィックの急増にも対応できます。
  • スキーマレス データ モデル: Convex はスキーマのないデータ モデルを使用しているため、柔軟なデータ構造を保存でき、急速に進化するプロジェクトに有益です。

これらは私が個人的に使用した機能であり、ACID トランザクションTypeScript サポートセキュリティとアクセス制御自動など、他にも多くの機能がありますキャッシュと最適化、ぜひお試しください。

次に、通常のバックエンドと、単純な getGroupMembers 関数による凸型バックエンドでのアプローチがどのようなものかを見てみましょう。

MongoDB と Node.js を使用してバックエンド関数を構築しましょう

  • まず、一般的な JWT によってユーザーの ID を検証することから始めます。エラーの場合は 401 Unauthorized 応答を返すだけです。
  const identity = await verifyToken(req.headers.authorization);
  if (!identity) {
    res.status(401).send("Unauthorized");
    return;
  }

  • ユーザーが認証されると、会話の詳細が取得されます。この手順には、指定された会話 ID による MongoDB 内の会話コレクションのクエリが含まれます。
  const conversation = await db.collection("conversations").findOne({ _id: conversationId });
  if (!conversation) {
    res.status(404).send("Conversation not found");
    return;
  }

  • 次に、ユーザー コレクションからすべてのユーザーを取得し、ID が会話の参加者と一致するユーザーをフィルターします。
  const users = await db.collection("users").find().toArray();
  const groupMembers = users.filter(user => conversation.participants.includes(user._id));

  • 最後に、グループメンバーのリストをクライアントに返します。このデータには、指定された会話に参加しているユーザーのみが含まれます。
  res.status(200).send(groupMembers);

上記のコード スニペットを表現可能な図は次のとおりです

Unlocking Backend Simplicity: Building Scalable Apps with Convex

Convex を使用してバックエンド関数を構築しましょう

  • Convex は、ctx.auth.getUserIdentity() による組み込みのユーザー認証を提供し、ユーザーがログインしているかどうかを簡単に確認できるようにします。ユーザーが認証されていない場合は、ConvexError がスローされ、自動的に「Unauthorized」が返されます。クライアントへの返答。
  const identity = await ctx.auth.getUserIdentity();
  if (!identity) {
    throw new ConvexError("Unauthorized");
  }

  • Convex を使用すると、データベース クエリが簡素化されます。 ctx.db.query を使用して、指定された会話 ID と一致するものをフィルターして会話を取得します。
  const conversation = await ctx.db.query("conversations")
    .filter((q) => q.eq(q.field("_id"), args.conversationId))
    .first();
  if (!conversation) {
    throw new ConvexError("Conversation not found");
  }

  • Convex を使用すると、ctx.db.query("users").collect() を使用してすべてのユーザーをクエリできます。次にフィルターを使用して、会話に参加しているユーザーのみを選択します。 Convex に組み込まれたデータ取得メソッドを使用すると、データベース接続を手動で処理することなく、コレクションの管理が容易になります。
  const users = await ctx.db.query("users").collect();
  const groupMembers = users.filter((user) => conversation.participants.includes(user._id));

  • 以上です。 Convex は応答管理を処理するため、関数から groupMembers を返すだけでデータがクライアントに送信されます。
  return groupMembers;

そして、これが convex がバックエンドをどのように処理するかを全体的に簡略化した説明図です -

Unlocking Backend Simplicity: Building Scalable Apps with Convex

自分のプロジェクトで Convex をどのように使用したか

Next.js、TypeScript、そして最も重要なことに Convex バックエンドを使用して、freeCodeCamp MERN スタック ブック ストア プロジェクトを再作成しました。

つまり、Convex バックエンドの使用方法についてよく知りたい場合は、技術スタックを MERN スタックから NEXT.js TS Convex に移行した私の github プロジェクトをフォローしてください。

  • ??????-?????? (?????? ???????) - ここでチェックしてください

  • ??????-??????_?????? (??????.?? ?? ????) - ここでチェックしてください

必要に応じて、これに関する私の LinkedIn 投稿にもアクセスしてください。

結論

つまり、従来のバックエンド設定では、認証、データベース接続、クエリ、エラーを手動で処理するため、コードがより複雑で冗長になります。 Convex では、これらのタスクが抽象化され、最小限のコードで認証、データベース クエリ、エラー管理が簡素化され、より迅速な開発とよりクリーンなコードが可能になります。

楽しく学びましょう☺☺!!

以上がバックエンドのシンプルさを解放: Convex を使用してスケーラブルなアプリを構築の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。