Reverso do proxy para toda a WWW

Question

Estou tentando criar um proxy reverso para funcionar como link , é uma plataforma interessante que substitui imagens por animações de gatos. Eu tentei Apache e nginx "reverse proxy" apenas para reverter um proxy existente site, que funcionou bem com sites como www.bcc.co.uk mas não funcionou com edition.cnn.com/. (Eu estava usando o ReverseProxyPass regular no apache e proxy_pass no nginx). No apache eu também usei o proxy_html_module para reescrever os links.

Então, como funciona o link ? Eu pesquisei no site do mobifiy que diz:

How it works: Mobify.js uses a technique called client side adaptation to remix HTML in the browser. The remixed content is interpreted by the browser as if the server had sent it in the first place!

The Mobify.js tag bootstraps the adaptation and loads the Mobify.js file, which performs it. The tag activates in iOS, Android and BlackBerry browsers. By default, the Mobify.js file is loaded from the development server.

The development server is part of the Mobify Client, a command line tool for building Mobify.js projects. It compiles the Mobify.js file dynamically per request. The file contains two parts, the Mobify.js API and site specific adaptations.

Adaptations are expressed as a series of operations on the source DOM, the DOM constructed from the page’s original HTML. HTML Elements can be selected, then rendered with a template. Finally, the rendered template is written to the browser.

Para encurtar a história, ela usa um pouco de mágica css para exibir o site adaptado a cada navegador.

Eu acho que o truque da mewbifity é a manipulação dos diretórios do site (por exemplo, cat.'site'.meowbify.com /).

Então, como posso fazer algo semelhante?

Obrigado antecipadamente, Guyl

    

Answer 1

1. Configurar um site com um manipulador que aceita um URL como parte de uma string de consulta
2. Em cada solicitação para esse website, faça sua própria conexão da web com o URL transmitido
3. Copie o HTML resultante para <img> tags
4. Substitua o valor do atributo src em cada tag <img> , com seus próprios URLs de imagens
5. Sirva o HTML substituído em resposta à solicitação original
6. ????
7. Lucro

Para saber exatamente como fazer qualquer / todos os itens acima, essas seriam perguntas de programação para a comunidade que suportam seu idioma preferido.

Lembre-se de que isso não mudará a web inteira para os clientes pretendidos (vítimas?), apenas aqueles que especificarem o URL que eles desejam usar como proxy.

    

Answer 2

Meowbify é de fato código aberto, então você pode dar uma olhada no código no github e se inspirar conforme necessário: link

Ele usa um meio bastante simples de codificar a URL desejada: cat / cats para designar o protocolo http ou https, depois o nome do host original, depois .meowbify.com e, em seguida, o caminho e a string de consulta como estão no URL original .

Após solicitar o documento desejado, ele usa um analisador XML de fluxo no estilo SAX para localizar e reescrever as tags nas quais está interessado (nesse caso, principalmente os src attrbutes de <img> elements) e, em seguida, veicula o resultado HTML.