소개

이나타츠 아드카레 의 18일째의 기사입니다.

slack이나 line등에서 놀 때 webhook를 사용할 때에 일일이 VPS나 heroku에 일일이 개발중에 배치하는 것은 귀찮네요. . .

ngrok을 사용하여 개발을 편하게하는 방법입니다.

ngrok의 인스코

$ brew cask install ngrok
brew로 넣어 봅시다. 말하지 않아요.

슬랙 설정

이 슬래시 명령을 슬랙에 추가합니다.
슬래시 명령 설정 화면에

명령

URL

메서드

토큰

이름 사용자 정의

등등 설정 항목이 있을까 생각합니다.

이번에 최소한 필요한 것은 위의 두 명령과 URL입니다.

명령에 \hoge를 입력하면 Slack이 해당 게시물을 명령으로 인식합니다.
그리고, 그 수취를 web로 hook하고(수수께끼)URL로 지정하고 있는 개소에 부딪혀 줍니다.
그렇다면 지정할 URL을 생성합시다.

ngrok 시작

$ ngrok http 3000이제 localhost:3000을 IP로 게시할 수 있습니다.

connecting이 되고 있는 것이 online로 바뀌면 공개되어 있다는 것이 됩니다.


Web Interface http://127.0.0.1:4040어쨌든 4040 포트에서 ngrok을 모니터링하는 페이지가 확장되었습니다.

localhost:4040에 액세스하면 이런 느낌입니다.

Forwarding http://ae2d3823.ngrok.io -> http://localhost:3000
Forwarding https://ae2d3823.ngrok.io -> http://localhost:3000

그리고이 주소에 자신의 localhost : 3000이 포워딩되고 있다는 것을 목표로하고 있습니다.

이 https://ae2d3823.ngrok.io를 SlashCommands의 URL 난초에 입력하면 무사히 /hoge가 붙은 게시물이 https://ae2d3823.ngrok.io 즉 localhost:3000로 전송된다는 것입니다.

이것을 활용하는 것으로, 간이적으로 webhook를 이용한 bot 개발을 할 수 있습니다.

결론

최종 배포는 제대로 수행하겠습니다.