Electron中通過net的API發出HTTP請求

場景

用HTML和CSS和JS構建跨平臺桌面應用程序的開源庫Electron的介紹以及搭建HelloWorld：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106413828

Electron怎樣進行渲染進程調試和使用瀏覽器和VSCode進行調試：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106414541

在上面搭建好項目以及知道怎樣進行調試後，那麼Electron怎樣實現發送HTTP請求。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公衆號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

首先在Index.html中新增一個按鈕，並設置id屬性

<button id="netRequest">請求網絡</button>

然後在renderer.js中通過id獲取這個id並發動請求

var btnNetRequest=document.getElementById('netRequest');
btnNetRequest.onclick = NetRequest;

function NetRequest()
{
  const {net} = require('electron').remote;
  const request = net.request('https://blog.csdn.net/badao_liumang_qizhi');
  request.on('response', (response) => {
      console.log(`**statusCode:${response.statusCode}`);
      console.log(`**header:${JSON.stringify(response.headers)}`);
      response.on("data", (chunk)=>{
          console.log("接收到數據：", chunk.toString());
      })
      response.on('end', () => {
          console.log("數據接收完成");
      })
  });
  //結束請求，不然沒有響應數據
  request.end();
}

效果