예전에 Quasar App 만드는 방법에 대해 포스팅을 했었다. 참고1, 참고2
오늘은 이에 대한 복습을 해보려고 한다.
1. create quasar project
먼저 퀘이사 프로젝트를 만든다.
yarn create quasar이후에 여러 질문들이 나오는데, 해당되는 것들을 사용하면 되고, 마지막으로 프로젝트 dependency는 다 설치해준다.
2. isntall android studio
본인이 생성하려는 앱이 어떤 운영체제를 사용하고 있느냐에 따라 달라진다. 기본적으로 웹화면에서만 사용할 것이면, 생성된 기본 quasar project가 웹 베이스이기에 yarn quasar dev를 통해서 디버그 모드를 통해 개발을 할 수 있다. 그러나 android나 ios를 사용한다면 각각에 맞는 Editor를 통해 개발 과정에서 디버깅을 할 수 있다. 나는 android를 사용할 것이기에 android studio를 설치하고, SDK를 설치 및 환경 변수에 등록해 놓았다. 방법은 SDK가 설치된 위치를 찾고, 이를 복사한다. 복사한 위치를 vi ~/.zshrc 로 환경변수의 path 부분에 추가한다. source ~/.zshrc를 눌러 바로 적용해주면 환경변수에 등록완료된다.
3. Capacitor mode
quasar에서 App에서 BT 기능을 사용하려면 Capacior나 Cordova를 이용하면 된다. 기본적으로 Quasar Frmaework는 Capacior mode를 지원하여 이를 통해 App 개발 모드도 이용할 수 있다.
quasar mode add capacior그러면 Capacior CLI를 이용하여 /src-capacitor 디렉토리를 생성한다.
4. 개발서버 활성화
yarn quasar build -m capacitor -T android를 통해서 안드로이드 스튜디오를 열고, 내가 만든 코드를 실행해볼 수 있다.
5. build
yarn quasar build위를 통해 디바이스에서 자체 자원을 이용하여 앱을 구동시킬 수 있게 한다.
6. APK 빌드
Android Studio에서 build apk를 통해 APK 파일을 생성한다. 이를 포트나 메신저를 통해서 간단하게 설치할 수 있다.
