Plugin API
繁體中文
繁體中文
  • 入門
    • 簡介
    • 你的第一個插件
    • 檔案結構概述
    • 插件類型
      • 視窗
      • 背景服務
      • 格式擴充
      • 檢查器
    • 除錯插件
  • 部署
    • 準備插件
    • 打包插件
    • 發佈插件
    • 更新插件
    • 開發者政策
    • 插件圖示樣板
  • 開發指南
    • manifest.json 完整設定
    • 取得數據
    • 修改數據
    • 存取本機檔案
    • 發出網路請求
    • 使用 Node.js 原生 API
    • 使用第三方模快
    • 多國語言(i18n)
    • 無邊框視窗
  • API 參考
    • event(事件)
    • item(項目)
    • folder(資料夾)
    • tag(標籤)
    • tagGroup(標籤群組)
    • library(資源庫)
    • window(視窗)
    • app(應用)
    • os(作業系統)
    • screen(螢幕)
    • notification(通知)
    • contextMenu(右鍵選單)
    • dialog(對話框)
    • clipboard(剪貼板)
    • drag(拖曳檔案)
    • shell(殼)
    • log(日誌)
  • 额外组件
    • FFmpeg
Powered by GitBook
On this page
  • 使用 fetch 發出網路請求
  • 使用 https 發出請求
  1. 開發指南

發出網路請求

你可以使用 Web 技術提供的 fetch 方法或 Node.js 原生 https 模組來發出網路請求。

Previous存取本機檔案Next使用 Node.js 原生 API

Last updated 2 years ago

使用 fetch 發出網路請求

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

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

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

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

若要了解 Javascript 中的 fetch 函數,建議可以閲讀 MDN 網站上的介紹: 。

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

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

  • 《Using Fetch》()

  • 《Fetch API In Depth》()


使用 https 發出請求

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

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

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}`);
});
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch
https://davidwalsh.name/fetch
https://css-tricks.com/using-fetch/