.NET MAUI WebView实现基础认证网页自动登录方案咨询

要实现MAUI应用自动完成基础认证，核心是在WebView发起的HTTP请求中注入Authorization头，以下是具体实现步骤：

1. 绑定WebView导航事件 #

在XAML中给WebView添加Navigating事件绑定，用于拦截并修改请求：

<WebView x:Name="InternalWebView" 
         Navigating="InternalWebView_Navigating"
         Source="https://你的内部网页地址" />

2. 注入基础认证请求头 #

在代码后台实现Navigating事件处理逻辑，生成认证头并替换原请求：

using System.Text;

private void InternalWebView_Navigating(object sender, WebNavigatingEventArgs e)
{
    // 注意：硬编码凭证有安全风险，建议优先使用SecureStorage存储（见下文）
    string username = "你的认证用户名";
    string password = "你的认证密码";
    
    // 生成Base64编码的凭证字符串
    string credentialString = $"{username}:{password}";
    byte[] credentialBytes = Encoding.UTF8.GetBytes(credentialString);
    string base64Credential = Convert.ToBase64String(credentialBytes);
    
    // 创建带认证头的新请求
    var authRequest = new HttpRequestMessage(HttpMethod.Get, e.Url);
    authRequest.Headers.Add("Authorization", $"Basic {base64Credential}");
    
    // 替换原请求，让WebView使用带认证的请求访问网页
    e.Request = authRequest;
}

3. 优化凭证存储（安全建议） #

硬编码凭证会导致代码泄露时凭证暴露，建议使用MAUI内置的SecureStorage安全存储凭证：

// 首次启动时存储凭证（可通过管理员界面输入后执行）
async Task SaveCredentials()
{
    await SecureStorage.SetAsync("internalWebUser", "你的用户名");
    await SecureStorage.SetAsync("internalWebPass", "你的密码");
}

// 读取凭证用于认证
async Task<string[]> GetCredentials()
{
    var username = await SecureStorage.GetAsync("internalWebUser");
    var password = await SecureStorage.GetAsync("internalWebPass");
    return new[] { username, password };
}

修改后的事件处理逻辑：

private async void InternalWebView_Navigating(object sender, WebNavigatingEventArgs e)
{
    var credentials = await GetCredentials();
    string username = credentials[0];
    string password = credentials[1];
    
    if (string.IsNullOrEmpty(username) || string.IsNullOrEmpty(password))
    {
        // 处理凭证缺失逻辑，比如提示管理员配置
        e.Cancel = true;
        return;
    }
    
    string credentialString = $"{username}:{password}";
    byte[] credentialBytes = Encoding.UTF8.GetBytes(credentialString);
    string base64Credential = Convert.ToBase64String(credentialBytes);
    
    var authRequest = new HttpRequestMessage(HttpMethod.Get, e.Url);
    authRequest.Headers.Add("Authorization", $"Basic {base64Credential}");
    
    e.Request = authRequest;
}

4. 平台注意事项 #

• Android：确保AndroidManifest.xml中添加网络权限：

  <uses-permission android:name="android.permission.INTERNET" />
  

• iOS/macOS：在Info.plist中配置允许访问内部网页的域名（如果使用HTTP，还需配置ATS例外）：

  <key>NSAppTransportSecurity</key>
  <dict>
      <key>NSAllowsArbitraryLoads</key>
      <false/>
      <key>NSExceptionDomains</key>
      <dict>
          <key>你的内部域名</key>
          <dict>
              <key>NSIncludesSubdomains</key>
              <true/>
              <key>NSTemporaryExceptionAllowsInsecureHTTPLoads</key>
              <true/>
          </dict>
      </dict>
  </dict>
  

• Windows：无需额外配置，确保应用有网络访问权限。

验证方案 #

运行MAUI应用后，WebView会自动携带认证头访问内部网页，不会弹出凭证输入框；直接通过浏览器访问仍会要求输入凭证，符合需求。

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