build ioni c экран блокировки от любой навигации и работы

Question

привет, я хочу создать экран блокировки для моего приложения, который блокирует мое приложение от работы, пока пользователь не введет пароль

проблема в том, когда я перехожу к экрану блокировки по этому коду, пользователь может pu sh кнопку «Назад» на своем телефоне и возврат на последнюю страницу перед блокировкой

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



this.router.navigate(['lock']);

просто свяжите телеграмму с локальной блокировкой

введите описание изображения здесь

введите описание изображения здесь

Answer 1

Сделайте свой экран блокировки как модель. И в этом случае модальный режим не будет закрываться и будет действовать до тех пор, пока пользователь не введет свой пароль, и во всех приложениях, если вы узнаете (whatsapp) и другие приложения, они используют модалы для установки блокировки, а не обычные страницы, поскольку они более защищены. Во-вторых, это потрясающая часть, которая означает, что это приложение js / html, пользователи могут просматривать его URL-адрес и изменять его на другую страницу, и, таким образом, блокировка будет отсутствовать, поэтому в этом случае вам либо нужно будет передать блокировку, чтобы открыть ее в резольвере, или сделать его модальным, и, таким образом, при смене URL или при нажатии кнопки oage изменится, но модальный будет оставаться открытым. И хотя вы можете поместить подписку на кнопку в модальном режиме, чтобы отключить действие кнопки приложения для приложения, когда модальное окно открыто.

Способ достижения:

Во-первых, у вас есть страница, поэтому вам не нужно создавать новую страницу. Второй объявите модал в конструкторе и импортируйте его, как показано в ссылке ниже. https://ionicframework.com/docs/v4/api/modal

И при проверке прохода неверен или истина, если проход верен, то this.modal.dismiss (). И это все. Это слишком легко.

Answer 2

Может включать и отключать аппаратную кнопку возврата для этой страницы

hardwareDetect: Subscription;

constructor(){
  this.hardwareDetect = this.platform.backButton.subscribeWithPriority(99, () => {

        });
}


  ionViewDidLeave() {
     this.hardwareDetect.unsubscribe();
  }