# 發出網路請求

## 使用 `fetch` 發出網路請求 <a href="#vrr9c" id="vrr9c"></a>

`fetch` 函式是一個用於訪問網路資源的工具，可以讓您發送 HTTP 請求，並處理請求的回應。`fetch` 函式支援許多不同類型的請求，包括 `GET`、`POST`、`PUT` 和 `DELETE`，並支援請求體和回應體的自定格式。

使用 `fetch` 函式，可以方便地訪問網路資源，並控制請求和回應的流程。例如，可以使用以下程式碼來發送一個 `GET` 請求，並在請求完成後處理回應：

```javascript
fetch('https://example.com/api/endpoint')
    .then(response => response.json())
    .then(data => {
    	// 在這裏處理回應
    });
```

該範例程式碼會發送一個 GET 請求到指定的網路資源，然後在請求完成後，將回應體解析為 JSON 格式，並在這裏處理解析後的回應體。

{% hint style="info" %}
若要了解 Javascript 中的 `fetch` 函式，建議可以閲讀 MDN 網站上的介紹：\
<https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch>。

該文章介紹了 `fetch` 函式的基本用法，並提供了範例程式碼展示如何使用 `fetch` 來發送 HTTP 請求，並處理請求的回應。

此外，還可以參考下列文章瞭解更多關於 fetch 的資訊：

* 《Using Fetch》（<https://davidwalsh.name/fetch>）
* 《Fetch API In Depth》（<https://css-tricks.com/using-fetch/>）
  {% endhint %}

***

## 使用 `https` 發出請求 <a href="#oowx7" id="oowx7"></a>

由於瀏覽器預設的安全性限制，`fetch` 方法有時候會遇到一些限制，這種情況下我們可以改採用 Node.js 原生的網路 API 來發送網路請求，獲得更高的彈性。

使用 `https.get` 方法發送 HTTP GET 請求非常簡單，只需要提供請求的 URL 即可。例如，可以使用以下程式碼來發送一個 HTTP GET 請求：

```javascript
const https = require('https');

https.get('https://www.example.com', (res) => {
  console.log(`Got response: ${res.statusCode}`);

  res.on('data', (d) => {
    // 處理回應數據
  });

}).on('error', (e) => {
  console.error(`Got error: ${e.message}`);
});
```