ssl - 如何在 ionic 3 中实现 SSL pinning

Question

我是 Ionic 3 的新手，我想在我的应用程序中实现 SSL 固定。我正在使用这个插件 https://ionicframework.com/docs/native/http/我的 home.ts 看起来像这样

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {HTTP} from '@ionic-native/http';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController, public http:HTTP) {

  }
  ionViewDidLoad() {
this.load();
  }
load(){
    this.http.get('https://www.dashboard.mambowallet.com', {}, {})
  .then(data => {
    console.log("connection successful");
    console.log(data.status);
    console.log(data.data); // data received by server
    console.log(data.headers);

  })
  .catch(error => {
    console.log("connection not successful");
    console.log(error.status);
    console.log(error.error); // error message as string
    console.log(error.headers);

  });
}
}

我的 app.modules.ts 看起来像这样

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import {HTTP} from '@ionic-native/http';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';

@NgModule({
  declarations: [
    MyApp,
    HomePage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    HTTP,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

我已将服务器 SSL 证书保存在 src/assets 文件夹中，当我执行 ionic 服务时，在浏览器上控制台输出此

我错过了什么吗？

Answer 1

您需要在真实设备上进行测试。您将无法在 Chrome 浏览器/模拟器中使用任何 cordova 或 native 插件，即您不能使用“ionic serve”

运行下面的命令并使用 Safari 调试您的应用。

ionic cordova run ios --device  -l --debug --verbose