如何解决当 Webview 重定向到 Flutter 中的另一个页面时获取 Json 响应
flutter_webview_plugin^0.3.11 我正在构建一个支付网关,并且在 3d 安全模式下我需要使用 Webview。使用 html 字符串类型的响应启动 Webview。
return Scaffold(
body: WebviewScaffold(
withJavascript: true,key: _scaffoldKey,url: new Uri.dataFromString(widget.d3sc,mimeType: 'text/html').toString(),),);
它在屏幕上打印安全代码阶段。当我提交代码时,它会自动重定向到回调 url,我无法连接或从该 url 获得响应。我需要在提交代码时得到响应,并且页面被重定向以获得用于关闭 3d 安全支付的令牌。任何想法或解决方案?
尝试了以下代码。虽然它打印了重定向的 url,但响应元素中没有 json 响应。
webView.launch(new Uri.dataFromString(widget.d3sc,withJavascript: true,withLocalStorage: true);
webView.show();
webView.onUrlChanged.listen((String event) async {
print("${event} even eevent");
setState(() {
webView
.evalJavascript("document.documentElement.innerText")
.then((response) => print("$response response response "));
});
});
解决方法
我不知道我找到了解决方案,因为 html 内容非常复杂。通过使用 webview_flutter 插件问题进行排序。按原样构建您的小部件;
WebView(
initialUrl: new Uri.dataFromString(widget.d3sc,mimeType: 'text/html').toString(),onWebViewCreated: (controller) {
_controller = controller;
},javascriptMode: JavascriptMode.unrestricted,gestureNavigationEnabled: true,onPageFinished: (_) {
readResponse();
},)
readResponse 函数在导航发生和页面打开完成时被调用。我们可以使用以下函数将页面的 html 内容作为字符串获取;
void readResponse() async
{
setState(() {
_controller.evaluateJavascript("document.documentElement.innerHTML").then((value) async {
if(value.contains("name=\"paymentId\"")){
// value contains the html data of page as string
...
我无法将 html 数据转换为 json 映射,但我们可以通过简单地使用 substring 方法在此字符串中达到我们想要的任何内容。
注意:本案例使用的是webview_flutter ^1.0.7版本。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。