Node.js 使用PhantomJS处理多个用户对多个远程web表单的请求
我使用噩梦EJS创建了一个ExpressJS应用程序,它有一个表单,当我们填写表单并提交时,它会向一些远程表单发送请求,计算数据并返回结果。但问题是,它只在单个客户提交表单时起作用。当多个客户端同时提交表单时,它不起作用。这可能是什么原因?如何解决 前端JS脚本Node.js 使用PhantomJS处理多个用户对多个远程web表单的请求,node.js,express,phantomjs,headless-browser,nightmare,Node.js,Express,Phantomjs,Headless Browser,Nightmare,我使用噩梦EJS创建了一个ExpressJS应用程序,它有一个表单,当我们填写表单并提交时,它会向一些远程表单发送请求,计算数据并返回结果。但问题是,它只在单个客户提交表单时起作用。当多个客户端同时提交表单时,它不起作用。这可能是什么原因?如何解决 前端JS脚本 $(document).ready(function () { $("#calculate-form").submit(function (event) { var request; if (request) {
$(document).ready(function () {
$("#calculate-form").submit(function (event) {
var request;
if (request) {
request.abort();
}
var $form = $(this);
var $inputs = $form.find("input, select, button, textarea");
var serializedData = $form.serialize();
$inputs.prop("disabled", true);
form1(request, serializedData, $inputs, '/example1', '#form1');
function form1(request, serializedData, inputs, appUrl, displayElement)
{
request = $.ajax({
url: appUrl,
type: "post",
data: serializedData
});
request.done(function (response) {
$(displayElement).text(response.value);
form2(request, serializedData, $inputs, '/example2', '#form2');
function form2(request, serializedData, inputs, appUrl, displayElement)
{
request = $.ajax({
url: appUrl,
type: "post",
data: serializedData
});
request.done(function (response) {
$(displayElement).text(response.value);
});
request.fail(function (jqXHR, textStatus, errorThrown) {
console.log("Failed");
});
}
});
request.fail(function (jqXHR, textStatus, errorThrown) {
console.log("Failed");
});
}
event.preventDefault();
});
});
ExpressJS索引脚本
var express = require('express');
var app = express();
var phantom = require('phantom');
var bodyParser = require('body-parser');
var Nightmare = require('nightmare');
app.use(bodyParser.urlencoded({
extended: true
}));
app.set('port', (process.env.PORT || 5000));
app.use(express.static(__dirname + '/'));
app.engine('html', require('ejs').renderFile);
app.get('/', function (request, response) {
response.render('index.html');
});
app.listen(app.get('port'), function () {
console.log('Scrapper is running on port', app.get('port'));
});
require('./form1')(app, Nightmare);
require('./form2')(app, Nightmare);
expressjsform1脚本
module.exports = function (app, Nightmare) {
var nightmare1 = Nightmare({
show: true
});
app.post('/example1', function (req, res) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.setHeader('Content-Type', 'application/json');
try
{
if (req.method === 'POST') {
var requestParams = req.body;
nightmare1
.goto('https://example1.com/form')
.evaluate(function () {
var select = document.querySelector('#RepaymentMethod');
select.value = "1";
select.dispatchEvent(new Event('change'));
})
.wait("#formbtn-1")
.evaluate(function () {
document.getElementById('inputfield_1').value = "inputfield-1-Value";
document.getElementById('btnSubmitform').click();
})
.wait("#resultvalue")
.evaluate(function () {
var str = document.querySelector('#resultvalue').innerText;
return res;
})
.end()
.then(function (form1) {
res.send({value: form1});
nightmare1.halt();
})
.catch(function (error) {
res.send({'error': error});
nightmare1.halt();
});
}
} catch (err)
{
res.sendStatus(400).send(err);
nightmare1.halt();
process.exit();
}
});
}
expressjsform2脚本
module.exports = function (app, Nightmare) {
var nightmare2 = Nightmare({
show: true
});
app.post('/example2', function (req, res) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.setHeader('Content-Type', 'application/json');
try
{
if (req.method === 'POST') {
var requestParams = req.body;
nightmare2
.goto('https://example2.com/form')
.evaluate(function () {
var select = document.querySelector('#RepaymentMethod');
select.value = "10";
select.dispatchEvent(new Event('change'));
})
.wait("#formbtn-1")
.evaluate(function () {
document.getElementById('inputfield_1').value = "inputfield-1-Value";
document.getElementById('inputfield_2').value = "inputfield-2-Value";
document.getElementById('btnSubmitform').click();
})
.wait("#resultvalue")
.evaluate(function () {
var str = document.querySelector('#resultvalue').innerText;
return res;
})
.end()
.then(function (form2) {
res.send({value: form2});
nightmare2.halt();
process.exit();
})
.catch(function (error) {
res.send({'error': error});
nightmare2.halt();
process.exit();
});
}
} catch (err)
{
res.sendStatus(400).send(err);
nightmare2.halt();
process.exit();
}
});
}
根据您发布的示例,您正在尝试跨多个请求重用同一个噩梦实例。这不会像有多个请求进入一样工作,后面请求的操作将添加到当前执行的上下文中。这更为复杂,因为您还将
.end()
初始化实例,使噩梦实例在初始请求后无法使用
如果您将噩梦实例化移动到Express
post
方法中,您可能会有更好的运气,但要小心:此方法的扩展性不太好。理论上,您的应用程序应该可以工作。请添加最少的代码示例以显示您的实现。您是否使用了与PhantomJS一起使用的旧噩梦?@Vaviloff我在这里粘贴了最少的代码示例。也许在使用噩梦时,您最终使用的是同一个实例?找不到信息如果这是真的,你可能应该问梦魇开发者。