Electron에서 역 스파아토 웹 서비스의 툴 기능을 사용하는 이야기

발 연구소 Advent Calendar 2016 , 12일째는 Electron 에서 역 스파아토 Web API를 사용해 보는 예를 소개해 보려고 합니다.

역 스파아토 웹 서비스가 제공하는 기능에는 검색 조건 생성가 있습니다. 경로 탐색에서는 검색 조건을 지정하지만 거기에서 지정하는 조건 데이터를 생성하는 것이이 검색 조건 생성입니다.

검색 조건으로 설정할 수 있는 항목은 많고 검색 조건 생성 문서를 보면 많은 매개 변수가 있음을 알 수 있습니다. 과연 이것을 CLI에서 설정하는 것은 힘들기 때문에 좀 더 편하게 탐색 조건 데이터를 얻을 수 있도록 해 보겠습니다.

Electron에서 검색 조건 생성 사용

웹 앱의 형태로 탐색 조건 생성 기능을 이용하는 방법도 있습니다만, 액세스 키의 취급을 고려할 필요가 나옵니다(액세스 키를 은폐하는 방법은 6일째 기사를 참조해 주세요).

따라서 이번에는 HTML+JavaScript로 데스크톱 앱을 구축할 수 있고Electron 탐험 조건을 GUI에서 생성할 수 있는 앱을 만들어 보겠습니다.

Electron 설치

Electron 개발 환경을 준비합니다. 우분투의 예는 다음과 같습니다.
먼저 nodejs 및 npm를 설치합니다.
$ sudo apt-get install nodejs npm

npm 명령은 Node.js의 명령 이름이 노드 결정이기 때문에 심볼릭 링크를 설정합니다.

$ cd /usr/bin
$ sudo ln -s nodejs node

그런 다음 npm에서 electron-prebuilt를 설치하여 준비합니다.

$ sudo npm install electron-prebuilt -g

동작 예

동작 예는 다음과 같습니다. 아직 작성 중이므로 설정할 수 있는 조건은 적습니다....
(소스 코드는 GitHub에 UP할 예정이므로 기다려 주시면)



데스크톱 앱의 형태라면 액세스 키는 사용자의 손에 관리하는 형태가 되므로 웹 앱과는 다른 활용 방법이 있을 것 같습니다.

요약

달리기는 하지만 Electron에서 역 스파아토 웹 서비스의 기능을 이용하는 예를 소개해 보았습니다. Web 앱을 Electron으로 움직인 것만 느낌은 있지만, 데스크톱 앱으로서의 활용 방법을 찾아 보고 싶은 것입니다.