프로젝트에 채팅기능 도입(디스코드연동 vs 소켓io)

일단 두가지 기능다 우리 프로젝트에 필요한 모든기능을 만족한다.

아래는 필요한 정보를 얻기 위해 gpt 를 사용해서 얻어낸 답변이다.

 

NestJS로 같은 지역의 사람들이 모임을 하는 사이트를 만들고 계시다니 멋지네요! Discord 연동은 다음과 같은 방법으로 진행할 수 있습니다.

1. Discord Developer Portal에서 OAuth2 앱을 생성합니다.
2. 앱의 Client ID와 Client Secret을 가져옵니다.
3. NestJS 애플리케이션에서 Discord OAuth2 인증을 구현합니다.
4. Discord API를 사용하여 모임 채널을 생성하고 관리합니다.

Discord Developer Portal에서 OAuth2 앱을 생성하는 방법은 다음과 같습니다.

1. Discord Developer Portal에 로그인합니다.
2. "Create an Application" 버튼을 클릭합니다.
3. 앱의 이름, 설명, 범위를 입력합니다.
4. "Create" 버튼을 클릭합니다.

앱이 생성되면, 다음 정보를 확인할 수 있습니다.

• Client ID: 앱을 식별하는 ID입니다.
• Client Secret: 앱의 비밀 키입니다.
• Scopes: 앱이 사용할 수 있는 Discord API 기능의 범위입니다.

NestJS 애플리케이션에서 Discord OAuth2 인증을 구현하는 방법은 다음과 같습니다.

1. npm i @nestjs/passport @nestjs/discord 명령어로 패키지를 설치합니다.
2. AppModule에 다음과 같은 코드를 추가합니다.

import { Module, Controller, Injectable, Inject } from '@nestjs/common';
import { PassportModule, PassportStrategy } from '@nestjs/passport';
import { DiscordStrategy } from '@nestjs/discord';

@Module({
  imports: [
    PassportModule.register({
      defaultStrategy: 'discord',
    }),
  ],
  controllers: [],
  providers: [
    DiscordStrategy,
  ],
})
export class AppModule {}

 

3. DiscordStrategy 클래스를 생성하고 다음과 같은 코드를 추가합니다.

 

@Injectable()
export class DiscordStrategy extends PassportStrategy(
  'discord',
  async (req, res, next) => {
    // Get the Discord user from the request.
    const discordUser = await req.user;

    // Save the Discord user to the session.
    req.session.discordUser = discordUser;

    next();
  },
) {
  // Configure the strategy.
  constructor(options) {
    super(options);

    // Set the client ID and secret.
    this.clientId = options.clientId;
    this.clientSecret = options.clientSecret;
  }
}

 

4. AppModule에서 DiscordStrategy 클래스를 defaultStrategy로 설정합니다.

 

DiscordAPI를 사용하여 모임 채널을 생성하고 관리하는 방법은 다음과 같습니다.

1. npm i @discordjs/rest 명령어로 패키지를 설치합니다.

2. DiscordAPI 클래스를 생성하고 다음과 같은 코드를 추가합니다.

 

import { DiscordAPI } from '@discordjs/rest';

const api = new DiscordAPI();

 

3. api 인스턴스를 사용하여 모임 채널을 생성합니다.

 

const channel = await api.channels.create({
  name: '지역 모임',
  type: 'text',
  topic: '지역 모임에 대한 주제',
  permissions: {
    read: true,
    write: true,
    manage: true,
  },
});

4. api 인스턴스를 사용하여 모임 채널을 생성합니다.

// 채널의 이름을 변경합니다.
await channel.setName('새로운 이름');

// 채널의 주제를 변경합니다.
await channel.setTopic('새로운 주제');

// 채널의 권한을 변경합니다.
await channel.setPermissions({
  read: false,
  write: false,
  manage: false,
});

 

위의내용은 nest 로 디스코드와 연동하여 모임을 만드는 것에 참고 예시이다.

 

 

서비스 연동

여기서 서비스에 디스코드를 연동하느냐 그냥 url 을 적는 칸만 만들어 두느냐의 차이가 있다.

 

URL 만 적는경우

단순히 URL만 적는 것은, 웹 브라우저가 해당 URL을 방문하여 페이지를 표시하는 것을 의미합니다. 반면, 사이트를 연동하는 것은, 두 사이트 간의 데이터를 공유하거나, 기능을 통합하는 것을 의미합니다.

 

단순히 URL만 적는 경우, 웹 브라우저는 해당 URL에 대한 정보를 요청하고, 해당 서버가 응답을 보냅니다. 웹 브라우저는 응답을 수신하고, 페이지를 표시합니다.

 

사이트를 연동하는 경우, 두 사이트 간에 데이터를 공유하거나, 기능을 통합하기 위해, 두 사이트 간의 통신이 필요합니다. 두 사이트는 서로의 API를 호출하거나, 웹 소켓을 사용하여 통신할 수 있습니다.

 

단순히 URL만 적는 경우와 사이트를 연동하는 경우의 차이점은 다음과 같습니다.

• 통신 방식
  • 단순히 URL만 적는 경우: 웹 브라우저가 서버에 요청하고, 서버가 응답하는 방식으로 통신합니다.
  • 사이트를 연동하는 경우: 두 사이트 간의 API 호출 또는 웹 소켓을 사용하여 통신합니다.
• 데이터 공유
  • 단순히 URL만 적는 경우: 웹 브라우저가 표시할 페이지의 데이터만 공유됩니다.
  • 사이트를 연동하는 경우: 두 사이트 간의 데이터를 공유할 수 있습니다.
• 기능 통합
  • 단순히 URL만 적는 경우: 두 사이트 간의 기능을 통합할 수 없습니다.
  • 사이트를 연동하는 경우: 두 사이트 간의 기능을 통합할 수 있습니다.

예를 들어, A 사이트에서 B 사이트의 쇼핑몰에서 제품을 구매할 수 있는 기능을 구현하려는 경우, 단순히 URL만 적는 것은 불가능합니다. A 사이트는 B 사이트의 API를 호출하여 제품 목록을 가져오고, 제품을 구매하는 기능을 구현해야 합니다.

 

또 다른 예로, A 사이트에서 B 사이트의 소셜 미디어에서 사용자의 게시물을 표시할 수 있는 기능을 구현하려는 경우, 단순히 URL만 적는 것은 불가능합니다. A 사이트는 B 사이트의 API를 호출하여 사용자의 게시물을 가져오고, 게시물을 표시하는 기능을 구현해야 합니다.

 

서로간의 데이터를 주고받아야 하는경우에는 사이트간의 연동이 필요하다.

 

 

그렇다면 이러한 기능이 우리 모임원들이 모여서 채팅방을 만드는것이 어떤 도움이 될까?

귀하의 사이트가 Discord와 연동되면, 귀하의 사용자는 Discord 계정을 사용하여 사이트에 로그인할 수 있습니다. 이렇게 하면 귀하의 사용자는 Discord 계정을 사용하여 모임을 만들고, 모임에 참여할 수 있으며, 모임 채팅방에서 대화할 수 있습니다.

Discord와의 연동은 귀하의 사이트에 다음과 같은 이점을 제공할 수 있습니다.

• 모임의 편의성 향상: Discord는 강력한 기능과 사용자 친화적인 인터페이스를 제공하여 모임원들이 쉽게 대화하고 협업할 수 있도록 합니다.
• 모임의 보안 강화: Discord는 강력한 보안 기능을 제공하여 모임의 보안을 강화합니다.
• 모임의 홍보 효과 향상: Discord는 전 세계적으로 수백만 명의 사용자가 사용하고 있는 인기 있는 플랫폼으로, 귀하의 모임을 더 많은 사람들에게 홍보하는 데 도움이 될 수 있습니다.

Discord와의 연동을 구현하려면 다음과 같은 단계를 수행해야 합니다.

1. Discord Developer Portal에서 OAuth2 앱을 생성합니다.
2. 앱의 Client ID와 Client Secret을 가져옵니다.
3. 귀하의 사이트에 OAuth2 인증을 구현합니다.
4. Discord API를 사용하여 모임 채널을 생성합니다.

위의 단계를 수행하면 귀하의 사이트는 Discord와 연동되어 모임을 만들고 모임원끼리 대화할 수 있는 채팅방을 만들 수 있습니다.

 

 

비용

Discord와의 연동은 무료로 구현할 수 있습니다. Discord는 무료 API를 제공하여 개발자들이 자신의 웹사이트 또는 앱에 Discord를 통합할 수 있도록 합니다.

 

Discord API를 사용하기 위해서는 Discord Developer Portal에서 OAuth2 앱을 생성해야 합니다. OAuth2 앱을 생성하는 것은 무료이며, 앱의 Client ID와 Client Secret을 가져올 수 있습니다.

 

Discord API를 사용하여 모임 채널을 생성하는 것은 또한 무료입니다. Discord API는 매우 사용하기 쉬우며, Discord 개발자 문서를 참조하면 쉽게 사용할 수 있습니다.

 

따라서, Discord와의 연동에는 별도의 비용이 발생하지 않습니다.

 

 

웹소켓을 구현하는 데는 다음과 같은 비용이 발생할 수 있습니다.

• 서버 비용: 웹소켓을 구현하려면 서버가 필요합니다. 서버 비용은 서버의 성능, 용량, 위치에 따라 달라집니다.
• 개발 비용: 웹소켓을 구현하려면 개발자가 필요합니다. 개발 비용은 개발자의 경험, 기술, 난이도에 따라 달라집니다.

웹소켓은 매우 유연한 프로토콜로, 다양한 목적으로 사용할 수 있습니다. 채팅뿐만 아니라, 게임, 실시간 통화, 데이터 수집 등 다양한 목적으로 사용할 수 있습니다.

귀하의 서비스만의 채팅을 구현하기 위해 웹소켓을 사용한다면, 서버 비용과 개발 비용이 발생할 수 있습니다. 하지만, 웹소켓은 매우 강력한 기능을 제공하기 때문에, 귀하의 서비스에 적합한 채팅 기능을 구현할 수 있습니다.

 

 

디스코드 채팅 기능

• 파일 공유: Discord는 파일 공유 기능을 제공합니다. Discord 채널에서 파일을 업로드하고, 다른 사용자와 파일을 공유할 수 있습니다.
• 녹음 및 재생: Discord는 음성 메시지 기능을 제공합니다. Discord 채널에서 음성 메시지를 녹음하고, 다른 사용자에게 음성 메시지를 보낼 수 있습니다.
• 화상 통화: Discord는 화상 통화 기능을 제공합니다. Discord 채널에서 다른 사용자와 화상 통화를 할 수 있습니다.
• 리액션: Discord는 리액션 기능을 제공합니다. Discord 채널에서 메시지에 이모티콘을 사용하여 반응할 수 있습니다.
• 봇: Discord는 봇 기능을 제공합니다. Discord 채널에 봇을 추가하여 채팅을 자동화할 수 있습니다.

웹 소켓 채팅 기능

• 파일 공유: 파일을 쉽게 공유할 수 있습니다.
• 녹음 및 재생: 음성 메시지를 녹음하고 재생할 수 있습니다.
• 화상 통화: 화상 통화를 할 수 있습니다.
• 리액션: 메시지에 이모티콘을 사용하여 반응할 수 있습니다.
• 봇: 봇을 사용하여 채팅을 자동화할 수 있습니다.

 

둘다 기능상 우리 서비스에 충분하다고 판단된다.

 

 

 

기능Discord웹소켓

기능                                                                                                                   Discord                              웹소켓

기본 채팅 기능	제공	제공
고급 채팅 기능	제공	제공
보안 기능	강력	기본
사용자 친화성	우수	기본
인기	인기	기본
유연성	기본	우수

drive_spradsheetSheets로 내보