Currently, I am employing docker-compose with PHP 7.2 from the phpdockerio/php72-fpm:latest image.
services:
webserver:
image: nginx:alpine
The configuration for nginx is as follows in nginx.conf:
user nginx;
pid /var/run/nginx.pid;
events {
worker_connections 1024;
}
http {
include /etc/nginx/mime.types;
default_type application/octet-stream;
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
'$status $body_bytes_sent "$http_referer" '
'"$http_user_agent" "$http_x_forwarded_for"';
access_log /dev/stdout main;
#sendfile on;
#tcp_nopush on;
keepalive_timeout 65;
gzip on;
server {
listen 80 default;
client_max_body_size 208M;
access_log /var/log/nginx/application.access.log;
root /application/public;
rewrite ^/index\.php/?(.*)$ /$1 permanent;
try_files $uri @rewriteapp;
location @rewriteapp {
rewrite ^(.*)$ /index.php/$1 last;
}
# Deny all . files
location ~ /\. {
deny all;
}
location ~ ^/(index)\.php(/|$) {
fastcgi_pass php-fpm:9000;
fastcgi_split_path_info ^(.+\.php)(/.*)$;
fastcgi_index app_dev.php;
send_timeout 1800;
fastcgi_read_timeout 1800;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_param PHP_VALUE "error_log=/var/log/nginx/application_php_errors.log";
fastcgi_buffers 16 16k;
fastcgi_buffer_size 32k;
include fastcgi_params;
}
# Statics
location /(bundles|media) {
access_log off;
expires 30d;
try_files $uri @rewriteapp;
}}
}
A controller has been developed specifically for updating the progress bar.
/**
* @Route("/progressTest", name="progressTest")
* @param Request $request
* @return \Symfony\Component\HttpFoundation\Response
*/
public function progressAction(){
ob_start();
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');
$total = 10;
for($i=0;$i<$total;$i++)
{
$percent = intval($i/$total * 100)."%";
sleep(1); // Here call your time taking function like sending bulk sms etc.
echo '<script>
parent.document.getElementById("progressbar").innerHTML="<div style=\"width:'.$percent.';background:linear-gradient(to bottom, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); ;height:35px;\"> </div>";
parent.document.getElementById("information").innerHTML="<div style=\"text-align:center; font-weight:bold\">'.$percent.' is processed.</div>";
</script>';
ob_flush();
flush();
}
echo '<script>parent.document.getElementById("information").innerHTML="<div style=\"text-align:center; font-weight:bold\">Process completed</div>"</script>';
return new Response('OK '.$i);
}
To display this progress bar in the template, use the following code snippet:
<div class="col-md-12">
<div id="progressbar" style="border:1px solid #ccc; border-radius: 5px; "></div>
<div id="information" style="border:1px solid #ccc; border-radius: 5px; "></div>
</div>
<iframe name="loadarea" src="{{ path("progressTest") }}" id="loadarea" style="display:none2;"></iframe><br />
If there are pending updates until the end of the loop, you may encounter issues, such as getting all updates in a single batch. One possible solution could be to set the X-Accel-Buffering header to no. Also, consider restructuring the JavaScript logic to handle graphical manipulation more efficiently based on percentage values.