Fundamentalmente, seu problema está em determinar o tempo em que o servidor levará para responder sua requisição. O problema com as soluções que dependem do XMLHttpRequest é que você só pode medir o tempo de upload da requisição, isto é, quanto tempo seu computador levaria para subir o arquivo .csv até o servidor (por exemplo).
Como vou prever quanto tempo irá demorar a requisiçao ?
Sua melhor chance é por tentativa e erro em determinar uma fórmula aproximável f(x) = t
onde x
seria o número de linhas do arquivo e t
o tempo que seu servidor levaria para processar tal requisição.
Mesmo assim, você estaria sujeito a precisar de pelo menos 2 requisições distintas para que o PHP te responda o número de linhas do arquivo antes de começar a processá-lo OU fazer essa contagem no JavaScript (ambas má soluções).
Ainda nessa linha de raciocínio, se um dia quando você trocar de servidor¹, sua fórmula poderá ser declarada errada em caso de incompatibilidade. Processadores, Memórias ou disco rígidos com maior eficiência levarão tempos distintos para processar um mesmo algoritmo. O mesmo vale para atualização de aplicações servidoras, atualização de sistema operacional ou versões do PHP que influenciam desempenho.
Nota¹: Em caso de aluguéis de servidores compartilhados, a troca da máquina pode ocorrer sem que você seja notificado.
Existe alguma forma de fazer onprogress para pegar o progresso da requisição ?
Existe uma diferença entre envio da requisição e tempo de resposta. Pode até ser relativamente fácil calcular o tamanho (em bytes) da sua requisição e determinar quando ela finalizará, mas isso só leva em conta a primeira etapa do processo (o envio da requisição). O tempo de resposta não pode ser descoberto no momento em que a requisição ocorre.
Se sim essa quebra em multiplas requisicoes pode afetar o trafego( por que dependendo do tamanho da tarefa irá demorar e custar várias requisições)?
Não entendi muito bem o que está querendo dizer aqui, mas se está se referindo a enviar 1 linha de cada vez (por requisição ajax) só pelo bel prazer de construir uma progress bar fiel, eu fortemente recomendo que não o faça. Isso poderia gerar um número muito alto de consumo de recursos totalmente desnecessário. Tenha em mente que uma vez que você sobe um arquivo inteiro, houve processamento na máquina cliente até que a requisição alcance o servidor, processamento do servidor web e em seguida inicialização da sua aplicação em PHP. Se cada linha do arquivo for tratado em uma requisição separada, você estará utilizando o seu servidor Web para inicializar uma mesma aplicação PHP múltiplas vezes desnecessariamente.
Existe alguma outra forma recomendada de fazer progressBar?
Existe uma opção teoricamente válida que sugere múltiplas requisições para perguntar ao servidor sobre o andamento da requisição principal. No entanto, acredito que tal opção só é possível se sua requisição principal for suficientemente longa. O processo consistiria em algo que respeitaria algumas regras:
- Executa a requisição principal.
- Atualizar uma informação compartilhável sobre o progresso da requisição de tempos em tempos.
- Criar um laço no frontend que executa uma requisição específica a cada
x
tempos
- Essa requisição secundária seria capaz de ler a mesma informação que a requisição principal está atualizando de tempos em tempos.
O consumo de servidor seria em função da varável x
que você determinaria para solicitar ao servidor o o progresso. A resposta de tal requisição seria capaz de lhe oferecer uma informação tão confiável quanto você conseguiria medir o progresso dentro do seu código principal (requisição principal).
Update
Utilizando como base o repositório jQuery-Ajax-Progress por englercj, consegui implementar o conceito que apresentei como teórico. O que deve ser levado em consideração são os seguintes itens:
- Cada vez que você "interrompe" o processo principal para salvar o progresso (nesse caso, função setProgress dentro do laço), sua requisição principal gera um processamento extra e demora mais.
- Cada requisição que o cliente faz para o servidor afeta o desempenho do seu servidor.
- Esse é um exemplo altamente simples com o único propósito de ensino, pois utilizo o sistema de arquivos do servidor para salvar o progresso (acesso a disco rígidos são muito lentos!)
Você pode clonar meu repositório em https://github.com/deleugpn/jquery-ajax-progress ou acompanhar os snippets a seguir (ou verificar um demo online aqui http://solucoesideais.com.br/dev/progressbar/demo.html)
Nota: Se sua requisição status.php estiver esperando o fim de progress.php para poder ser disparado, seu problema pode estar no seu navegador não autorizando a chamada.
progress.php
Este é o arquivo que contém sua requisição principal.
ini_set('max_execution_time', 60);
// The bigger this number, the longer the request will take
$max = 100000000;
/**
* Store the current progress in a file to be read by status.php
* @param $progress
*/
function setProgress($progress) {
$file = __DIR__ . '/p';
if (!is_file($file))
touch($file);
file_put_contents($file, $progress);
}
// Loop to delay the request a lot
for ($i = 0; $i < $max; $i++) {
/**
* Each 100'000 runs, the progress will be "recorded"
* This is where you should learn what number is good for your loop that won't affect
* the requests' performance.
*/
if ($i % 100000 === 0) {
setProgress(($i * 100) / $max);
}
}
echo true;
status.php
Este é o arquivo que lhe dirá como está o andamento da sua requisição principal.
// Make a request to another domain so browser doesn't block you
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST');
if (is_file(__DIR__ . '/p')) {
echo file_get_contents(__DIR__ . '/p'); // Note: if the file is busy (being rewritten, this will result in nothing.
} else {
echo 0;
}
demo.html
Este é o arquivo de demonstração da barra de progresso.
<!DOCTYPE html>
<html>
<head>
<title>Ajax Progress</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
<!-- Google CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/black-tie/jquery-ui.css"/>
<!--<script src="js/jquery.ajax-progress.js"></script>-->
<script>
var request = {
checkStatus: function () {
$.ajax({
method: 'GET',
url: 'server/status.php',
dataType: 'json',
success: function (data) {
if(data)
request.setStatus(data);
}
});
},
setStatus: function (status) {
$('#prog')
.progressbar('option', 'value', status)
.children('.ui-progressbar-value')
.html(status.toPrecision(3) + '%')
.css('display', 'block');
},
_interval: null,
clearInterval: function () {
clearInterval(request._interval);
}
};
$(function () {
$('#prog').progressbar({value: 0});
request._interval = setInterval(request.checkStatus, 1000);
$.ajax({
method: 'GET',
url: 'server/progress.php',
dataType: 'json',
success: function () {
request.clearInterval();
request.setStatus(100);
},
error: function () {
request.setStatus(0);
request.clearInterval();
console.log('AWWW! Error!!');
}
});
});
</script>
</head>
<body>
<div id="prog"></div>
</body>
</html>