HarmonyOS鸿蒙Next中FLutter混合开发使用Flutter_inappwebview是否支持设置Refere，如何添加

开发者您好，请查看如下方案：

【解决方案】

您可以在header中设置Refere，参考如下案例：

// main.dart
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview_platform_interface/flutter_inappwebview_platform_interface.dart';
import 'package:flutter_inappwebview_ohos/flutter_inappwebview_ohos.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  OhosInAppWebViewPlatform.registerWith();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Referer Header Demo',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: const RefererDemoPage(),
    );
  }
}

class RefererDemoPage extends StatefulWidget {
  const RefererDemoPage({super.key});

  @override
  State<RefererDemoPage> createState() => _RefererDemoPageState();
}

class _RefererDemoPageState extends State<RefererDemoPage> {
  PlatformInAppWebViewController? _controller;
  String _headerInfo = '等待加载...';
  final String _referer = 'https://my-custom-referer.com';

  /// httpbin.org/headers 会返回 JSON 格式的请求头信息，可用于验证 Referer
  static const String _testUrl = 'https://httpbin.org/headers';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Referer Header 验证')),
      body: Column(
        children: [
          _buildInfoCard(),
          Expanded(child: _buildWebView()),
          _buildActions(),
        ],
      ),
    );
  }

  Widget _buildInfoCard() {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.all(12),
      color: Colors.grey[100],
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(
            '设置的 Referer: $_referer',
            style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 14),
          ),
          const SizedBox(height: 4),
          Text(
            '目标 URL: $_testUrl',
            style: const TextStyle(fontSize: 12, color: Colors.grey),
          ),
          const Divider(),
          const Text(
            '服务端收到的 Headers:',
            style: TextStyle(fontWeight: FontWeight.bold, fontSize: 13),
          ),
          const SizedBox(height: 4),
          Text(_headerInfo, style: const TextStyle(fontSize: 12)),
        ],
      ),
    );
  }

  Widget _buildWebView() {
    final platform = PlatformInAppWebViewWidget(
      PlatformInAppWebViewWidgetCreationParams(
        initialUrlRequest: URLRequest(
          url: WebUri(_testUrl),
          headers: {'Referer': _referer},
        ),
        initialSettings: InAppWebViewSettings(
          javaScriptEnabled: true,
        ),
        onWebViewCreated: (controller) {
          _controller = controller;
        },
        onLoadStop: (controller, url) async {
          _extractHeaders(controller);
        },
      ),
    );
    return platform.build(context);
  }

  Widget _buildActions() {
    return Padding(
      padding: const EdgeInsets.all(12),
      child: Row(
        children: [
          Expanded(
            child: ElevatedButton(
              onPressed: () => _loadWithReferer('https://another-referer.com'),
              child: const Text('换一个 Referer 加载'),
            ),
          ),
          const SizedBox(width: 12),
          Expanded(
            child: ElevatedButton(
              onPressed: () => _loadWithoutReferer(),
              child: const Text('不带 Referer 加载'),
            ),
          ),
        ],
      ),
    );
  }

  void _loadWithReferer(String referer) {
    _controller?.loadUrl(
      urlRequest: URLRequest(
        url: WebUri(_testUrl),
        headers: {'Referer': referer},
      ),
    );
    setState(() {
      _headerInfo = '正在加载 (Referer: $referer)...';
    });
  }

  void _loadWithoutReferer() {
    _controller?.loadUrl(
      urlRequest: URLRequest(url: WebUri(_testUrl)),
    );
    setState(() {
      _headerInfo = '正在加载 (无 Referer)...';
    });
  }

  Future<void> _extractHeaders(PlatformInAppWebViewController controller) async {
    try {
      final result = await controller.evaluateJavascript(
        source: 'document.body.innerText',
      );
      if (result != null) {
        final text = result is String ? result : result.toString();
        final decoded = json.decode(text);
        final headers = decoded['headers'] as Map<String, dynamic>?;
        if (headers != null) {
          final refererValue = headers['Referer'] ?? headers['referer'] ?? '未检测到';
          final buffer = StringBuffer();
          buffer.writeln('Referer: $refererValue');
          buffer.writeln('---');
          headers.forEach((key, value) {
            buffer.writeln('$key: $value');
          });
          setState(() => _headerInfo = buffer.toString());
          return;
        }
      }
      setState(() => _headerInfo = '解析响应失败，请查看 WebView 中的原始 JSON');
    } catch (e) {
      setState(() => _headerInfo = '解析异常: $e');
    }
  }
}

// pubsepc.yaml
dependencies:
  flutter:
    sdk: flutter
  flutter_inappwebview_platform_interface:
    path: "./flutter_inappwebview_platform_interface"
  flutter_inappwebview_ohos:
    path: "./flutter_inappwebview_ohos"

dependency_overrides:
  flutter_inappwebview_platform_interface:
    path: "./flutter_inappwebview_platform_interface"
  flutter_inappwebview_ohos:
    path: "./flutter_inappwebview_ohos"