Creating web proxy using node js and express

Question

I am trying to create a personal web proxy using javascript so that users can browse the internet through a website. Example http://webproxy.to/.

I'm trying to send the response back from a url to the user by using pipe request, but then it doesn't load the image because the html is using a relative url. How do I change the links so that it is using the absolute url of that page?

app.get('/:url', function (req, res) {
  var url = req.params.url;
  request('https://www.google.com', function (error, response, html) {
    if (!error && response.statusCode == 200) {
      req.pipe(request('https://www.google.com')).pipe(res);
    }
  });
});

You can try using express-http-proxy https://github.com/villadora/express-http-proxy — Vipul Singh, Jul 18 '17 at 09:40
Parse the html, search for image tags, get url and replace. Stringify html and send to user. — Adrian, Jul 18 '17 at 09:41

score 1 · Answer 1 · answered Jul 18 '17 at 09:45

I think pipes are no usable in the case, you have to make modifications. Try to use something like this:

const jsdom = require("jsdom");
const { JSDOM } = jsdom;

app.get('/:url', function (req, res) {
  var url = req.params.url;
  request(url, function (error, response, html) {    
    if (!error && response.statusCode == 200) {
      const dom = new JSDOM(html);
      const links = dom.window.document.querySelector('a');
      for(let i = 0; i < links.length; i++) {
         if (!/http/.test(links[i].href) && !/mailto/.test(links[i].href)) {
           links[i].href = `http://${url}${links[i].href}`;
         }
      }
      res.send(dom.serialize());
    }
  });
});

Creating web proxy using node js and express

1 Answers1