「Electron｜问题记录」解决应用调用loadURL访问没有ssl证书的http网址连接失败的问题

本文主要记录在使用electron访问http网址（非https）时，应用窗口不显示网页，命令行提示handshake failed; returned -1, SSL error code 1,

问题说明

代码说明

在electron的入口函数中，创建了一个窗口，然后使用loadURL加载一个互联网上的网页，代码如下：

const { app, BrowserWindow } = require('electron')
const createWindow = () => {
    const win = new BrowserWindow({
      width: 800,
      height: 600
    })
    win.loadURL("http://www.xxxxxxxxx.com/")
}
  

app.whenReady().then(() => {
    createWindow()
  })

程序运行结果

使用npm start运行之后，窗口创建完成，但是内容为空。即，加载网址失败，同时命令输入如下内容：

[15196:1215/164920.190:ERROR:ssl_client_socket_impl.cc(982)] handshake failed; returned -1, SSL error code 1, net_error -101
[15196:1215/164920.492:ERROR:ssl_client_socket_impl.cc(982)] handshake failed; returned -1, SSL error code 1, net_error -101

问题原因

如题所说，访问的网址是一个没有配置ssl证书的网址。这意味着访问将尝试建立一个不安全的连接，而ssl证书验证失败，无法建立连接。
所以我们要做的是：如何让electron允许建立不安全的http连接

解决方法

在建立连接之前，先设置忽略认证异常，即修改代码如下：

const { app, BrowserWindow } = require('electron')
const createWindow = () => {
    const win = new BrowserWindow({
      width: 800,
      height: 600
    })
    win.loadURL("http://www.japanesejump.com/")
}
  

app.whenReady().then(() => {
    app.commandLine.appendSwitch('ignore-certificate-errors')
    createWindow()
  })

再次运行，页面顺利加载~

如果对你有帮助，就点个赞吧~👇