Обработка запросов нескольких пользователей к нескольким удаленным веб-формам с помощью PhantomJS
Я создал приложение ExpressJS, используя NightmareJS, у которого есть форма, и когда мы заполняем форму и отправляем ее, она отправляет запросы в некоторые удаленные формы, вычисляет данные и возвращает эти результаты. Но проблема в том, что это работает только тогда, когда один клиент отправляет форму. Когда несколько клиентов отправляют форму одновременно, она не работает. Что может быть причиной этого и как это решить?
JS-скрипт внешнего интерфейса
$(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);
Сценарий ExpressJS form1
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();
}
});
}
Сценарий ExpressJS form2
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();
}
});
}
1 ответ
Основываясь на опубликованном вами примере, вы пытаетесь повторно использовать один и тот же экземпляр Nightmare для нескольких запросов. Это не будет работать, так как если у вас есть несколько запросов, действия для последующих запросов будут добавлены в текущий выполняемый контекст. Это еще сложнее, потому что вы также .end()
При использовании этого экземпляра экземпляр Nightmare становится непригодным после первоначального запроса.
Если вы переместите экземпляр Кошмара в Экспресс post
метод, вам, скорее всего, повезет больше, но будьте осторожны: этот метод не будет особенно хорошо масштабироваться.