# 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로 인증하는 것이 더욱 쉽다.

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/ 이 사이트로 진행하는 것이 더 편하다.