InAppWebView 拦截网络请求 打开微信支付或者支付宝支付

Posted 2021-09-10 安果移不动

  flutter_inappwebview: ^5.3.2
  url_launcher: ^6.0.9

InAppWebView 内重写下面方法

 onLoadStart: (controller, url) async {
                    if (url != null) {
                      print("onLoadStart url:${url.scheme}");
                      print("onLoadStart url:${url.host}");
                      print("onLoadStart url:${url.path}");
                    }
                    setState(() {
                      this._url = url.toString();
                      print("onLoadStart url:${_url}");
                    });
                    _canBack = await controller.canGoBack();
                    if (url != null) {
                      if (![
                        "http",
                        "https",
                        "file",
                        "chrome",
                        "data",
                        "javascript",
                        "about"
                      ].contains(url.scheme)) {
                        if (await canLaunch(url.toString())) {
                          // Launch the App

                          _launchURL(url.toString());
                        } else {
                          if (url.scheme == "weixin") {
                            ToastUtils.showToast("手机尚未安装微信");
                          } else if (url.scheme == "alipays") {
                            ToastUtils.showToast("手机尚未安装支付宝");
                          } else {
                            ToastUtils.showToast(
                                "启动支付失败。原因尚未支持 ${url.scheme},请联系客服");
                          }
                        }
                        if (_canBack) {
                          _controller.goBack();
                        }
                      }
                    }

  void _launchURL(url) async => await canLaunch(url)
      ? await launch(url)
      : ToastUtils.showToast("对不起，打不开链接地址：${url}");