Flutter 自签名证书

前言
Flutter项目中服务器使用了自签名证书,如果直接使用https请求或者wss请求的话会报证书签名错误。

HandshakeException: Handshake error in client (OS Error:
I/flutter (28959): │ 💡 CERTIFICATE_VERIFY_FAILED: unable to get local issuer certificate(handshake.cc:359))

或者

CERTIFICATE_VERIFY_FAILED: self signed certificate in certificate chain(handshake.cc:354))
信任自签名证书
1.忽略证书校验
你可以通过以下步骤忽略证书验证。从而接受自签名证书

首先创建一个class 重写HttpOverrides

class MyHttpOverrides extends HttpOverrides {
  
  HttpClient createHttpClient(SecurityContext context) {
    return super.createHttpClient(context)
          ..badCertificateCallback = (X509Certificate cert, String host, int port) {
            //add your certificate verification logic here
            return true;
          };
  }
}

然后在main 方法将MyHttpOverrides 设置成全局的HttpOverrides。

HttpOverrides.global = new DevHttpOverrides();
当系统检测证书有问题时,会通过回调badCertificateCallback让我们有机会接受或拒绝这个错误的证书,当返回true时,表示我们接受这个证书,会继续完成通讯请求,当返回false时,表示我们不接受错误的证书,https通讯将失败。

当然你也可以在badCertificateCallback添加自己的证书校验逻辑。强烈不建议在正式环境将badCertificateCallback直接返回true,因为这样会接受所有的证书,相当于SSL加密层形同虚设,很容易造成中间人攻击。

2.使用本地CA根证书验证服务器证书
我们可以将服务器用来生成自签名证书的CA证书放在本地,设置为受信任的证书,然后用这个证书校验服务器证书。代码如下:

class MyHttpOverrides extends HttpOverrides {
  
  HttpClient createHttpClient(SecurityContext context) {
     //加载本地根证书
      ByteData data = await rootBundle.load('assets/data/ca-cert.pem');
      final SecurityContext clientContext = SecurityContext()
     //使用此方法设置受信任根证书
      ..setTrustedCertificatesBytes(data.buffer.asUint8List())
    return super.createHttpClient(context)
          ..badCertificateCallback = (X509Certificate cert, String host, int port) {
            //add your certificate verification logic here
            return false;
          };
  }
}

这种方式能极大提高安全性。

常见问题
CERTIFICATE_VERIFY_FAILED: Hostname mismatch

Flutter ssl默认会检测证书 subject 中的CN字段和请求url 中的host 是否一致。 如果不一致会报这个错误。

如果请求的url时https://baidu.com/tanslate , 那么服务器的证书CN字段必须包含Baidu.com。

很可惜目前基于flutter3.0 没有提供相应的API 去忽略hostname 检测,我们能做的就是在badCertificateCallback 添加自己的校验逻辑,如下:

  ..badCertificateCallback = (X509Certificate cert, String host, int port) {
       if(host=="baidu.com")
        return true;
       else return false;
      };

2.本地CA根证书验证服务器证书时,当服务器证书的签名不对时,会回调到badCertificateCallback, 而其他证书错误也会回调到badCertificateCallback, 如果要如何区分不同的证书错误原因,则需要手动去校验证书的签名等信息。

class MyHttpOverrides extends HttpOverrides {
  MyHttpOverrides() {}
  
  HttpClient createHttpClient(SecurityContext? context) {
      ByteData data = await rootBundle.load('assets/data/ca-cert.pem');
    final SecurityContext clientContext = SecurityContext()
      ..setTrustedCertificatesBytes(caCertificate);
    return super.createHttpClient(clientContext)
      ..badCertificateCallback = (X509Certificate cert, String host, int port) 
      //根据根证书校验服务器证书
        bool isverify = verifyCertificate(ca_cert, cert.pem);
        if (!isverify){
          //签名错误
          return false;
        }
        if (currentIp != host) {
          return false;
        } else {
          return true;
        }
    };
  }
}

其中verifyCertificate 方法如下,用到了x509这个package。传送门

import 'dart:convert';
import 'dart:typed_data';
import 'package:x509b/x509.dart' as x509;
import 'package:asn1lib/asn1lib.dart';

import 'flutter_log.dart';

 bool verifyCertificate(String caCert, String serverCert) {
  // var strX1PublicKeyInfo = "-----BEGIN CERTIFICATE-----\nSOME PUBLIC KEY\n-----END CERTIFICATE-----";
  // var strX2Certificate = "-----BEGIN CERTIFICATE-----\nSOME CERTIFICATE\n-----END CERTIFICATE-----";

  var x1PublicKey = (x509.parsePem(caCert).single as x509.X509Certificate).publicKey as x509.RsaPublicKey;
  var x2Certificate = x509.parsePem(serverCert).single as x509.X509Certificate;

  var x2CertificateDER = decodePEM(serverCert);

  var asn1Parser = ASN1Parser(x2CertificateDER);
  var seq = asn1Parser.nextObject() as ASN1Sequence;
  var tbsSequence = seq.elements[0] as ASN1Sequence;

  var signature = x509.Signature(Uint8List.fromList(x2Certificate.signatureValue!));
  var verifier = x1PublicKey.createVerifier(x509.algorithms.signing.rsa.sha256);

  return verifier.verify(tbsSequence.encodedBytes, signature);
}

Uint8List decodePEM(String pem) {
  var startsWith = [
    '-----BEGIN PUBLIC KEY-----',
    '-----BEGIN PRIVATE KEY-----',
    '-----BEGIN CERTIFICATE-----',
  ];
  var endsWith = [
    '-----END PUBLIC KEY-----',
    '-----END PRIVATE KEY-----',
    '-----END CERTIFICATE-----'
  ];
  pem=pem.trim();
  //HACK
  for (var s in startsWith) {
    if (pem.startsWith(s)) pem = pem.substring(s.length);
  }

  for (var s in endsWith) {
    if (pem.trim().endsWith(s)) {
      Log().i("certificate:substring");
      pem = pem.trim().split(s)[0];
    }
  }

  //Dart base64 decoder does not support line breaks
  pem = pem.replaceAll('\n', '');
  pem = pem.replaceAll('\r', '');
  return Uint8List.fromList(base64.decode(pem));
}

作者:星辰大海TT
链接:https://www.jianshu.com/p/5dfb882671a3

### 回答1: Flutter 是 Google 开发的跨平台移动应用开发框架。如果你想在 Flutter 中播放 HTTPS 无签名的视频,你可以使用 Flutter 的 video_player 插件。 要使用 video_player 插件,你需要在 pubspec.yaml 文件中添加如下依赖: ``` dependencies: flutter: sdk: flutter video_player: ^0.10.11+1 ``` 然后,在你的代码中导入 video_player 插件: ``` import 'package:video_player/video_player.dart'; ``` 接下来,你就可以使用 VideoPlayer 小部件来播放视频了。例如,你可以在你的 Flutter 应用中添加一个播放器,如下所示: ``` VideoPlayerController controller = VideoPlayerController.network( 'https://example.com/video.mp4', ); @override void initState() { super.initState(); controller.initialize().then((_) { setState(() {}); }); } @override Widget build(BuildContext context) { return Scaffold( body: Center( child: controller.value.initialized ? AspectRatio( aspectRatio: controller.value.aspectRatio, child: VideoPlayer(controller), ) : Container(), ), ); } ``` 这里,我们使用 VideoPlayerController.network() 方法来创建一个控制器,并传入视频的 URL。然后,我们使用 VideoPlayer 小部件来渲染视频播放器。 希望这些信息能帮到你! ### 回答2: flutter支持使用video_player插件来实现视频播放功能。 在进行https无签名的视频播放时,我们需要做一些额外的工作。 要在flutter中使用https无签名的视频播放,我们可以通过以下步骤来实现: 1. 添加video_player插件到flutter项目中,可以在pubspec.yaml文件中的dependencies部分进行添加。 2. 在Flutter的页面中,导入video_player包,并创建一个VideoPlayerController的实例,用来控制视频的播放。 例如: ``` import 'package:video_player/video_player.dart'; class VideoPlayerPage extends StatefulWidget { @override _VideoPlayerPageState createState() => _VideoPlayerPageState(); } class _VideoPlayerPageState extends State<VideoPlayerPage> { VideoPlayerController _controller; @override void initState() { super.initState(); _controller = VideoPlayerController.network('https://example.com/video.mp4', videoPlayerOptions: VideoPlayerOptions(mixWithOthers: true)) ..initialize().then((_) { setState(() {}); }); } @override void dispose() { super.dispose(); _controller.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Video Player'), ), body: Center( child: _controller.value.isInitialized ? AspectRatio( aspectRatio: _controller.value.aspectRatio, child: VideoPlayer(_controller), ) : CircularProgressIndicator(), ), floatingActionButton: FloatingActionButton( onPressed: () { setState(() { _controller.value.isPlaying ? _controller.pause() : _controller.play(); }); }, child: Icon( _controller.value.isPlaying ? Icons.pause : Icons.play_arrow, ), ), ); } } ``` 上面的代码通过VideoPlayerController.network()创建了一个视频播放器,并将视频的URL传递给它。请将'example.com/video.mp4'替换为你要播放的实际视频URL。 3. 然后,我们将创建的VideoPlayer放在Flutter页面上的适当位置,例如在一个Container或AspectRatio小部件中。我们可以使用controller.value.isInitialized来检查控制器是否已经初始化,如果已经初始化,我们可以将VideoPlayer小部件添加到页面上。 在上面的代码中,我们在AppBar下面的body部分放置了一个小部件,会根据控制器的初始化状态来显示加载指示器或视频播放器。 最后,我们可以使用悬浮动作按钮添加一个播放/暂停按钮,以方便用户控制视频的播放和暂停。 ### 回答3: flutter是一种用于构建跨平台移动应用程序的开发框架,它提供了丰富的功能和组件,以便开发者可以轻松地创建具有各种功能的应用程序,包括视频播放功能。 当我们需要在flutter应用程序中实现视频播放功能时,有时我们可能会面临一个问题,那就是如何在应用程序中播放HTTPS无签名的视频。HTTPS无签名意味着视频的安全证书不被认可或有效。 要在flutter应用程序中播放HTTPS无签名的视频,我们可以使用第三方插件或库,例如video_player插件。video_player插件是一个非常受欢迎的flutter插件,它提供了播放视频的功能,并且支持HTTPS无签名的视频。 我们可以通过在pubspec.yaml文件中添加video_player插件的依赖来使用它。然后,可以在flutter应用程序的代码中导入插件并使用它来播放视频。 当我们使用video_player插件播放HTTPS无签名的视频时,需要注意以下几点: 1. 检查设备的网络连接状态,确保可以正常访问网络。 2. 在代码中指定视频的URL,并传递给video_player插件。 3. 如果由于安全证书的问题而无法播放视频,则需要通过配置网络安全策略来解决。可以参考Dart和flutter的网络库中提供的相关文档来了解如何配置网络策略。 总之,要在flutter应用程序中播放HTTPS无签名的视频,我们可以使用video_player插件,并在代码中指定视频的URL,并通过配置网络安全策略来解决证书问题。这样就可以实现在flutter应用程序中播放HTTPS无签名的视频了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值