[ Ionic ] 웹개발자가 만드는 Ionic 어플 - 4탄 (배포 후 문제점)

2019/12/02 - [Mobile] - [ Ionic ] 웹개발자가 만드는 Ionic 어플 - 1탄 (설치, 오픈 소스 활용)

2020/01/31 - [Mobile] - [ Ionic ] 웹개발자가 만드는 Ionic 어플 - 2탄 (기초 구성 및 구현)

2020/04/04 - [Mobile] - [ Ionic ] 웹개발자가 만드는 Ionic 어플 - 3탄 (배포)

 

https://play.google.com/store/apps/details?id=devjoo.ionic.widmarkapp

지금어때 - 실시간 음주 계산기, 술게임, 혈중 알콜 농도 계산, 음주 측정 - Google Play 앱

 

 

배포 후 문제점

1. 구글몹 작동 x

2. 뒤로 버튼 종료 x

 

1. 구글몹 작동 x

 - 배포 후 다운로드 받아 실행했을때 광고가 제대로 작동되지 않았었다. plugin_not_installed 알럿창이 발생하며 광고는 나타나지 않았었다.

- 구글 몹에 해당 어플을 연동시키지 않아서 생긴 문제였다. 애드몹 test 당시 구글 플레이에 게시하지 않고 진행했었는데 구글몹에 있는 앱에다가 구글 플레이 스토어 아이디를 입력해주면 해결되는 간단한 오류였다.

 

2. 뒤로 버튼 종료 x

 - 보통 어플의 경우 하드웨어의 뒤로 가기 버튼을 누르게 되면 앱이 종료되는데 필자는 해당 기능이 기본 탑재되어있을거라 생각했으나 추가해주어야 한다.

 - 기능을 추가한 뒤 배포하니 잘 작동하였다.

import { Component } from '@angular/core';

import { Platform, ToastController } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AdMobFree, AdMobFreeBannerConfig } from '@ionic-native/admob-free/ngx';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent {

  clicked = 0;

  constructor(
    private toastCtrl: ToastController,
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
  ) {
    this.initializeApp();

  }


  initializeApp() {
    this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });


    this.platform.backButton.subscribe(async () => {
        if (this.clicked === 0) {
            this.clicked++;

            const toast = await this.toastCtrl.create({
                message: '이전 버튼을 한번 더 누르시면 앱이 종료됩니다.',
                duration: 2000
            });
            toast.present();

            setTimeout(() => {
                this.clicked = 0;
            }, 2000);
        } else {
            navigator['app'].exitApp();
        }
    });
  }


}