Deploy and config NGINX on Angular 7 + Nginx Docker


  1. Create and run docker image
    1. docker run --name app-nginx -p 9595:80 -v /media/storage/angular7nginx-app/:/usr/share/nginx/html:ro -d nginx
  2. Go to docker image
    1. docker exec -ti app-nginx /bin/bash
  3. vim /etc/nginx/nginx.conf
  4. Add these line of code inside the http
  5. Restart docker container
  6. Check docker logs
    1. docker logs app-nginx
      1. app-nginx is application name

server {
    listen 80;
    listen [::]:80;

    server_name http://ip;

    root /usr/share/nginx/html;

    index index.html index.htm;

    location / {
        try_files $uri $uri/ /index.html;
# This will allow you to refresh page in your angular app. Which will not give error 404.
    }
}



usefull commands on docker:

  • docker commit app-nginx nginx:latest  --> create a new docker with latest tag
  • docker logs app-nginx -f                       --> tail docker log with -f option
  • docker ps -a                                           --> see running dockers in details
  • docker rm app-nginx                             -->  remove app-nginx docker image

Bu blogdaki popüler yayınlar

About Android padding, margin, width, height, wrap_content, match_parent, R Class

Padding and Margin padding  and  layout_margin  are two very similar attributes. Both determine the space around a View. The difference is that  padding  determines space within the boundaries of the view, and  layout_margin  determines the space outside the boundaries of the view. Width and Height Some of the most important properties are the width property and height property - those must be defined for every view. Remember that all views occupy a rectangular area on the screen - the width and height are the width and height of that area. You can define this in pixels, or better yet dp (stands for density-independent pixels): android:layout_width="200dp" android:layout_height="300dp" For the sake of having a layout be responsive and adjust to different devices, two common values are not numbers at all, but  wrap_content  and  match_parent  used as shown here: android:layout_width="wrap_content" android:layout_height="match_parent"
Devamı

@SerializedName and @Expose annotations

The  @SerializedName  annotation is needed for Gson to map the JSON keys with our fields. In keeping with Java's camelCase naming convention for class member properties, it is not recommended to use underscores to separate words in a variable.  @SerializedName  helps translate between the two. @SerializedName ( "quota_remaining" ) @Expose private Integer quotaRemaining; In the example above, we are telling Gson that our JSON key  quota_remaining  should be mapped to the Java field  quotaRemaining .  If both of these values were the same, i.e. if our JSON key was  quotaRemaining  just like the Java field, then there would be no need for the  @SerializedName  annotation on the field because Gson would map them automatically. The  @Expose  annotation indicates that this member should be exposed for JSON serialization or deserialization. 
Devamı