node-iframe

node-iframe

create iframes to bypass security issues on your server with node.js can also be used on the client

Installation

yarn install node-iframe

How to use

On your server

const createIframe = require("node-iframe");

app.use(createIframe);

app.get("/iframe", (req, res) =>
  res.createIframe({
    url: req.query.url,
    baseHref: req.query.baseHref, // optional,
  })
);

On the client use directly in your iframe if your api is on the same server set the url below like this or if your using a framework like gatsby, nextjs, etc

<iframe src="/iframe/?url=https://www.etsy.com" />

You can even fetch the iframe directly on the content if needed.

const { fetchFrame, configureCacheControl } = require("node-iframe");

// optional: configure cache-control
configureCacheControl({ stdTTL: 0, checkperiod: 600 });

async function fetchIframe() {
  return await fetchFrame("/iframe/?url=https://www.etsy.com");
}

Example

Screenshot above is an example image of the package used at A11ywatch

Params

Node iframe has one param Object with a url prop that is the url of the website and baseHref is optional property that will inject crossorigin="anonymous" onto all your script tags.

About

This project uses cheerio to manipulate dom contents very fast. If your iframe fails to render thats where the security issues need to be reverse hacked by us. As an alternative solution if the iframe fails to load simply fall back to the normal url of web page. You can fire this as an api request directly with fetch to get the website as html or use directly as your iframe src for best performance.

License

MIT