👨🏾‍✈️ 🍵 🙊 Node.JS: http प्रतिक्रियाओं को संशोधित करने के लिए पुस्तकालय ☕️ 👸🏽 🤽🏾

कुछ समय पहले मैंने Express /Node.JS पर बैकएंड के साथ एक साइट लिखी थी। जवाबों के कम से कम एक समस्या थी। मुझे कई तैयार किए गए पैकेज मिले, लेकिन सभी को एक समस्या थी - html के बाद टेम्पलेट्स को छोटा नहीं किया गया था। नतीजतन, मैंने अपनी खुद की छोटी और देशी साइकिल - वेब-मिनिइज़ लाइब्रेरी लिखने का फैसला किया, जो आपको क्लाइंट को भेजने से पहले एक हुक एम्बेड करने और प्रतिक्रिया को संशोधित करने की अनुमति देता है।

पैकेज स्थापना

npm i @dmitriym09/web-minify --save

मुझे लगता है कि एक डेवलपर के लिए एक पुस्तकालय का सबसे अच्छा विवरण कोड उदाहरण =) है

उदाहरण

web-minify - मिडलवेयर फंक्शन:

 const htmlminify = require('html-minifier').minify; const csso = require('csso').minify; const postcss = require('postcss'); const precss = require('precss'); const autoprefixer = require('autoprefixer'); const minify = require('web-minify'); app.use(minify([ { contentType: /css/, minify: async (data, req, res) => { let resData = (await postcss([precss, autoprefixer]).process(data, { from: undefined })).css; resData = csso(resData).css; return resData; } } ]));

इस उदाहरण में, "सीएसएस" के विकल्प वाली सामग्री-प्रकार वाली सभी प्रतिक्रियाओं को इंटरसेप्ट किया जाएगा। प्रतिक्रिया शरीर को csso , postcss , precss , autoprefixer का उपयोग करके संसाधित किया जाता है। स्ट्रिंग को सामग्रीटाइप पैरामीटर में पास किया जाता है (एक प्रविष्टि String.prototype.indexOf ()) या RegExp (RegExp.prototyp.test ()) के लिए खोज की जाएगी। मिनिफाई पैरामीटर - फ़ंक्शन (डेटा: स्ट्रिंग, रीक: रिक्वेस्ट, रेस: रिस्पांस) फ़ंक्शन, एक स्ट्रिंग को एक नए शरीर या वादे के साथ वापस करना चाहिए, जो बदले में स्ट्रिंग द्वारा हल किया जाता है। अपवाद न पकड़ने के मामले में, ग्राहक को 500 का जवाब मिलेगा

जैसा कि पहले ही कहा गया है, समान कार्यक्षमता वाले अधिकांश मौजूदा लोकप्रिय पुस्तकालय स्थिर फाइलों को अच्छी तरह से परिभाषित करते हैं। हालांकि, कोड में उत्पन्न प्रतिक्रियाओं (उदाहरण के लिए, टेम्पलेट इंजन द्वारा HTML) का मिनिमाइज़ेशन काम नहीं करता है। समस्याओं में से एक यह है कि उत्तर को भागों में भेजा जा सकता है, और प्रसंस्करण के लिए आमतौर पर पूर्ण डेटा की आवश्यकता होती है। तदनुसार, आपको उपयोगकर्ता को भेजने के सभी अवरोधन, इसे इकट्ठा करने और संसाधित करने और अंत में भेजने की आवश्यकता है। वेब-मिनिफ़ का उपयोग करते समय इसे ध्यान में रखा जाना चाहिए: टेराबाइट फ़ाइल जिसे आप क्लाइंट को भेजना चाहते हैं और जो सामग्री के अंतर्गत आता है यह मेमोरी में जमा हो जाता है।

उदाहरण

यूनिट परीक्षणों से HTML- minifier का उपयोग करके HTML मिनिफिकेशन

 const htmlminify = require('html-minifier').minify; it('HTML', (done) => { const app = createServer([minify([ { contentType: 'html', minify: (data) => { let res = htmlminify(data, { removeAttributeQuotes: true, collapseWhitespace: true, conservativeCollapse: false, decodeEntities: true, keepClosingSlash: false, preserveLineBreaks: false, preventAttributesEscapin, processConditionalComments: true, removeAttributeQuotes: true, removeComments: true, trimCustomFragments: true, useShortDoctype: true }); return res; } } ])], function(req, res) { res.setHeader('Content-Type', 'text/html; charset=utf-8'); res.end(`<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <h1>Test</h1> <p>Test</p> </body>`); }); request(app) .get('/') .set('Accept', 'text/html; charset=utf-8') .expect('Content-Type', 'text/html; charset=utf-8') .expect('<!doctype html><html lang=en><head><meta charset=utf-8></head><body><h1>Test</h1><p>Test</p></body></html>') .expect(200) .end(done) });

JSON में संशोधन और इकाई परीक्षणों से वादा वापसी कोड

 it('JSON', (done) => { const app = createServer([minify([ { contentType: /json/, minify: (data, req, res) => { return new Promise(function(resolve, reject) { try { res.statusCode = 456; let o = JSON.parse(data); o.dt = new Date('2018-09-28T11:05:13.492Z') resolve(JSON.stringify(o)) } catch(exc) { reject(exc) } }) } } ])], function(req, res) { res.setHeader('Content-Type', 'application/json; charset=utf-8'); res.end(JSON.stringify({a: 12})); }); request(app) .get('/') .set('Accept', 'applicatio3n/json; charset=utf-8') .expect('Content-Type', 'application/json; charset=utf-8') .expect('{"a":12,"dt":"2018-09-28T11:05:13.492Z"}') .expect(456) .end(done) });

एमआईटी लाइसेंस के तहत जीआईटीबी और एनपीएम पर वेब-मिनिफाइ उपलब्ध है।

आपका ध्यान के लिए धन्यवाद! आलोचना, सुझाव और टिप्पणियों का स्वागत है!

Node.JS: http प्रतिक्रियाओं को संशोधित करने के लिए पुस्तकालय

पैकेज स्थापना

उदाहरण

उदाहरण

यूनिट परीक्षणों से HTML- minifier का उपयोग करके HTML मिनिफिकेशन

JSON में संशोधन और इकाई परीक्षणों से वादा वापसी कोड

More articles: