웹페이지 매크로 사용 방법

유료 매크로 프로그램 다운로드

http://ngmsoftware.com/bbs/board.php?bo_table=product_review 

엔지엠소프트웨어

#매크로 #메크로 #매크로프로그램 #엔지엠소프트웨어 #엔지엠에디터 #엔지엠플레이어 #비활성매크로 #하드웨어매크로 #기계식매크로 #마우스광클릭 #키보드매크로 #이미지서치 #이미지매치 #블로그 #카페 #인스타그램 #유튜브 #소셜네트워크 #카카오톡 #텔레그램 #자동화

 

안녕하세요. 업무 자동화 RPA 매크로 오토픽입니다.

오늘은 간단하게 네이버 카페 글쓰기 매크로를 만들어 보도록 하겠습니다.

 

오토픽 매크로의 웹 API 기능을 몇개만 외우면 누구나 쉽게 웹 자동화 매크로를 제작할 수 있습니다.

이 내용을 학습하기 전 네이버 블로그와 티스토리 자동 댓글 매크로도 한번 읽어보세요.

 

오토픽 에디터를 실행하고, 우측 하단의 외부 API를 선택하세요.

웹/인터넷 카테고리를 확장하고 웹 연결 액션을 더블 클릭하세요.

자동으로 스크립트가 생성되고 액션이 추가됩니다.

 

 

 

웹브라우저를 여러개 실행해서 동시에 작업하려면 아래와 같이 개인 프로필을 각각 만들어줘야 합니다.

지금 만드는 스크립트는 하나만 만들고 있지만, 최종적으로 완성된 매크로 프로그램은 멀티 다계정으로 실행되도록 처리할겁니다.

속성창에서 실행 옵션 추가를 클릭하고, 문자열 컬렉션 편집기에 아래 내용을 입력하세요.

• --user-data-dir=C:\chrome\profile 1

 

 

 

바탕화면에 내 작업 폴더가 있고, 그 안에 웹 자동화에 필요한 프로필 폴더를 3개 만들어 두었습니다.

위에서 이 폴더를 각각 추가하면 되는데요. 한 작업에 하나만 추가해야 합니다.

 

 

 

새 글 또는 댓글을 작성할 네이버 카페는 https://cafe.naver.com/autopeak 입니다.

네이버 카페로 이동하기 전 창 크길르 먼저 설정하도록 할께요.

창 크기에 따라서 UI가 바뀌기 때문에 기본적인 환경을 구성한 후 매크로 프로그램을 작성해야 합니다.

웹 연결 액션 아래에 있는 브라우저 제어 액션을 스크립트에 추가하고, 아래와 같이 설정하세요.

크롬 웹브라우저의 위치를 윈도우 화면 기준 0, 0 위치로 이동하고, 창 크기를 500, 500으로 설정했습니다.

 

 

 

네이버 카페로 이동하기 위해 웹 제어 액션을 추가한 후 아래와 같이 카페 주소를 입력하세요.

이 내용은 포이치 반복을 사용하면 엑셀이나 데이타베이스를 이용해서 반복 처리할 수 있습니다.

여기에서는 엑셀을 사용하지 않고, 텍스트 파일을 이용해볼께요. 엑셀은 네이버 블로그나 티스토리 자동 댓글을 참고해주세요.

 

 

 

매크로를 실행하면 아래와 같이 크롬 웹브라우저가 실행되고, 오토픽 네이버 카페로 이동됩니다.

 

 

 

크롬 웹브라우저를 선택하고 F12를 누르면 DevTools 창이 표시됩니다.

아마 처음 실행하시는 분들은 웹브라우저에 에드온된 상태로 표시될텐데요.

DevTools의 우측 끝에 점 3개 버튼을 클릭하면 Dock Side가 표시됩니다. 여기서 플로팅으로 선택하면 창을 분리할 수 있습니다.

DevTools 창의 왼쪽 첫번째 점선 사각형안에 화살표가 있는 아이콘을 클릭한 후 카페 글쓰기 버튼을 클릭하세요.

해당 버튼의 요소(Element)가 소스에서 선택됩니다. 선택된 소스에서 우클릭한 후 Copy XPath를 선택하세요.

 

 

 

웹 매크로의 가장 기본이 되는게 이 동작입니다. 웹페이지에서 버튼을 클릭하거나 내용을 가져올 때 요소를 선택해야 합니다.

물론, 내용을 입력할때도 요소를 선택해야 합니다. 위에서 설명한 방법만 알면 웹매크로를 90프로 이상 제작할 수 있습니다.

나머지 10프로는 iframe 처리와 프록시(Proxy) 또는 VPN을 처리하는 방법인데요. 이건 모바일 에뮬레이터로 쉽게 처리할 수 있기도 합니다.

 

카페 글쓰기 버튼을 클릭할 수 있는 엘리먼트를 찾았으니 웹 클릭 액션을 추가해서 속성을 설정 해볼께요.

 

 

 

웹 자동화 이름을 web1로 선택하고, 위에서 복사한 XPath를 엘리먼트 찾기 옵션 값에 붙여넣기 하세요.

오른쪽의 속성창에서 해당 속성을 클릭해서 선택한 후 콘트롤+V하면 붙여넣기가 됩니다.

참고로, 이미 웹브라우저가 실행된 상태고 오토픽 에디터가 연결되어 있기 때문에 아래와 같이 웹 클릭 위의 액션들은 체크를 해제 했습니다.

이미 웹브라우저가 연결되어 있기 때문에 또다시 실행할 필요가 없기 때문입니다.

 

 

 

카페 글쓰기를 클릭해보면 아래 그림과 같이 새로운 탭에서 글쓰기 창이 열립니다.

 

 

 

현재 첫번째 탭에 연결되어 있기 때문에 두번째 탭으로 액션 윈도우를 변경해야 합니다.

이와같이 여러개의 탭이 존재하는 경우에 어떤 탭에서 작업을 이어갈지 정해줘야 합니다.

첫번째 탭에서 계속해서 작업을 하다면 다시 버튼이나 텍스트를 처리하면 되지만, 우리는 글을 작성해야 하기 때문에 액션 윈도우를 변경해야 합니다.

웹 제어 액션을 하나 더 추가하고, 액션 옵션 값에 SelectLastWindow를 선택하세요. 이름처럼 명령을 받을 마지막 윈도우(Tab: 탭)를 선택합니다.

 

 

 

카페 글쓰기를 보면 게시판을 먼저 선택해야 하는데요. 아래와 같이 웹 클릭을 2개 추가하고 XPath를 각각 설정해주세요.

 

 

 

글 제목을 입력하려면 웹 텍스트 액션을 사용하면 됩니다.

아래와 같이 제목을 입력할 곳의 XPath를 복사한 후 웹 텍스트에 붙여넣기 하세요.

그리고, 키보드 입력 옵션을 Write로 변경하세요. 기본 값은 텍스트를 읽어오는 Read로 되어 있습니다.

 

 

 

입력 텍스트 속성에 아래와 같이 내용을 입력하세요.

 

 

 

이제 본문에 내용을 입력해야 하는데요. 이 부분이 약간 복잡하게 느껴질 수 있습니다.

보통 네이버 블로그나 티스토리와 같은 사이트들은 위지윅(WYSIWYG: What You See Is What You Get) 컨트롤을 사용합니다.

글쓰기 컨트롤에 정렬이나 글자 크기, 이미지 추가등등... 버튼들이 많으면 위지윅이라고 생각하면 됩니다.

위지윅은 대부분 iframe을 사용합니다. 좀 더 발전하면 쉐도우돔(ShadowDOM)을 사용할거 같긴하지만, 레거시 사이트는 iframe일 확률이 99프로입니다.

 

 

 

명령을 받을 컨트롤을 iframe으로 변경한 후 텍스트를 입력해야 합니다.

웹 텍스트 액션을 마지막에 추가하고, 입력 텍스트를 추가하세요.

XPath는 iframe의 body로 설정해야 합니다.

 

 

 

이제 매크로를 실행하고 결과를 확인 해보세요. 그전에 실행되었던 크롬 브라우저를 닫고, 모든 액션을 체크해야 합니다.

새로운 크롬 웹브라우저가 실행되고 자동으로 정렬됩니다. 그리고, 네이버 카페에 접속하는데요.

글쓰기를 누르고 제목과 내용까지 자동으로 입력되는걸 확인할 수 있습니다.

자세한 내용은 아래 동영상을 참고 해주세요.

감사합니다.

https://youtu.be/L463zJ8L5cE

 

 

[ 각종 자동화 매크로 및 RPA 프로그램 제작 해드립니다. ]

[ 초보자도 쉽게 따라할 수 있는 기초 학습 강좌 보기 ]

 

원본 글 보기

http://ngmsoftware.com/bbs/board.php?bo_table=tip_and_tech 

엔지엠소프트웨어