박주니 개발 정리

nextjs에서 netfunnel 초기 설정 본문

nextjs

nextjs에서 netfunnel 초기 설정

박주니 2024. 1. 9. 10:50
728x90
반응형

시작전)

netfunnel은 단순하게 사람들이 많이 몰릴때 서버가 감당할 수 있는 수준을 만들기 위해서 프론트 부분에서 진입수를 제어하는 역할을 도와줍니다. 

그래서 보통 공연 티켓 판매 서비스를 만들 때 많이 이용하는데 netfunnel은 유료버젼이기 때문에 최대한 서버를 구축하고 

netfunnel을 사용하지 않을 때에도 진입 허용수에 대해서 최대한 테스트를 해본 다음에 적용하는 것을 추천합니다. 

그렇지 않을경우 netfunnel을 이용할 때 초과되는 진입수로 인해 본인이 선택한 플랜보다 비용이 많이 청구돼서 나중에 득보다 실이 더 많아질 수 있기 때문입니다. 

 

netfunnel 공식문서

- 메인 페이지 제어 참고 

https://stclabsupport.zendesk.com/hc/ko/categories/20074961725337-NetFUNNEL-Developer-Guide

주의사항)

보통 netfunnel 이용할 경우 프레임워크를 사용하지 않고 javascript 위주로 하셨다면 지금 상단에 공식문서에 따라서 적용하셔도 되는데 프레임워크를 사용할 때는 script 적용 방식이 달라지기 때문에 그부분 주의해서 진행하시면 됩니다. 

 

1. 먼저 STCLab Cloud에 회원가입을 하고 플랜을 적용합니다. 

https://console.stclab.com/en/signin

 

STCLab Management Console. Utilize everything you need for STCLab Cloud management in the console.

STCLab Cloud

console.stclab.com

설명)

플랜을 선택하기 전에 현재 회사 서비스에 적합여부를 확인하기 위해서는 STCLab 고객센터 1533-5410 에 연락하시고 난 이후에 결제 금액 및 주의사항을 충분히 숙지하고하시고 플랜을 선택하시기 바랍니다.

그리고 구독 취소 관련 안내도 꼭 확인하고 진행하시길 바랍니다. 이미 플랜이 시작된 시점에서 28일에는 취소가 불가능하기 때문에 중간에 사용 안한다고해서 플랜을 철회할 수 없습니다. 

 

2. netfunnel 실행을 누르시고 에이전트를 선택해서 개인 키가 설정되어있는 script를 확인하고 _app.js에 적용해주시길 바랍니다. 

 

page/_document.js

import { Html, Head, Main, NextScript } from "next/document";

export default function Document() {
  return (
    <Html>
      <Head>
      </Head>
      <body>
        <Main />
        <NextScript />
        <script
          dangerouslySetInnerHTML={{
            __html: `
			// netfunnel 에이전트 제공 function 그대로 적용 
            `,
          }}
        />
      </body>
    </Html>
  );
}

설명) 

에이전트 Web에 들어가보시면 function부터 시작되는 걸 볼 수 있습니다. 그 코드를 그대로 _html:`` 사이에 넣으시면 에이전트가 정상적으로 설치되는 것을 볼 수 있습니다. 

 

여기까지 다하셨으면 이제 기본제어 및 구간제어를 사용할 수 있는 상태가 되었습니다. 

기본제어 및 구간제어 설명은 다음에 하겠습니다. 

 

 

 

728x90
반응형
Comments