NativeScript-Vue와 Firebase로 앱 푸시 해보기

안녕하세요. 서호입니다.

오늘은 Firebase로 앱 푸시알림을 받아보는 방법을 포스팅하겠습니다.

 

cmd창을 키셔서, vue프로젝트가 있는 경로로 이동해주세요.

 

npm install @nativescript/firebase-core

npm install @nativescript/firebase-auth

npm install @nativescript/firebase-storage

npm install @nativescript/firebase-messaging

 

nativescript.config.ts에 id com.Seoho.vue(firebase에 설정해준) 로 바꾸기

 

app/build.gradle에 추가

 

apply plugin: 'com.android.application'
// Add this line
apply plugin: 'com.google.gms.google-services'

dependencies {
    implementation 'com.google.firebase:firebase-core'
    implementation 'com.google.firebase:firebase-messaging'
    implementation platform('com.google.firebase:firebase-bom:26.8.0')
}

 

 

minSdkVersion 20 이하 "AndroidX를 사용하지 않는" 경우build.gradle(app) 파일에서 multiDexEnable을 true로 설정해서 추가하고 multidex 서포트 라이브러리를 dependencies에 추가해야 합니다.

android {
    compileSdkVersion 28
    buildToolsVersion '28.0.3'

    defaultConfig {
        minSdkVersion 19
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        multiDexEnabled true <- 추가
    }
 

compileSdkVersion 31 >>바꿈
buildToolsVersion '28.0.3'

defaultConfig {
    def manifest = new XmlSlurper().parse(file(android.sourceSets.main.manifest.srcFile))
    def minSdkVer = manifest."uses-sdk"."@android:minSdkVersion".text() ?: NS_DEFAULT_MIN_SDK_VERSION
    minSdkVersion 19
    targetSdkVersion 31 >> 바꿈

 

Firebase에 앱 등록 진행,

 

뷰폴더\platforms\android\app\google-services.json 에 google-services.json 넣어주기

 

build.gradle에 다음 라인 추가

classpath 'com.google.gms:google-services:4.3.5'