백엔드 단순성 잠금 해제: Convex를 사용하여 확장 가능한 앱 구축

확장 가능하고 효율적인 애플리케이션을 구축하는 것은 어려울 수 있습니다. 그렇죠? 특히 시간이 적거나 해커톤에 참여하는 경우가 많습니다. 이 프로세스를 단순화할 수 있는 백엔드 솔루션이 있다고 말하면 어떨까요?

최근에 저는 Convex 백엔드를 처음으로 사용하는 프로젝트를 진행하고 있었는데, 정말 굉장한 느낌이었습니다.

Convex는 단순한 데이터베이스 그 이상입니다. 현대 개발자를 위해 맞춤화된 포괄적인 백엔드 솔루션입니다. TypeScript의 클라우드 기능부터 실시간 데이터 동기화까지 모든 것을 제공하므로 프런트엔드 코드에만 전적으로 집중할 수 있습니다. 이것이 인기 상승에 한몫했습니다.

무엇이 그것을 구별하는가 ??

• 실시간 데이터 동기화: 제가 가장 좋아하는 가장 놀라운 기능은 실시간 데이터 동기화로 인해 소켓 IO를 설정한 다음 이를 백엔드에서 프런트엔드로 보내야 한다는 것입니다. 대신 여기에서는 클라이언트 애플리케이션과 데이터베이스 간에 데이터가 실시간으로 동기화되므로 협업 또는 라이브 애플리케이션에 이상적입니다.
• 서버리스 기능: Convex는 서버를 관리하지 않고도 백엔드 로직을 실행할 수 있는 "Convex Functions"라는 서버리스 기능을 제공합니다. 이러한 함수는 JavaScript 또는 TypeScript로 작성되었습니다.
• 내장 인증: Next.js typescript와 매우 잘 작동하는 clerk, next auth와 같은 서비스가 있지만 Convex는 타사 제공업체를 포함한 사용자 인증도 지원하므로 사용자 정의 인증 시스템을 설정하지 않고도 애플리케이션에 사용자 로그인을 쉽게 추가할 수 있습니다.
• 확장 가능한 데이터베이스: Convex의 데이터베이스는 자동으로 확장 가능하고 높은 동시성을 지원하도록 설계되었으므로 대규모 데이터 세트와 트래픽 급증을 처리할 수 있습니다.
• 스키마 없는 데이터 모델: Convex는 스키마 없는 데이터 모델을 사용하므로 유연한 데이터 구조를 저장할 수 있어 빠르게 발전하는 프로젝트에 유용합니다.

제가 개인적으로 사용한 기능들이며 ACID Transactions, TypeScript 지원, 보안 및 접근 제어, 자동 등 더 많은 기능들이 있습니다. 캐싱 및 최적화, 꼭 시도해 볼 수 있습니다.

이제 간단한 getGroupMembers 함수를 사용하여 일반 백엔드와 볼록 백엔드에서 접근 방식이 어떤지 살펴보겠습니다.

MongoDB와 Node.js를 사용하여 백엔드 기능을 구축해 보겠습니다.

• 먼저 일반적인 JWT로 사용자의 신원을 확인하는 것부터 시작하고 오류가 있는 경우 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));

• 마지막으로 groupMembers 목록을 클라이언트에 반환합니다. 이 데이터에는 지정된 대화에 참여한 사용자만 포함됩니다.

  res.status(200).send(groupMembers);

위 코드 조각을 표현 가능한 다이어그램은 다음과 같습니다

Convex를 사용하여 백엔드 기능을 구축해 보겠습니다.

• Convex는 ctx.auth.getUserIdentity()를 통해 내장된 사용자 인증을 제공하므로 사용자가 로그인했는지 쉽게 확인할 수 있습니다. 사용자가 인증되지 않으면 자동으로 "Unauthorized"를 반환하는 ConvexError가 발생합니다. 클라이언트에 대한 응답.

  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를 어떻게 사용했나요?

저는 Next.js, TypeScript, 그리고 가장 중요한 Convex 백엔드를 사용하여 freeCodeCamp MERN 스택 Book Store 프로젝트를 다시 만들었습니다.

그래서 Convex 백엔드를 사용하는 방법에 대한 좋은 아이디어를 원한다면 기술 스택을 MERN 스택에서 NEXT.js TS Convex로 옮긴 github 프로젝트를 팔로우하세요.

• ????-???????? (????????) - 여기서 확인하세요

• ????-???????????? (????.?? ?? ????????) - 여기서 확인하세요

원하시면 이 ??에 관한 내 LinkedIn 게시물을 방문하실 수도 있습니다.

결론

간단히 말하면 기존 백엔드 설정에서는 인증, 데이터베이스 연결, 쿼리 및 오류를 수동으로 처리하므로 코드가 더 복잡하고 장황해집니다. Convex에서는 이러한 작업이 추상화되어 최소한의 코드로 인증, 데이터베이스 쿼리 및 오류 관리를 단순화하므로 더 빠른 개발과 깔끔한 ​​코드가 가능합니다.

즐거운 배움 ☺☺!!

위 내용은 백엔드 단순성 잠금 해제: Convex를 사용하여 확장 가능한 앱 구축의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!