如何为Codename One BrowserComponent配置跨域策略以解决谷歌登录按钮加载问题

Codename One的BrowserComponent受底层平台WebView的跨域限制，这可能导致谷歌GSI登录脚本无法正常加载。以下是针对不同平台的具体配置方案：

基础配置：启用JavaScript #

首先确保BrowserComponent启用了JavaScript，这是加载谷歌登录脚本的前提：

BrowserComponent bc = new BrowserComponent();
bc.setProperty("javascriptEnabled", Boolean.TRUE);

平台专属跨域配置 #

Android平台 #

通过setProperty直接配置WebView的跨域相关属性，或自定义WebViewClient处理权限请求：

1. 直接设置WebView属性：

if (CN.isAndroid()) {
    bc.setProperty("webview.settings.allowUniversalAccessFromFileURLs", Boolean.TRUE);
    bc.setProperty("webview.settings.allowFileAccess", Boolean.TRUE);
}

2. 自定义WebViewClient处理权限请求（更灵活）：

if (CN.isAndroid()) {
    bc.addWebEventListener("onBrowserCreated", ev -> {
        android.webkit.WebView nativeWebView = (android.webkit.WebView) bc.getNativePeer();
        nativeWebView.setWebViewClient(new android.webkit.WebViewClient() {
            @Override
            public void onPermissionRequest(android.webkit.PermissionRequest request) {
                // 授予跨域相关权限
                request.grant(request.getResources());
            }
        });
    });
}

iOS平台 #

需要配置App Transport Security（ATS）并自定义WKNavigationDelegate：

1. 配置ATS（在codenameone_settings.properties中添加）：
   如果仅允许谷歌域名的跨域请求，添加：

ios.plistInject=<key>NSAppTransportSecurity</key><dict><key>NSExceptionDomains</key><dict><key>accounts.google.com</key><dict><key>NSIncludesSubdomains</key><true/><key>NSAllowsArbitraryLoads</key><true/></dict></dict></dict>

若需全局临时允许（不推荐生产环境）：

ios.plistInject=<key>NSAppTransportSecurity</key><dict><key>NSAllowsArbitraryLoads</key><true/></dict>

2. 自定义WKNavigationDelegate：

if (CN.isIOS()) {
    bc.addWebEventListener("onBrowserCreated", ev -> {
        com.codename1.impl.IOSImplementation.WebView wkWebView = (com.codename1.impl.IOSImplementation.WebView) bc.getNativePeer();
        wkWebView.getWkWebView().setNavigationDelegate(new com.codename1.impl.IOSImplementation.WKNavigationDelegateAdapter() {
            @Override
            public void webView(com.codename1.impl.IOSImplementation.WKWebView webView, com.codename1.impl.IOSImplementation.WKNavigationAction navigationAction, com.codename1.impl.IOSImplementation.WKNavigationActionPolicy policy) {
                // 允许跨域请求
                policy.allow();
            }
        });
    });
}

额外注意事项 #

• 仅对必要域名开放跨域权限，避免全局配置带来的安全风险。
• 确认谷歌开发者控制台中已正确注册回调URL，且与BrowserComponent加载页面的域名匹配。
• 优先在真实设备上测试，模拟器的WebView行为可能与真实设备存在差异。

内容的提问来源于stack exchange，提问作者IfeFromKolopay