브라우저 자동화 노드

• 작성 가능한 언어: JavaScript

• 코드 실행 최대 시간: 60초

• 코드 노드와 기본적으로 같습니다.

• playwright 라이브러리 내 chromium 객체만 사용할 수 있습니다.

• 모든 코드는 위 형태의 함수 안에 작성해야 합니다.

• memory, context: 코드 노드의 내용 참조 바랍니다.

1. 코드를 생성하고 싶은 폴더로, 터미널을 이용하여, 이동해주세요.

   1. 예를 들어, 바탕화면의 '브라우저자동화' 폴더로 이동하길 희망한다면 cd /Users/{사용자이름}/Desktop/브라워저자동화를 입력하면 됩니다.

   2. 폴더에서 새로운 터미널 열기를 클릭하셔도 됩니다.

2. 그곳에 nodejs를 설치 해주시길 바랍니다. https://nodejs.org/en/download

3. playwright 의존성을 설치해주세요.

# 의존성 설치.
npm install playwright@1.55.0

4. playwright 브라우저를 설치해주세요

npx playwright install chromium

5. 방문할 사이트 주소를 변경하여 아래 코드를 실행해주세요.

npx playwright codegen {방문할_사이트_주소} --target=javascript --output=script.js

순서에 따라 명령어를 실행 시, 아래와 같이 브라우저가 나타납니다. 영상 처럼 필요한 작업을 진행하면 js 코드를 얻을 수 있습니다.

이후, newContext()와 context.close() 사이에 있는 코드들을 복사하여 브라우저 자동화 노드의 코드 템플릿에 복사해서 넣어주세요.

영상에서 보신 코드를 복사하여 브라우저 자동화 코드에 붙여넣어 주세요. 테스트 기능을 통해 동작 여부를 확인할 수 있습니다.

브라우저 실행 코드 작동 결과를 영상으로 받아볼 수 있습니다. 테스트 → 실행 → 로그 → Output file 를 차례로 클릭하여 다운 받아 주세요.

채널톡 어드민을 이용하여 연동해보도록 하겠습니다. id가 7284인 채널로 부터 문의가 들어왔습니다. 특정 조건을 충족했을 때 예치금을 충전시키고 싶습니다. 예치금 충전 시키는 브라우저 활동을 브라우저 자동화 노드를 이용하여 풀어보겠습니다.

우선 '2.코드 작성 방식'을 참조하여 브라우저 실행 코드를 얻었습니다. 그 중 script.js 내 코드에서 필요한 코드('코드 작성 방식'을 참고)만 복사하여 브라우저 자동화 노드에 넣어주세요.

(실패할 경우엔 해당 서비스가 브라우저 자동화 노드의 ip를 사용하도록 허용하게 해야 합니다)

근데 우린 고객의 데이터에 따라 다른 채널에 예치금을 부여하고 싶어요. 이때 고객, 상담 혹은 메모리 정보를 사용하면 됩니다. 이 경우엔 상담 정보의 channelId를 사용해봅시다.

context['userChat']['channelId']를 이용하여 해당 값을 가져올 수 있습니다. 이렇게 memory 혹은 context를 이용하여 고객 정보와 브라우저 자동화 노드를 연동할 수 있습니다.

admin 서비스 등은 대부분 특정 ip 대역에서만 접근할 수 있는 설정이 존재합니다. 개발 팀에 요청하여 브라우저 자동화 노드의 public ip를 허용하도록 요청해주세요. IP 정보는 채널톡에 문의하여 받아주세요.

브라우저 자동화 노드는 특정 액션을 이행하고 바로 끝납니다. 그 액션이 끝나길 기다리지 않습니다. 만약에 버튼을 클릭 후 그 요청이 끝나길 기다리고 싶다면, 요청이 끝난 후 나타나는 '완료 됐습니다' 창을 클릭하는 액션을 추가해주세요. 그러면 브라우저 자동화 노드는 '요청이 끝난 후 나타나는 창'까지 기다린 후 종료됩니다.