aurelia Aurelia CLI Explained Host your Aurelia Cli app on Nginx

Example

Environment

This Example assumes you setup as explained in Example: Setting Up Environment for Aurelia-cli Explained of this document.

Summary of setup:

• On Mac OS X with Vagrant 1.8.4
• $cd /path/to/project/vagrant
• $vagrant up
• Log into VM via UI as User:vagrant / PW:vagrant
• $cd /home/vagrant/MyProject (Where you setup your Aurelia project as described in "Aurelia Cli Basics Explained" above.)
• EPEL repository should be setup

Basic Project directory structure

• /home/vagrant/MyProject
  • /aurelia_project
  • /scripts
  • /src
    • resources
    • app.js
    • app.html
    • environment.js
    • main.js
  • favicon.ico
  • index.html
  • package.json

Build your App

• $au build (Creates bundled files in projects /scripts directory)

Setting up Nginx

• $sudo yum install nginx
• Start the sever: $sudo nginx
• Edit nginx.conf file (See below)
  • Set root location to /var/www/html
  • Set resources location to /var/www/
• Reload the server after editing the file: $sudo nginx -s reload

Copy files from Aurelia project to server

$sudo cp /home/vagrant/MyProject/index.html /var/www/html/
$sudo cp -R /home/vagrant/MyProject/scripts /var/www/html/
$sudo cp mkdir /var/www/src/
$sudo cp -R /home/vagrant/MyProject/src/resources /var/www/src/

• Go to http://localhost on web browser in VM, you should see the default Aurelia app.
• If you setup as described above, port 80 is forwarded by VM, so you can go to a browser on your host OS and go to http://192.168.0.3:80 and see the site there as well.

/etc/nginx/nginx.conf

# For more information on configuration, see:
#   * Official English Documentation: http://nginx.org/en/docs/
#   * Official Russian Documentation: http://nginx.org/ru/docs/

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    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  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.

    server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  _;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

    root /var/www/html/;

    location /src/resources {
        root /var/www/;
    }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
    }
}