webpack-dev-server፦ የHTTPS API ጥሪዎችን በኮርፖሬት ፕሮክሲ በኩል ማስተላለፍ

የNode በኩል የAPI ግንኙነቱን በwebpack.config.mjs ውስጥ በአሁኑ የፕሮክሲ አረይ ቅርጽ ያዋቅሩ፦

import { HttpsProxyAgent } from 'https-proxy-agent';

export default {
  devServer: {
    proxy: [{
      context: ['/api'],
      target: 'https://service.example',
      changeOrigin: true,
      agent: new HttpsProxyAgent('http://proxy.example:8080'),
      pathRewrite: { '^/api': '' },
    }],
  },
};

መንገዱ ይህ ነው፦

browser → webpack dev server → corporate proxy → HTTPS API

target እውነተኛው HTTPS API ሆኖ ይቆያል። ኤጀንቱ በፕሮጀክቱ ውስጥ አስቀድሞ እንዳለ ተገምቶ መንገዱን በHTTP አማካይ ያመቻቻል።

context አሳሹ የሚያየውን የጥያቄ መንገድ ይመርጣል፤ pathRewrite የልማት ቅድመ ቅጥያውን ያስወግዳል። ሁለቱም የኮርፖሬት ፕሮክሲውን አይጠቅሱም። እነዚህን ካርታዎች ለAPI ሚጠብቀው መንገድ ጠብቋቸው።

የAPI ውድቅና የማጓጓዣ ብልሽት ተለይተው እንዲቆዩ የሚድልዌሩን የተለመደ የፍሰትና የምላሽ አያያዝ ይጠቀሙ። ሁልጊዜ 200 የሚመልስ ሁለተኛ በእጅ የተጻፈ ሪሌይ ያንን ውጤት ይደብቃል።

የአሳሹ ፕሮክሲ ቅንብሮችና የnpm ፓኬጅ ማውረድ ፕሮክሲ ሌሎች ተጠቃሚዎችን ያዋቅራሉ። ይህ ቅንብር የውጭውን የAPI ጥሪ ለሚያደርገው የwebpack ሂደት ነው።