Webview 在 Flutter 中显示 Google Photos 的问题答案

【问题标题】：Problem with Webview showing Google Photos in FlutterWebview 在 Flutter 中显示 Google Photos 的问题
【发布时间】：2020-12-23 16:42:49
【问题描述】：

我正在使用flutter_webview_plugin：^0.3.11

这是我的代码

小部件构建（BuildContext 上下文）{

return WebviewScaffold(

网址：glbPhotoURL，

withJavascript: true,

滚动条：真，

withZoom: 真 )

url: glbPhotoURL => 这里 glbPhotoURL 是我传递的 URL 当我使用任何普通 URL 时，它运行良好（如 http://www.google.com、http://youtube.com）甚至像 https://youtu.be/o5UPfG1eIw4 这样的网址也运行良好

但是当我使用任何谷歌照片网址（短网址）时，它会抛出错误 net::ERR_UNKNOWN_URL_SCHEME 例如 - https://photos.app.goo.gl/FkQenAD8kQQc4TSr6

如果我使用扩展 URL，它会显示图片 -https://photos.google.com/share/AF1QipNItZG3Cg_hn9__2QnuVh3nNMbRuGxQaQSWZ76qni7L7h0ORbauolcH3AKe0MOnEA？ key=emc1Mk1CenRJRjloMjV5V1AzcmczNUprcGFsbmR3

请帮我解决问题截至目前，我正在 Android 物理设备上运行它。

【问题讨论】：

URL : photos.app.goo.gl/FkQenAD8kQQc4TSr6 E/chromium(13502): [ERROR:web_contents_delegate.cc(218)] WebContentsDelegate::CheckMediaAccessPermission: 不支持。 E/chromium(13502): [错误:web_contents_delegate.cc(218)] WebContentsDelegate::CheckMediaAccessPermission: 不支持。 W/cr_media(13502)：需要 MODIFY_AUDIO_SETTINGS 和 RECORD_AUDIO。为了更安全，没有音频设备可用于录制 - 我在 Android Manifest 中授予了以下权限（互联网、相机、录制音频、修改音频设置视频捕获和音频捕获
嗯 - 我在服务器级别解决了它 - 它是一种解决方法 - 我在服务器上创建了一个接受 URL 的 API - 反过来它生成回调 url - 我存储的这个 URL数据库 - 现在我从颤振应用程序调用它，它运行起来就像一个魅力:)

标签： flutter webview

【解决方案1】：

Google 相册使用 Firebase 动态链接。我建议从外部启动链接。我之前在 Android 上遇到过类似的错误，当时 Firebase 动态链接被强制加载到 WebView 中。 FDL 预计将由 Android 中的 Google Play 服务处理。但由于 WebView 不知道如何处理它强制显示的链接，因此 WebView 返回“net::ERR_UNKNOWN_URL_SCHEME”错误。

使用url_launcher 从外部打开链接。使用 RegEx 过滤意图 URL 并检查 URL 是否可以在外部（应用程序外部）启动和处理。

var yourURL = "URL goes here";
// Check if URL contains Google Photos URL
yourURL.contains(RegExp('^https://photos\.app\.goo\.gl/.*$')){
  // Check if the URL can be launched
  if (await canLaunch(yourURL)) {
    await launch(yourURL);
  } else {
    print('Could not launch $yourURL');
  }
}

【讨论】：