lemon-chrome-bot

chrome extension to communicate between API <-> websocket <-> background <-> tabs <-> content <-> page.

• Chrome Extension Page

Dev Environ (개발 환경)

1. Open Chrome browser with url chrome://extensions.
2. Activate Developer mode --> Select LOAD UNPACKED --> Select build folder. (NOTE! run npm run build before)
3. Open development console --> Reload Page --> Check lemon ready! message in console log.

Background Console (백그라운드 디버깅)

1. chrome://extensions -> Select Lemon Chrome Bot -> Inspect views background page.

• TIP: page 의 document.location를 얻는 방법

// change client-name.
> $LEM.client_name('chrome-bot')

// switch default tab-id as 2 (maybe 2nd tab, find out from console log)
> $LEM.tid(2)

// say `hi~ there`
> $LEM.hi('there')

// evaluate script
> $LEM.eval('document.location')

---

Build Package

• 관리 화면을 react로 만듬. 참고 url

# install react tool (one-time)
$ npm install -g create-react-app

# npm (one-time at least)
$ npm install

# bulid. 
$ npm run build

---

References

• 매진된 SRT 승차권 예매를 도와주는 크롬 확장 프로그램
• Publish Chrome Extension
• Socket Io in chrome
• Using Messaging