Cordova 10 和 Android SDK 30：无法访问本地文件（“不允许加载本地资源：file:///storage/emulated/0/Android/data...”）

Question

我正在尝试更新我的 cordova 应用程序以使用 SDK 30 而不是 29，但我遇到了一个无法解决的问题。

显然，在 Android SDK 29 和 30 之间，webview 的 setAllowAccessFile 的默认值从 true 更改为 false。问题是，在我的 cordova 应用程序中，我无法访问 WebView API，因此需要更改它config.xml 文件的值。但我找不到任何合适的选项。

或者至少，我认为问题来自这里。

App 是一个使用 Cordova 10 为 Android 打包的 Angular 应用程序。我尝试从 Android 8.1.0 切换到 Android 10，以添加新的 MANAGE_EXTERNAL_STORAGE 权限，以及一些我很确定不会工作的其他东西但是，嗯...但是什么都没有改变。

如果您对如何做到这一点有任何想法，或者问题可能出在哪里，我很乐意听取您的建议。

非常感谢。

config.xml：

<?xml version='1.0.0' encoding='utf-8'?>
<widget xmlns:android="http://schemas.android.com/apk/res/android" id="my.package.name" version="1.0.6" xmlns="http://www.w3.org/ns/widgets">
  <name>My package name</name>
  <description>

  </description>
  <author email="my.email@email.com" href="https://my.website">
    My website
  </author>

  <content src="index.html"/>

  <plugin name="cordova-plugin-whitelist" spec="1"/>
  <plugin name="cordova-plugin-wkwebview-engine" spec="https://github.com/driftyco/cordova-plugin-wkwebview-engine.git"/>
  <plugin name="cordova-plugin-wkwebview-engine" spec="1.2.1"/> 
  <plugin name="cordova-plugin-device" spec="~1.1.5"/>
  <plugin name="cordova-plugin-statusbar" spec="~2.2.2"/>
  <plugin name="cordova-plugin-splashscreen" spec="~4.0.2"/>
  <plugin name="cordova-plugin-file" spec="~6.0.0"/>
  <plugin name="cordova-plugin-zip" spec="~3.1.0"/>
  <plugin name="cordova-plugin-app-version" spec="~0.1.9"/>
  <plugin name="cordova-plugin-network-information" spec="~3.0.0"/>

  <plugin name="cordova-plugin-save-image" spec="0.2.5"/> 
  
  <plugin name="cordova-plugin-customurlscheme" spec="https://github.com/EddyVerbruggen/Custom-URL-scheme.git">
    <variable name="URL_SCHEME" value="my.package.name" />
  </plugin>

  <plugin name="cordova-plugin-intent" spec="https://github.com/napolitano/cordova-plugin-intent.git" />
  
  <feature name="StatusBar">
    <param name="ios-package" value="CDVStatusBar" onload="true"/>
  </feature>
  
  <preference name="Fullscreen" value="true" /> 
  <preference name="StatusBarOverlaysWebView" value="false"/>
  <preference name="DisallowOverscroll" value="true"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="3000"/>
  <preference name="SplashMaintainAspectRatio" value="true"/>
  <preference name="SplashScreenBackgroundColor" value="white"/>


  <preference name="android-minSdkVersion" value="21"/>
  <preference name="android-targetSdkVersion" value="30"/>


  <preference name="Orientation" value="landscape"/>

  <access origin="*"/>

  <allow-navigation href="http://localhost:8080/*"/>
  <feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine"/>
  </feature>

  <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine"/>

  <allow-intent href="http://*/*"/>
  <allow-intent href="https://*/*"/>
  <allow-intent href="tel:*"/>
  <allow-intent href="sms:*"/>
  <allow-intent href="mailto:*"/>
  <allow-intent href="geo:*"/>

  <platform name="android">
    <edit-config file="AndroidManifest.xml" target="/manifest/application" mode="merge">
      <application android:allowBackup="false"/>
    </edit-config>
    <edit-config file="AndroidManifest.xml" target="/manifest/application" mode="merge">
      <application android:fullBackupContent="false"/>
    </edit-config>
    <edit-config file="AndroidManifest.xml" target="/manifest/application" mode="merge">
      <application android:largeHeap="true" />
    </edit-config>
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.MANAGE_EXTERNAL_STORAGE" />
    <preference name="AndroidLaunchMode" value="singleTask"/>
    <allow-intent href="market:*"/>
    <intent-filter>
      <action name="android.intent.action.SEND"/>
      <action name="android.intent.action.SEND_MULTIPLE"/>
      <category name="android.intent.category.DEFAULT"/>
      <data mimeType="*/*"/>
    </intent-filter>

    <intent-filter label="@string/launcher_name">
        <action name="android.intent.action.MAIN" />
        <category name="android.intent.category.LAUNCHER" />
    </intent-filter>
  </platform>

  <platform name="ios">
    <allow-intent href="itms:*"/>
    <allow-intent href="itms-apps:*"/>
     <preference name="WKWebViewOnly" value="true" />

    <feature name="CDVWKWebViewEngine">
        <param name="ios-package" value="CDVWKWebViewEngine" />
    </feature>

    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
  </platform>

  <engine name="ios" spec="~5.1.1"/>
  <engine name="android" spec="~10.0.0"/>
</widget>

Answer 1

我们最近在 Cordova 应用中处理了 Android 11 存储/安全问题。以下是我们发现的一些事情——这可能是也可能不是您的应用程序中正在发生的事情。更多信息可以在我的回答中找到（How to get documents in an android directory that PhoneGap will see——我会尽量保持更新）：

• 如果您能提供帮助，请远离MANAGE_EXTERNAL_STORAGE 权限。 Google 为需要扫描文件系统的应用程序（我猜是病毒扫描程序等）保留该权限——其他应用程序将被 Play 商店拒绝。

• 我不知道还能怎么说，但 Android 6.x 添加了一组额外的授权权限，您的应用需要在运行时请求这些权限（而不是在 AndroidManifext.xml 文件中）。我目前正在使用cordova.plugins.diagnostic 插件，ANDROIDX_VERSION 标志设置为1.0.0。以下是相关代码：

                    // request read access to the external storage if we don't have it
                    cordova.plugins.diagnostic.getExternalStorageAuthorizationStatus(function (status) {
                        if (status === cordova.plugins.diagnostic.permissionStatus.GRANTED) {
                            console.log("External storage use is authorized");
                        } else {
                            cordova.plugins.diagnostic.requestExternalStorageAuthorization(function (result) {
                                console.log("Authorization request for external storage use was " + (result === cordova.plugins.diagnostic.permissionStatus.GRANTED ? "granted" : "denied"));
                            }, function (error) {
                                console.error(error);
                            });
                        }
                    }, function (error) {
                        console.error("The following error occurred: " + error);
                    });
                    // request runtime permissions if needed
                    cordova.plugins.diagnostic.getPermissionsAuthorizationStatus(function(statuses){
                        for (var permission in statuses){
                            switch(statuses[permission]){
                                case cordova.plugins.diagnostic.permissionStatus.GRANTED:
                                    console.log("Permission granted to use "+permission);
                                    break;
                                case cordova.plugins.diagnostic.permissionStatus.NOT_REQUESTED:
                                    console.log("Permission to use "+permission+" has not been requested yet; asking now");
                                    cordova.plugins.diagnostic.requestRuntimePermission(function(status){
                                        console.log("Runtime permission request result: " + status.toString());
                                    }, function(error){
                                        console.error("The following error occurred: "+error);
                                    }, permission);
                                    break;
                                case cordova.plugins.diagnostic.permissionStatus.DENIED_ONCE:
                                    console.log("Permission denied to use "+permission+" - ask again?");
                                    break;
                                case cordova.plugins.diagnostic.permissionStatus.DENIED_ALWAYS:
                                    console.log("Permission permanently denied to use "+permission+" - guess we won't be using it then!");
                                    break;
                            }
                        }
                    }, function(error){
                        console.error("The following error occurred: "+error);
                    },[
                        cordova.plugins.diagnostic.permission.WRITE_EXTERNAL_STORAGE,
                        cordova.plugins.diagnostic.permission.READ_EXTERNAL_STORAGE
                    ]);
  

  请注意，还有其他插件可以要求适当的运行时权限/授权。诊断是我第一次遇到这个问题时遇到的第一个问题。

希望这会有所帮助。如果您需要比较笔记，我们的应用在 GitHub 上：https://github.com/adapt-it/adapt-it-mobile