HarmonyOS鸿蒙Next中ArkWeb如何像浏览器一样删掉域名安全策略正常访问https变成http的网页？

根据您的问题，我来为您详细解答 ArkWeb 如何处理 HSTS 缓存和 HTTP/HTTPS 访问的问题：

问题分析

您遇到的情况是：

• 网站原本有 SSL，可以通过 HTTPS 访问
• 现在网站关闭了 SSL，只能通过 HTTP 访问
• 但 ArkWeb 仍然默认使用 HTTPS 访问
• 您希望像 Chrome 浏览器一样删除域名的 HSTS 缓存

解决方案

方案一：清除 ArkWeb 的 HSTS 缓存

ArkWeb 没有像 Chrome 那样的专门 HSTS 管理界面，但可以通过以下方式清除相关缓存：

import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();
  
  // 清除Web缓存（包括HSTS相关缓存）
  clearWebCache() {
    try {
      // 清除当前WebView的缓存
      this.controller.removeCache(true); // true表示同时清除ROM和RAM中的缓存
      
      // API 18及以上版本可以使用静态方法清除所有Web缓存
      if (webview.WebviewController.removeAllCache) {
        webview.WebviewController.removeAllCache(true);
      }
      
      console.log('Web缓存清除成功');
    } catch (error) {
      console.error(`清除缓存失败: ${(error as BusinessError).message}`);
    }
  }
  
  build() {
    Column() {
      Button('清除Web缓存')
        .onClick(() => this.clearWebCache())
      
      Web({ 
        src: 'http://your-domain.com', // 注意这里使用HTTP协议
        controller: this.controller 
      })
      .mixedMode(webview.MixedMode.All) // 允许HTTP和HTTPS混合内容
      .cacheMode(webview.CacheMode.Online) // 不使用缓存，直接从网络获取
    }
  }
}

方案二：使用隐私模式（推荐）

开启隐私模式可以避免 HSTS 策略被持久化保存：

Web({ 
  src: 'http://your-domain.com',
  controller: this.controller,
  incognitoMode: true // 开启隐私模式
})

效果：在隐私模式下，HSTS 策略不会被保存到本地，关闭 WebView 后相关策略会被清除。

方案三：配置网络安全策略

在 module.json5 中配置允许 HTTP 访问：

{
  "module": {
    "metaData": {
      "customData": [
        {
          "name": "ohos.application.networkSecurityConfig",
          "value": "rawfile/network_security_config.xml"
        }
      ]
    }
  }
}

创建 src/main/resources/rawfile/network_security_config.xml：

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
  <!-- 允许指定域名的HTTP请求 -->
  <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="true">your-domain.com</domain>
  </domain-config>
</network-security-config>

方案四：强制使用 HTTP 协议

如果上述方法仍不生效，可以尝试直接修改请求：

import http from '@ohos.net.http';

async function forceHttpAccess(url: string) {
  let httpRequest = http.createHttp();
  try {
    // 直接使用HTTP协议请求
    let response = await httpRequest.request(
      url.replace('https://', 'http://'), // 强制替换为HTTP
      {
        method: http.RequestMethod.GET,
        usingProxy: false, // 禁用代理
        header: {
          'Connection': 'close' // 关闭长连接，避免缓存影响
        }
      }
    );
    
    if (response.responseCode === 200) {
      // 将HTML内容直接加载到WebView
      this.controller.loadData({
        data: response.result.toString(),
        mimeType: 'text/html',
        encoding: 'utf-8'
      });
    }
  } catch (err) {
    console.error('HTTP请求失败', err);
  } finally {
    httpRequest.destroy();
  }
}

完整解决方案

结合以上方法，推荐的完整解决方案：

import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();
  @State url: string = 'http://your-domain.com';
  
  async onPageShow() {
    // 页面显示时清除缓存
    this.clearWebCache();
  }
  
  clearWebCache() {
    try {
      this.controller.removeCache(true);
      if (webview.WebviewController.removeAllCache) {
        webview.WebviewController.removeAllCache(true);
      }
    } catch (error) {
      console.error(`清除缓存失败: ${(error as BusinessError).message}`);
    }
  }
  
  build() {
    Column() {
      Web({ 
        src: this.url,
        controller: this.controller,
        incognitoMode: true // 开启隐私模式
      })
      .mixedMode(webview.MixedMode.All) // 允许混合内容
      .cacheMode(webview.CacheMode.Online) // 不使用缓存
      .onPageBegin((event) => {
        console.log(`开始加载: ${event.url}`);
        // 确保使用HTTP协议
        if (event.url.startsWith('https://') && event.url.includes('your-domain.com')) {
          event.url = event.url.replace('https://', 'http://');
        }
      })
    }
  }
}

注意事项

1. HSTS 预加载列表：如果您的域名被加入了浏览器的 HSTS 预加载列表，即使清除缓存也无法解决，这种情况需要联系浏览器厂商移除。

2. 服务器配置：确保服务器已经正确关闭了 HSTS，检查响应头中是否还有Strict-Transport-Security。

3. 测试建议：

   • 在测试环境中使用较短的 HSTS max-age 值
   • 测试时可以使用隐私模式避免缓存影响
   • 清除缓存后重启应用

4. 生产环境：生产环境建议使用 HTTPS，只有在特殊情况下才使用 HTTP。

通过以上方法，您应该能够解决 ArkWeb 强制使用 HTTPS 访问已关闭 SSL 的网站的问题。如果问题仍然存在，建议检查服务器配置是否完全关闭了 HSTS，或者尝试使用新的域名进行测试。