DEV Community

Cover image for Installing Tomcat + Nginx in Ubuntu Cloud server
Z. QIU
Z. QIU

Posted on • Edited on

Installing Tomcat + Nginx in Ubuntu Cloud server

#tomcat #nginx #cloud #devops
Info: This post is one of the articles in context of this post: Huawei Cloud ECS server notes

I have just now installed TomCat and Nginx on our Huawei Cloud server. In this post, I would like to note the operations I've done in this task.

TomCat

I have created file ~/launchers/tomcat_8888.sh and filled it with the following content:

docker rm -f tomcat_8888 docker run \ -it -d --privileged=true \ --name tomcat_8888 \ --net bridge-network \ -p 8888:8080 \ -v /home/jemaloQ/www_server:/usr/local/tomcat/webapps \ -v /home/jemaloQ/docker/www_server/logs:/usr/local/tomcat/logs \ tomcat:latest
Enter fullscreen mode Exit fullscreen mode

Launch TomCat as docker container:

sudo sh ~/launchers/tomcat_8888.sh
Enter fullscreen mode Exit fullscreen mode

Now create a webpage for testing tomcat:

cd ~/www_server mkdir home cd home/ touch index.html
Enter fullscreen mode Exit fullscreen mode

Put the following html code in this index.html file:

<!DOCTYPE html> <html> <head> <title>Test TomCat Servie</title> </head> <body> <h1>Tomcat over docker is working</h1> <p> Port = 8888 </p> </body> </html>
Enter fullscreen mode Exit fullscreen mode

Open the browser, try http://myip:8888/test, voilà:
Alt Text

Nginx

I use the following cmd line for installing Nginx in a native way:

sudo apt install nginx-full
Enter fullscreen mode Exit fullscreen mode

Check if Nginxservice is running:

service nginx status
Enter fullscreen mode Exit fullscreen mode

The default conf file of Nginx "nginx.conf" can be found in directory /etc/nginx/. Usually, we do not need to modify this file. In this file, there is one line as: include /etc/nginx/conf.d/*.conf;, meaning that Nginx shall take into account all .conf user files created in /etc/nginx/conf.d repository.

Below are operations that I have performed (Some may require sudo permission):

touch /etc/nginx/conf.d/myconf.conf vi /etc/nginx/conf.d/myconf.conf
Enter fullscreen mode Exit fullscreen mode

In myconf.conf file, I add the following lines:

server { listen 80; server_name 111.22.133.117 sssbot.cn localhost; # server_name localhost; gzip on; gzip_types text/plain application/xml text/css application/javascript; gzip_min_length 1000; location /demo/industry_safety { proxy_pass http://111.22.133.117:8888/industry_safety; } location ~* /demo/industry_safety/([a-z]+)$  { rewrite /demo/industry_safety/([a-z]+)$ /demo/industry_safety/; } location /test { proxy_pass http://111.22.133.117:8888/test; } location / { default_type application/octet-stream; include /etc/nginx/mime.types; root /usr/share/nginx/html; index index.html index.htm; try_files $uri $uri/ /index.html; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } }
Enter fullscreen mode Exit fullscreen mode

Make nginx reload all its configurations:

nginx -s reload
Enter fullscreen mode Exit fullscreen mode

Check if http://myip:8888/test/ has been redirected to http://myip/test:
Alt Text

I have a real SaaS project named "industry_safety" whose front-end is a Vue-based website. There are many static resources in this project which may bring problems after URL redirection. As shown in /etc/nginx/conf.d/myconf.conf file, I have redirected original url http://myip:8888/industry_safety/ to http://myip/demo/industry_safety/.

Check it now and it works :

Alt Text

Top comments (0)