Goal

Make visitors access to the contents in the subdirectory on the Shifter website through the external server (e.g. EC2) with the domain name (e.g. example.com).

Forwarding access to

Structure

• External server: https://www.example.com

• Shifter (※): https://abc123.on.getshifter.io/subdir/
  ※ Subdirectory Setting is enabled, subdir is the name of the target subdirectory.

Requirements

• URL of Shifter site (e.g. abc123.on.getshifter.io)

• Subdirectory Setting is enabled on Shifter

• Nginx for reverse proxy

Shifter Configurations

Copy Shifter Static site’s URL

It is available on Live page

Make sure Subdirectory Setting is enabled

If not check out the support document: Subdirectory Deploy

Sample configuration (nginx ver. 1.17.10)

Make sure forwarding correct Host header using proxy_set_header

resolver 8.8.8.8 valid=10s ipv6=off;
server {

[...cropped...]


    location ~ /subdir/ {
        proxy_read_timeout      300;
        proxy_connect_timeout   300;
        proxy_redirect          off;
        set $cloudfront_distribution YOUR-SHIFTER_URL.ON.GETSHIFTER.IO;
        proxy_pass              https://$cloudfront_distribution;
        proxy_ssl_name $cloudfront_distribution;
        proxy_ssl_server_name on;
        proxy_set_header        X-Forwarded-Proto       $scheme;
        proxy_set_header        Host                    $cloudfront_distribution;
        proxy_set_header        X-Real-IP               $remote_addr;
        proxy_set_header        X-Forwarded-Host        $http_host;
        proxy_set_header        X-Forwarded-Server      $host;
        proxy_set_header        X-Forwarded-For         $proxy_add_x_forwarded_for;
    }
}