# PWA Push Web App
# Vue 플러그인 장점
// router/index.js
import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
Vue-router는 공식 플러그인이라 위와 같은 방법으로 사용 선언한다.
// myplugin.js
export default {
install() {
console.log("플러그인 설치");
}
}
// main.js
import MyPlugin from './plugins/MyPlugin'
Vue.use(MyPlugin);
플러그인은 초기에 실행할 때 한 번만 실행되므로, 코드가 중복되지 않는 장점이 있다.
main.js가 라이브러리의 속성을 파악하기 쉽게 플러그인화 시키면 좋다.
# Vue Composition API
기존 Vue Instance에 setup 속성이 추가된 것이다.
# Firebase
Github api, facebok api를 사용하여 인증하는 것보다 firebase로 인증하는 것이 더욱 쉽다.
# 모바일 push 알람 구조
- Android : GCM (Google Cloud Messaging) & FCM
- iOS : APNS (Apple Push Notification Service) & FCM
등록을 하고 나온 key값을 database에 저장
그 후에 GCM이 각각의 단말기에 push를 쏴주는 형태이다.
애플리케이션 서버키를 암복호화 해주어야 한다. web push라는 라이브러리가 있지만 https://web-push-codelab.glitch.me/ 이 사이트로 진행하는 것이 더 편하다.