【发布时间】:2020-11-20 02:52:31
【问题描述】:
我是 Ionic 的新手。我需要有关在我的应用程序中设置指纹和/或密码身份验证的帮助。我使用了 Android Fingerprint Auth Cordova 插件。在我的安卓设备上运行它时,它工作正常,但是,它有一个取消按钮,当用户点击它时,它会打开应用程序。我想禁用此取消按钮并阻止用户进入应用程序。
下面是代码:
import { Component } from '@angular/core';
import { AndroidFingerprintAuth } from '@ionic-native/android-fingerprint-auth/ngx';
import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.scss']
})
export class AppComponent {
constructor(
private platform: Platform,
private splashScreen: SplashScreen,
private statusBar: StatusBar,
public androidFingerprintAuth: AndroidFingerprintAuth
) {
this.initializeApp();
}
initializeApp() {
this.platform.ready().then(() => {
this.statusBar.styleDefault();
this.splashScreen.hide();
this.androidFingerprintAuth.isAvailable()
.then((result)=> {
if(result.isAvailable){
// it is available
this.androidFingerprintAuth.encrypt({ clientId: 'myAppName', username: 'myUsername', password: 'myPassword',maxAttempts:5,dialogTitle:'Confirm finger print to continue',userAuthRequired:true })
.then(result => {
if (result.withFingerprint) {
console.log('Successfully encrypted credentials.');
console.log('Encrypted credentials: ' + result.token);
} else if (result.withBackup) {
console.log('Successfully authenticated with backup password!');
} else console.log('Didn\'t authenticate!');
})
.catch(error => {
if (error === this.androidFingerprintAuth.ERRORS.FINGERPRINT_CANCELLED) {
console.log('Fingerprint authentication cancelled');
} else console.error(error)
});
} else {
// fingerprint auth isn't available
}
})
.catch(error => console.error(error));
});
}
}
请建议如何禁用取消按钮。
谢谢。
【问题讨论】:
-
有登录页面吗?这个代码在哪里使用?在第一页之后的第一页?
标签: angular cordova ionic-framework cordova-plugins ionic-native