使用SignalR(.Net Core)时如何在Angular客户端忽略SSL验证错误？

核心结论 #

运行在浏览器环境中的Angular应用无法通过前端代码直接忽略SSL证书错误，这是浏览器的安全沙箱强制限制，和@microsoft/signalr包本身无关。因此官方SignalR JS客户端没有提供类似.NET服务端的ServerCertificateCustomValidationCallback配置项，所有前端JS代码都没有权限绕过浏览器的证书校验逻辑。 #

不同场景解决方案 #

开发环境可用方案 #

• 方案1：将自签名证书的根证书安装到系统/浏览器的受信任根证书颁发机构列表中，浏览器识别证书为合法后就不会抛出校验错误，无需修改业务代码。
• 方案2：开发阶段临时使用HTTP协议连接SignalR服务端，完全避开SSL校验环节。
• 方案3：启动浏览器时添加禁用安全校验参数，仅适用于本地调试，Windows下Chrome/Edge启动命令为：
  chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=https://你的SignalR服务端域名
• 方案4：通过Angular CLI代理转发请求，在代理配置中忽略SSL错误，修改proxy.conf.json配置如下：

{
  "/你的hub路径": {
    "target": "https://你的SignalR服务端地址",
    "secure": false,
    "changeOrigin": true,
    "ws": true
  }
}

修改客户端连接地址为代理路径即可，示例：

var options: IHttpConnectionOptions = {
  accessTokenFactory: () => { return this.accessToken }
};
// 这里填代理路径，由Angular开发服务器转发到实际服务端
this.hubConnection = new HubConnectionBuilder().withUrl('/你的hub路径', options).build();

生产环境方案 #

生产环境禁止使用任何忽略证书校验的方案，直接为SignalR服务端部署合法的公开可信SSL证书（比如免费的Let's Encrypt证书）即可解决问题，无需修改客户端代码。

Electron打包桌面端场景方案 #

如果你的Angular应用是基于Electron打包的桌面应用，可以在Electron主进程中配置证书校验逻辑，示例代码：

app.on('certificate-error', (event, webContents, url, error, certificate, callback) => {
  // 匹配你的SignalR服务端地址后跳过校验
  if (url.startsWith('https://你的SignalR服务端地址')) {
    event.preventDefault();
    callback(true);
    return;
  }
  callback(false);
});

内容的提问来源于stack exchange，提问作者Baala Srinivas K