build.gradle(:app)

def localProperties = new Properties()
def localPropertiesFile = rootProject.file('local.properties')
if (localPropertiesFile.exists()) {
localPropertiesFile.withReader('UTF-8') { reader ->
localProperties.load(reader)
}
}

def flutterRoot = localProperties.getProperty('flutter.sdk')
if (flutterRoot == null) {
throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
}

def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
if (flutterVersionCode == null) {
flutterVersionCode = '1'
}

def flutterVersionName = localProperties.getProperty('flutter.versionName')
if (flutterVersionName == null) {
flutterVersionName = '1.0'
}

apply plugin: 'com.android.application'
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

android {
compileSdkVersion 28

lintOptions {
disable 'InvalidPackage'
}

defaultConfig {
// TODO: Specif…

파이어베이스 로그인 상태에 따라서 로그인 창이 보이거나 감추기

#1. html

        <!-- 로그인 뷰 -->   
        <div class="login-background vertical-center" v-if="!user">       


#2. script

    // 뷰 생성 //
    var app = new Vue({
        el: '#app',
        data: {
            user: null       
        },
        methods: {
            update(user) {
                this.user = user
            }
        }
    });
    
    // 파이어베이스 인증 리스너 //
    firebase.auth().onAuthStateChanged((user) => {        
        app.update(user);
    });


    // 로그아웃 //
    $('.logout-link').click(function(e){
        e.preventDefault();
        
        firebase.auth().signOut().then(function () {
            console.log('로그아웃 상태');
        }).catch(function (error) {
            console.log(error.message);
        });        
    });


* 새로고침 했을 때 깜박거림이 신경쓰이긴하다.

댓글

이 블로그의 인기 게시물

파이어베이스 펑션스 서브도메인 설정하기

build.gradle(:app)