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 Instance에 setup 속성이 추가된 것이다.

Github api, facebok api를 사용하여 인증하는 것보다 firebase로 인증하는 것이 더욱 쉽다.

등록을 하고 나온 key값을 database에 저장

그 후에 GCM이 각각의 단말기에 push를 쏴주는 형태이다.

애플리케이션 서버키를 암복호화 해주어야 한다. web push라는 라이브러리가 있지만 https://web-push-codelab.glitch.me/ 이 사이트로 진행하는 것이 더 편하다.