001. Raspberry Pi - MagicMirror2 install on windows

001. Raspberry Pi - MagicMirror2 install on windows

사이트: https://magicmirror.builders

 

18년쯤에 smart-mirror 를 만들어보다가 멈추었는데

이번에 다시 해보기로..

 

달라진점이 있다면, smart-mirror 대신 MagicMirror2 으로 노선을 바꿨다

단지 윈도우에서도 실행 할 수 있다는 이유..

맥을 쓰면 상관없는데 windows에서 node-gyp 관련 에러로 사용이 안된다

열정따위 없으니 오류를 해결할 생각이 전혀 없다..

 

MagicMirror2 도 구동 시 DISPLAY="${DISPLAY:=:0}"  관련 에러가 나긴하지만

windows에선 해당 부분을 삭제하고 실행해주면 된다

package.json 의 start 부분

 

electron.js 위에서 nodejs 웹서버가 올라가는걸로 보이는데

electron.js를 직접 수정하는 일은 없을 듯 하다

 

nodejs, git, python 을 사전에 설치하고 진행해야 정신건강에 좋다

가상화 툴인 anaconda3 를 이용하면 좀더 편할 수도

딱히 anaconda 가 없어도 윈도우에서 잘된다

 

설치가 끝나면 github에서 MagicMirror2 소스를 받아 npm install 을 진행하면 된다

 

001. Raspberry Pi - MagicMirror2 install on windows

출처: https://github.com/MichMich/MagicMirror

 

github에서 zip 파일로 받아서 압축을 풀어도 상관없는데, 이미 git을 설치했을테니

명령어로 하는게 더 편하다

---

clone MagicMirror2

git clone https://github.com/MichMich/MagicMirror.git

 

clone 을 하고 npm install 을 진행하면 되는데

문서를 대충보고 진행했더니 실행화면이 검은색으로 만 나온다

vender, fonts 디렉토리에도 pckage.json 이 있다

 

한마디로 npm install 을 3번 해줘하지만

package.json 의 script 를 보면

install 항목에 그부분이 정의 되있으니

npm install 후에 npm run install 을 진행하면 된다

 

pi에서 진행하면 npm install 만 해도된다, 자동으로 실행해주는 모양

found 62 vulnerabilities (61 low, 1 moderate)   run `npm audit fix` to fix them, or `npm audit` for details

이런 문구가 뜨면, npm audit fix --force 를 진행해주면 된다

그리고 npm fund 를 한번더 해주면 끄읏

npm audit fix --force

npm fund

의존성 패키지의 보안점검(?) 기능이 추가된거라고 한다

 

---

설정파일 생성

의존성 lib 설치가 끝나면

config/config.js.sample 을 이용해서

config/config.js 파일을 만들어주고

 

npm start 를 하면 매직미러가 실행된다

 

001. Raspberry Pi - MagicMirror2 install on windows

설정파일을 안만들면 이런화면이 나온다

---

한글화

언어설정을 변경하면 일부분이 한글로 변경되는데

오류가 있어 수정해줘야 한다

translations/translations.js 파일을 열어

kr: "translations/kr.json", // Korean  이부분을

-> ko: "translations/kr.json", // Korean 로 변경해주면 된다

 

그리고 config/config.js 파일을 열어

language: "en" -> language: "ko" 로 변경해주면 한글이 일부분이 한글로 변경된다

 

pi에서는 한글폰트를 별도로 설치해줘야 깨지지 않고 나오니

한글 입력 및 폰트를 설치해주자

sudo apt install ibus ibus-hangul ttf-unifont -y

 

001. Raspberry Pi - MagicMirror2 install on windows

날짜 부분이랑 후에 연동할 날씨 api 등에 한글이 적용되서 나오게 된다

달력, 날씨, 뉴스피드 api가 연동되있는 모습

 

기본포트 변경

기본 포트가 localhost:8080 으로 되어있는데, 웹서비스를 하다보면 포트가 겹치는일이 많다

간단하게 config/config.js 파일의 port: 8080 부분의 8080을 사용하고자 하는 포트로 변경해주면 된다