在 PhantomJS 中使用自定义响应拦截请求？

Question

有没有办法拦截资源请求并直接从处理程序给出响应？像这样的东西：

page.onRequest(function(request){
   request.reply({data: 123});
});

我的用例是使用 PhantomJS 渲染一个调用我的 API 的页面。为了避免身份验证问题，我想拦截对 API 的所有 http 请求并手动返回响应，而不发出实际的 http 请求。

onResourceRequest几乎可以做到这一点，但没有任何修改功能。

我看到的可能性：

1. 我可以将页面存储为 Handlebars 模板，并将数据渲染到页面中，并将其作为原始 html 传递给 PhantomJS（而不是 URL）。虽然这可行，但它会使更改变得困难，因为我必须为每个网页编写数据层，并且网页不能独立存在。
2. 我可以重定向到localhost，并在那里有一个服务器来侦听并响应请求。这假设在localhost.
3. 通过将数据添加page.evaluate到页面的全局window对象。这与#1 具有相同的问题：我需要先验地知道页面需要哪些数据，并编写每个页面唯一的服务器端代码。

Answer 1

我最近在使用 phantom js 生成 pdf 时需要执行此操作。这有点老套，但似乎有效。

var page = require('webpage').create(),
  server = require('webserver').create(),
  totallyRandomPortnumber = 29522,
  ...
//in my actual code, totallyRandomPortnumber is created by a java application,
//because phantomjs will report the port in use as '0' when listening to a random port
//thereby preventing its reuse in page.onResourceRequested...

server.listen(totallyRandomPortnumber, function(request, response) {
  response.statusCode = 200;
  response.setHeader('Content-Type', 'application/json;charset=UTF-8');
  response.write(JSON.stringify({data: 'somevalue'}));
  response.close();
});

page.onResourceRequested = function(requestData, networkRequest) {
    if(requestData.url.indexOf('interceptme') != -1) {
        networkRequest.changeUrl('http://localhost:' + totallyRandomPortnumber);
    }
};

在我的实际应用程序中，我向 phantomjs 发送一些数据以覆盖请求/响应，因此我对 server.listen 和 page.onResourceRequested 中的 url 进行更多检查。这感觉就像一个穷人的拦截器，但它应该让你（或任何可能涉及到的人）继续前进。