Programming/Hybrid

최근에, nuxt.js 를 이용하여 세팅하는 방법을 올린 적이 있는데 회사 내부적으로 최종적으로 Vue + Cordova + OnsenUI 를 이용하여 개발하기로 하였다. 실질적인 개발은 무리없이 진행되고 있었는데 Cordova Plugin 을 연동하는 부분에서 꽤나 애먹었다. (핸드폰에 저장되어있는 모든 사진을 웹상에 띄워줬어야 하는데 이부분에서 시간을 잡아먹었다...) 이부분을 해결 하였으니, 하이브리드 어플리케이션을 개발하는 다른사람들에게 도움이 되고자 세팅하는 법 부터 차근차근 정리해 보기로 했다. 일단, Vue, Cordova, OnsenUI 가 무엇인지 부터 간단하게 알아보자. 1. Vue.js https://vuejs.org/ Vue.js Vue.js - The Progressive Java..

폰갭에서 FCM은 플러그인을 사용하여 연동해야 한다. 주구장창 Firebase 문서를 봐도 폰갭에 연동할 수 있는 방법은 잘 나오지 않는다. 일단 이 글은 Android를 기준으로 한다. 먼저, cmd 혹은 terminal 창에서 PhoneGap 프로젝트의 root로 이동한다. 시작하기 전에, npm 등을 이용하여 cordova 명령어를 터미널 창에서 사용 할 수 있어야 한다. FCM을 연동하기 전에, 폰갭 컴파일을 컴퓨터에 연결된 모바일 device에서 컴파일 할 수 있게 (실제 안드로이드 프로그래밍 할 때 처럼) 환경을 구축해 주는 것이 좋기 때문에 해당 내용을 먼저 설명 한다. cordova --force platform rm b rowser cordova --force platform add br..