February 2019 – My Projects & Live

Install Vue Storefront On Ubuntu 16.04

Ref: https://docs.vuestorefront.io/guide/installation/linux-mac.html#requirements
https://medium.com/the-vue-storefront-journal/vue-storefront-how-to-install-and-integrate-with-magento2-227767dd65b2

Requirements
– Docker (with docker-compose installed).
Already included in vue-storefront and vue-storefront-api Docker images (required locally, if you do not use containerization):
– Node.js Active LTS (>=8.0.0)

teddy@teddy:~$ nvm use 10.15.1
Now using node v10.15.1 (npm v6.4.1)
teddy@teddy:~$ node -v
v10.15.1

teddy@teddy:~$ nvm use 10.15.1

Now using node v10.15.1 (npm v6.4.1)

teddy@teddy:~$ node -v

v10.15.1

– Yarn (>=1.0.0)

teddy@teddy:~$ yarn -v
1.13.0

1 2	teddy@teddy:~$ yarn -v 1.13.0

– ImageMagick (to fit, resize and crop images)

First, Install Docker CE for ubuntu (https://docs.docker.com/install/linux/docker-ce/ubuntu/#install-using-the-repository)

Install using the repository
Before you install Docker CE for the first time on a new host machine, you need to set up the Docker repository. Afterward, you can install and update Docker from the repository.

SET UP THE REPOSITORY
Update the apt package index:

$ sudo apt-get update

1	$ sudo apt-get update

Install packages to allow apt to use a repository over HTTPS:

$ sudo apt-get install \
    apt-transport-https \
    ca-certificates \
    curl \
    gnupg-agent \
    software-properties-common

$ sudo apt-get install \

apt-transport-https \

ca-certificates \

curl \

gnupg-agent \

software-properties-common

Add Docker’s official GPG key:

$ curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

1	$ curl -fsSL https://download.docker.com/linux/ubuntu/gpg \| sudo apt-key add -

Verify that you now have the key with the fingerprint9DC8 5822 9FC7 DD38 854A E2D8 8D81 803C 0EBF CD88, by searching for the last 8 characters of the fingerprint.

teddy@teddy:~/Documents/works$ sudo apt-key fingerprint 0EBFCD88
pub   4096R/0EBFCD88 2017-02-22
      Key fingerprint = 9DC8 5822 9FC7 DD38 854A  E2D8 8D81 803C 0EBF CD88
uid                  Docker Release (CE deb) <docker@docker.com>
sub   4096R/F273FCD8 2017-02-22

teddy@teddy:~/Documents/works$ sudo apt-key fingerprint 0EBFCD88

pub 4096R/0EBFCD88 2017-02-22

Key fingerprint = 9DC8 5822 9FC7 DD38 854A E2D8 8D81 803C 0EBF CD88

uid Docker Release (CE deb) <docker@docker.com>

sub 4096R/F273FCD8 2017-02-22

Use the following command to set up the stable repository.

$ sudo add-apt-repository \
   "deb [arch=amd64] https://download.docker.com/linux/ubuntu \
   $(lsb_release -cs) \
   stable"

$ sudo add-apt-repository \

"deb [arch=amd64] https://download.docker.com/linux/ubuntu \

$(lsb_release -cs) \

stable"

INSTALL DOCKER CE
Update the apt package index.

$ sudo apt-get update

1	$ sudo apt-get update

Install the latest version of Docker CE and containerd, or go to the next step to install a specific version:

$ sudo apt-get install docker-ce docker-ce-cli containerd.io

1	$ sudo apt-get install docker-ce docker-ce-cli containerd.io

Verify that Docker CE is installed correctly by running the hello-world image.

teddy@teddy:~/Documents/works$ sudo docker run hello-world
Unable to find image 'hello-world:latest' locally
latest: Pulling from library/hello-world
1b930d010525: Pull complete 
Digest: sha256:2557e3c07ed1e38f26e389462d03ed943586f744621577a99efb77324b0fe535
Status: Downloaded newer image for hello-world:latest

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
 1. The Docker client contacted the Docker daemon.
 2. The Docker daemon pulled the "hello-world" image from the Docker Hub.
    (amd64)
 3. The Docker daemon created a new container from that image which runs the
    executable that produces the output you are currently reading.
 4. The Docker daemon streamed that output to the Docker client, which sent it
    to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
 $ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
 https://hub.docker.com/

For more examples and ideas, visit:
 https://docs.docker.com/get-started/

teddy@teddy:~/Documents/works$ sudo docker run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

1b930d010525: Pull complete

Digest: sha256:2557e3c07ed1e38f26e389462d03ed943586f744621577a99efb77324b0fe535

Status: Downloaded newer image for hello-world:latest

Hello from Docker!

This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:

1. The Docker client contacted the Docker daemon.

2. The Docker daemon pulled the "hello-world" image from the Docker Hub.

(amd64)

3. The Docker daemon created a new container from that image which runs the

executable that produces the output you are currently reading.

4. The Docker daemon streamed that output to the Docker client, which sent it

to your terminal.

To try something more ambitious, you can run an Ubuntu container with:

$ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:

https://hub.docker.com/

For more examples and ideas, visit:

https://docs.docker.com/get-started/

This command downloads a test image and runs it in a container. When the container runs, it prints an informational message and exits.
Check docker version: (https://docs.docker.com/engine/reference/commandline/cli/)

teddy@teddy:~/Documents/works$ sudo docker -v
Docker version 18.09.2, build 6247962

1 2	teddy@teddy:~/Documents/works$ sudo docker -v Docker version 18.09.2, build 6247962

Docker CE is installed and running. The docker group is created but no users are added to it. You need to use sudo to run Docker commands. Continue to Linux postinstall to allow non-privileged users to run Docker commands and for other optional configuration steps.

It’s important to manage docker for non-root user (https://docs.docker.com/install/linux/linux-postinstall/)
Create the docker group.

$ sudo groupadd docker

1	$ sudo groupadd docker

Add your user to the docker group.

$ sudo usermod -aG docker $USER

1	$ sudo usermod -aG docker $USER

Logout and re-login so that your group membership is re-evaluated.
Verify that you can run docker commands without sudo.

$ docker run hello-world

1	$ docker run hello-world

teddy@teddy:~$ docker run hello-world

Hello from Docker!
This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:
 1. The Docker client contacted the Docker daemon.
 2. The Docker daemon pulled the "hello-world" image from the Docker Hub.
    (amd64)
 3. The Docker daemon created a new container from that image which runs the
    executable that produces the output you are currently reading.
 4. The Docker daemon streamed that output to the Docker client, which sent it
    to your terminal.

To try something more ambitious, you can run an Ubuntu container with:
 $ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:
 https://hub.docker.com/

For more examples and ideas, visit:
 https://docs.docker.com/get-started/

teddy@teddy:~$ docker run hello-world

Hello from Docker!

This message shows that your installation appears to be working correctly.

To generate this message, Docker took the following steps:

1. The Docker client contacted the Docker daemon.

2. The Docker daemon pulled the "hello-world" image from the Docker Hub.

(amd64)

3. The Docker daemon created a new container from that image which runs the

executable that produces the output you are currently reading.

4. The Docker daemon streamed that output to the Docker client, which sent it

to your terminal.

To try something more ambitious, you can run an Ubuntu container with:

$ docker run -it ubuntu bash

Share images, automate workflows, and more with a free Docker ID:

https://hub.docker.com/

For more examples and ideas, visit:

https://docs.docker.com/get-started/

Install Docker Compose
https://docs.docker.com/compose/install/
On Linux, you can download the Docker Compose binary from the Compose repository release page on GitHub. Follow the instructions from the link, which involve running the curl command in your terminal to download the binaries. These step by step instructions are also included below. To ensure you have the latest version, check the Compose repository release page on GitHub.

$ sudo curl -L "https://github.com/docker/compose/releases/download/1.23.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

1	$ sudo curl -L "https://github.com/docker/compose/releases/download/1.23.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

Apply executable permissions to the binary:

$ sudo chmod +x /usr/local/bin/docker-compose

1	$ sudo chmod +x /usr/local/bin/docker-compose

Test the installation.

teddy@teddy:~$ docker-compose --version
docker-compose version 1.23.2, build 1110ad01

1 2	teddy@teddy:~$ docker-compose --version docker-compose version 1.23.2, build 1110ad01

For installing ImageMagic for Ubuntu 16.04, PHP7.2-FPM and NGINX. pls see http://www.mariorodriguez.co/2018/01/17/install-enable-imagick-on-ubuntu-16.04.html and https://askubuntu.com/questions/769396/how-to-install-imagemagick-for-php7-on-ubuntu

teddy@teddy:~$ sudo apt-get install php-imagick
teddy@teddy:~$ php -m | grep imagick
imagick
teddy@teddy:~$ sudo gedit /etc/php/7.0/fpm/php.ini

teddy@teddy:~$ sudo apt-get install php-imagick

teddy@teddy:~$ php -m | grep imagick

imagick

teddy@teddy:~$ sudo gedit /etc/php/7.0/fpm/php.ini

In /etc/php/7.0/fpm/php.ini file, insert ‘extension=imagick.so’ line. then save.
Restart php7.2-fpm and nginx

teddy@teddy:~$ sudo service php7.2-fpm reload
teddy@teddy:~$ sudo service nginx restart

1 2	teddy@teddy:~$ sudo service php7.2-fpm reload teddy@teddy:~$ sudo service nginx restart

Check the extension in phpinfo (http://localhost:8080/phpinfo.php)

Installation Vue StoreFront

To get started — first of all we need to install all projects on your local machine. Fortunately it’s very simple step because we do have CLI installer which installs vue-storefront and vue-storefront-api altogether.

First step is to get the VS from our github:

git clone https://github.com/DivanteLtd/vue-storefront.git vue-storefront

teddy@teddy:~/Documents/works$ git clone https://github.com/DivanteLtd/vue-storefront.git vue-storefront
Cloning into 'vue-storefront'...
remote: Enumerating objects: 278, done.
remote: Counting objects: 100% (278/278), done.
remote: Compressing objects: 100% (147/147), done.
remote: Total 53218 (delta 145), reused 239 (delta 131), pack-reused 52940
Receiving objects: 100% (53218/53218), 36.88 MiB | 49.00 KiB/s, done.
Resolving deltas: 100% (34882/34882), done.
Checking connectivity... done.

teddy@teddy:~/Documents/works$ git clone https://github.com/DivanteLtd/vue-storefront.git vue-storefront

Cloning into 'vue-storefront'...

remote: Enumerating objects: 278, done.

remote: Counting objects: 100% (278/278), done.

remote: Compressing objects: 100% (147/147), done.

remote: Total 53218 (delta 145), reused 239 (delta 131), pack-reused 52940

Receiving objects: 100% (53218/53218), 36.88 MiB | 49.00 KiB/s, done.

Resolving deltas: 100% (34882/34882), done.

Checking connectivity... done.

Go to the ‘vue-storefront’ directory

teddy@teddy:~$ cd Documents/works/vue-storefront/

1	teddy@teddy:~$ cd Documents/works/vue-storefront/

teddy@teddy:~/Documents/works/vue-storefront$ yarn
yarn install v1.13.0
[1/5] Validating package.json...
[2/5] Resolving packages...
[3/5] Fetching packages...
info There appears to be trouble with your network connection. Retrying...
info fsevents@1.2.4: The platform "linux" is incompatible with this module.
info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > karma-webpack@3.0.5" has incorrect peer dependency "webpack@^2.0.0 || ^3.0.0".
[5/5] Building fresh packages...
Done in 96.86s.

teddy@teddy:~/Documents/works/vue-storefront$ yarn

yarn install v1.13.0

[1/5] Validating package.json...

[2/5] Resolving packages...

[3/5] Fetching packages...

info There appears to be trouble with your network connection. Retrying...

info fsevents@1.2.4: The platform "linux" is incompatible with this module.

info "fsevents@1.2.4" is an optional dependency and failed compatibility check. Excluding it from installation.

[4/5] Linking dependencies...

warning " > karma-webpack@3.0.5" has incorrect peer dependency "webpack@^2.0.0 || ^3.0.0".

[5/5] Building fresh packages...

Done in 96.86s.

MAKE SURE YOU CHECK PORT 8080 (USUALLY IT BEING USED BY NGINX) BY ‘sudo netstat -plntu’. IF THE PORT IS BEING USED BY NGINX, PLS STOP IT FIRST ‘sudo service nginx stop’. PORT 8080 WOULD BE USED BY MAGENTO 2 BACKEND???
MAKE SURE YOU ALREADY ADD USER FOR DOCKER
<ERROR_YARN_INSTALLER_DOCKER_NON_ROOT>

teddy@teddy:~/Documents/works/vue-storefront$ yarn installer
yarn run v1.13.0
$ node ./core/scripts/installer
┌─────────────────────────────────────────────────┐
│ Hi, welcome to the vue-storefront installation. │
│ Let's configure it together :)                  │
└─────────────────────────────────────────────────┘

? Would you like to use https://demo.vuestorefront.io as the backend? No
? Please provide Git path (if it's not globally installed) git
? Please provide path for installing backend locally ../vue-storefront-api
? Choose path for images endpoint http://localhost:8080/img/
? Please provide your magento url http://demo-magento2.vuestorefront.io
? Would You like to perform initial data import from Magento2 instance? No

 Trying to create log files... 

 Cloning backend into '../vue-storefront-api'... 

 Trying change directory to '../vue-storefront-api'... 

 Working in directory '/home/teddy/Documents/works/vue-storefront-api'... 

 Installing backend npm... 

 Creating backend config 'config/local.json'... 

 Starting docker in background... 
┌──────────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ ERROR                                                                                                        │
│                                                                                                              │
│ Error: Can't start docker in background.                                                                     │
│     at Promise (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:198:16)                 │
│     at new Promise (<anonymous>)                                                                             │
│     at Backend.dockerComposeUp (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:194:12) │
│                                                                                                              │
│ Please check log file for details: /home/teddy/Documents/works/vue-storefront/var/log/install.log            │
└──────────────────────────────────────────────────────────────────────────────────────────────────────────────┘

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

teddy@teddy:~/Documents/works/vue-storefront$ yarn installer

yarn run v1.13.0

$ node ./core/scripts/installer

┌─────────────────────────────────────────────────┐

│ Hi, welcome to the vue-storefront installation. │

│ Let's configure it together :) │

└─────────────────────────────────────────────────┘

? Would you like to use https://demo.vuestorefront.io as the backend? No

? Please provide Git path (if it's not globally installed) git

? Please provide path for installing backend locally ../vue-storefront-api

? Choose path for images endpoint http://localhost:8080/img/

? Please provide your magento url http://demo-magento2.vuestorefront.io

? Would You like to perform initial data import from Magento2 instance? No

Trying to create log files...

Cloning backend into '../vue-storefront-api'...

Trying change directory to '../vue-storefront-api'...

Working in directory '/home/teddy/Documents/works/vue-storefront-api'...

Installing backend npm...

Creating backend config 'config/local.json'...

Starting docker in background...

┌──────────────────────────────────────────────────────────────────────────────────────────────────────────────┐

│ ERROR │

│ │

│ Error: Can't start docker in background. │

│ at Promise (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:198:16) │

│ at new Promise (<anonymous>) │

│ at Backend.dockerComposeUp (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:194:12) │

│ │

│ Please check log file for details: /home/teddy/Documents/works/vue-storefront/var/log/install.log │

└──────────────────────────────────────────────────────────────────────────────────────────────────────────────┘

error Command failed with exit code 1.

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

SOLUTION: ADD USER FOR DOCKER. SEE THE ABOVE REVISED DOCKER INSTALL!
</ERROR_YARN_INSTALLER_DOCKER_NON_ROOT>
RUN ‘yarn build’ BEFORE ‘yarn installer’. DONT FORGET REMOVE ‘vue-storefront-api’ DIRECTORY

teddy@teddy:~/Documents/works/vue-storefront$ yarn build

1	teddy@teddy:~/Documents/works/vue-storefront$ yarn build

<ERROR_YARN_INSTALLER_STOREFRONT_NPM>

teddy@teddy:~/Documents/works/vue-storefront$ yarn installer
yarn run v1.12.3
$ node ./core/scripts/installer
┌─────────────────────────────────────────────────┐
│ Hi, welcome to the vue-storefront installation. │
│ Let's configure it together :)                  │
└─────────────────────────────────────────────────┘

? Would you like to use https://demo.vuestorefront.io as the backend? No
? Please provide Git path (if it's not globally installed) git
? Please provide path for installing backend locally ../vue-storefront-api
? Choose path for images endpoint http://localhost:8080/img/
? Please provide your magento url http://demo-magento2.vuestorefront.io
? Would You like to perform initial data import from Magento2 instance? No

 Trying to create log files... 

 Cloning backend into '../vue-storefront-api'... 

 Trying change directory to '../vue-storefront-api'... 

 Working in directory '/home/teddy/Documents/works/vue-storefront-api'... 

 Installing backend npm... 

 Creating backend config 'config/local.json'... 

 Starting docker in background... 


 Restoring data for ElasticSearch... 

 Migrating data into ElasticSearch... 

 Cloning Magento 2 Sample Data into 'var/magento2-sample-data'... 

 Starting backend server... 

 Trying change directory to '/home/teddy/Documents/works/vue-storefront'... 

 Working in directory '/home/teddy/Documents/works/vue-storefront'... 

 Creating storefront config 'config/local.json'... 

 Build storefront npm... 
┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ ERROR                                                                                                    │
│                                                                                                          │
│ Error: Can't build storefront npm.                                                                       │
│     at Promise (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:478:16)             │
│     at new Promise (<anonymous>)                                                                         │
│     at Storefront.npmBuild (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:474:12) │
│     at <anonymous>                                                                                       │
│                                                                                                          │
│ Please check log file for details: /home/teddy/Documents/works/vue-storefront/var/log/install.log        │
└──────────────────────────────────────────────────────────────────────────────────────────────────────────┘

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

teddy@teddy:~/Documents/works/vue-storefront$ yarn installer

yarn run v1.12.3

$ node ./core/scripts/installer

┌─────────────────────────────────────────────────┐

│ Hi, welcome to the vue-storefront installation. │

│ Let's configure it together :) │

└─────────────────────────────────────────────────┘

? Would you like to use https://demo.vuestorefront.io as the backend? No

? Please provide Git path (if it's not globally installed) git

? Please provide path for installing backend locally ../vue-storefront-api

? Choose path for images endpoint http://localhost:8080/img/

? Please provide your magento url http://demo-magento2.vuestorefront.io

? Would You like to perform initial data import from Magento2 instance? No

Trying to create log files...

Cloning backend into '../vue-storefront-api'...

Trying change directory to '../vue-storefront-api'...

Working in directory '/home/teddy/Documents/works/vue-storefront-api'...

Installing backend npm...

Creating backend config 'config/local.json'...

Starting docker in background...

Restoring data for ElasticSearch...

Migrating data into ElasticSearch...

Cloning Magento 2 Sample Data into 'var/magento2-sample-data'...

Starting backend server...

Trying change directory to '/home/teddy/Documents/works/vue-storefront'...

Working in directory '/home/teddy/Documents/works/vue-storefront'...

Creating storefront config 'config/local.json'...

Build storefront npm...

┌──────────────────────────────────────────────────────────────────────────────────────────────────────────┐

│ ERROR │

│ │

│ Error: Can't build storefront npm. │

│ at Promise (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:478:16) │

│ at new Promise (<anonymous>) │

│ at Storefront.npmBuild (/home/teddy/Documents/works/vue-storefront/core/scripts/installer.js:474:12) │

│ at <anonymous> │

│ │

│ Please check log file for details: /home/teddy/Documents/works/vue-storefront/var/log/install.log │

└──────────────────────────────────────────────────────────────────────────────────────────────────────────┘

error Command failed with exit code 1.

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

SOLUTION: https://docs.vuestorefront.io/guide/basics/recipes.html#how-to-prevent-an-error-can%E2%80%99t-build-storefront-npm
RUN: ‘yarn build’ BEFORE ‘yarn installer’.
</ERROR_YARN_INSTALLER_STOREFRONT_NPM>
WORKING!

teddy@teddy:~/Documents/works/vue-storefront$ yarn installer
yarn run v1.12.3
$ node ./core/scripts/installer
┌─────────────────────────────────────────────────┐
│ Hi, welcome to the vue-storefront installation. │
│ Let's configure it together :)                  │
└─────────────────────────────────────────────────┘

? Would you like to use https://demo.vuestorefront.io as the backend? No
? Please provide Git path (if it's not globally installed) git
? Please provide path for installing backend locally ../vue-storefront-api
? Choose path for images endpoint http://localhost:8080/img/
? Please provide your magento url http://demo-magento2.vuestorefront.io
? Would You like to perform initial data import from Magento2 instance? No

 Trying to create log files... 

 Cloning backend into '../vue-storefront-api'... 

 Trying change directory to '../vue-storefront-api'... 

 Working in directory '/home/teddy/Documents/works/vue-storefront-api'... 

 Installing backend npm... 

 Creating backend config 'config/local.json'... 

 Starting docker in background... 

 Restoring data for ElasticSearch... 

 Migrating data into ElasticSearch... 

 Cloning Magento 2 Sample Data into 'var/magento2-sample-data'... 

 Starting backend server... 

 Trying change directory to '/home/teddy/Documents/works/vue-storefront'... 

 Working in directory '/home/teddy/Documents/works/vue-storefront'... 

 Creating storefront config 'config/local.json'... 

 Build storefront npm... 

 Starting storefront server... 

┌───────────────────────────────────────────────────────────┐
│ Congratulations!                                          │
│                                                           │
│ You've just successfully installed vue-storefront.        │
│ All required servers are running in background            │
│                                                           │
│ Storefront: http://localhost:3000                         │
│ Backend: http://localhost:8080                            │
│                                                           │
│ Logs: /home/teddy/Documents/works/vue-storefront/var/log/ │
│                                                           │
│ Good Luck!                                                │
└───────────────────────────────────────────────────────────┘

Done in 155.67s.

teddy@teddy:~/Documents/works/vue-storefront$ yarn installer

yarn run v1.12.3

$ node ./core/scripts/installer

┌─────────────────────────────────────────────────┐

│ Hi, welcome to the vue-storefront installation. │

│ Let's configure it together :) │

└─────────────────────────────────────────────────┘

? Would you like to use https://demo.vuestorefront.io as the backend? No

? Please provide Git path (if it's not globally installed) git

? Please provide path for installing backend locally ../vue-storefront-api

? Choose path for images endpoint http://localhost:8080/img/

? Please provide your magento url http://demo-magento2.vuestorefront.io

? Would You like to perform initial data import from Magento2 instance? No

Trying to create log files...

Cloning backend into '../vue-storefront-api'...

Trying change directory to '../vue-storefront-api'...

Working in directory '/home/teddy/Documents/works/vue-storefront-api'...

Installing backend npm...

Creating backend config 'config/local.json'...

Starting docker in background...

Restoring data for ElasticSearch...

Migrating data into ElasticSearch...

Cloning Magento 2 Sample Data into 'var/magento2-sample-data'...

Starting backend server...

Trying change directory to '/home/teddy/Documents/works/vue-storefront'...

Working in directory '/home/teddy/Documents/works/vue-storefront'...

Creating storefront config 'config/local.json'...

Build storefront npm...

Starting storefront server...

┌───────────────────────────────────────────────────────────┐

│ Congratulations! │

│ │

│ You've just successfully installed vue-storefront. │

│ All required servers are running in background │

│ │

│ Storefront: http://localhost:3000 │

│ Backend: http://localhost:8080 │

│ │

│ Logs: /home/teddy/Documents/works/vue-storefront/var/log/ │

│ │

│ Good Luck! │

└───────────────────────────────────────────────────────────┘

Done in 155.67s.

IF THE NODE JS SERVER IS STOPPED, START/RESTART IT AGAIN BY RUNNING: ‘yarn dev’ in ‘vue-storefront’ directory and ‘vue-storefront-api’ directory. Make sure nginx that use port 8080 is stopped (check port : sudo netstat -plntu)

teddy@teddy:~/Documents/works/vue-storefront$ yarn dev
teddy@teddy:~/Documents/works/vue-storefront-api$ yarn dev

1 2	teddy@teddy:~/Documents/works/vue-storefront$ yarn dev teddy@teddy:~/Documents/works/vue-storefront-api$ yarn dev

Then to open the frontend (vue-storefront): http://localhost:3000/ –> OK. BUT WHEN I CLICK ANY LINK ON THE PRODUCT, I GOT ‘The product, category or CMS page is not available in Offline mode. Redirecting to Home.’
to open the backend (vue-storefront-api): http://localhost:8080/ –> NOT OK! I got this printed: Cannot GET /
http://localhost:8080/api –> printed: {“version”:”0.1.0″}

Install Magento 2.3 PWA Studio On Ubuntu 16.04

Ref: https://magento-research.github.io/pwa-studio/venia-pwa-concept/setup/

Magento2.3 PWA Studio Setup

Are you prepared to try all benefits of Magento PWA Studio?

https://hackernoon.com/getting-started-with-magento-pwa-studio-with-poc-c54c33f8d038

Check Requirements:
It say my working environment need:
NodeJS >=10.14.1 LTS
Yarn >=1.13.0
Another source say: ‘You must have a version of node.js >= 8.0.0, and a version of npm >= 5.0.0. The latest LTS versions of both are recommended.’
Check my current:

teddy@teddy:~/Documents/works/mce230$ node -v
v8.9.4
teddy@teddy:~/Documents/works/mce230$ npm -v
6.7.0
teddy@teddy:~/Documents/works/mce230$ yarn -v
1.12.3

teddy@teddy:~/Documents/works/mce230$ node -v

v8.9.4

teddy@teddy:~/Documents/works/mce230$ npm -v

6.7.0

teddy@teddy:~/Documents/works/mce230$ yarn -v

1.12.3

I use NVM (http://myprojects.advchaweb.com/index.php/2018/01/24/ubuntu-16-04-3-installation-problem-and-solution/) to install node js. It seems my current didn’t fit the requirements. I need to install node js version 10.x.x and update yarn and npm.
CHECK INSTALLED NODE VERSION:

teddy@teddy:~/Documents/works/mce230$ nvm ls
->       v8.9.4
        v8.15.0
default -> 8.9.4 (-> v8.9.4)
node -> stable (-> v8.15.0) (default)
stable -> 8.15 (-> v8.15.0) (default)
iojs -> N/A (default)
lts/* -> lts/dubnium (-> N/A)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.16.0 (-> N/A)
lts/carbon -> v8.15.0
lts/dubnium -> v10.15.1 (-> N/A)

teddy@teddy:~/Documents/works/mce230$ nvm ls

-> v8.9.4

v8.15.0

default -> 8.9.4 (-> v8.9.4)

node -> stable (-> v8.15.0) (default)

stable -> 8.15 (-> v8.15.0) (default)

iojs -> N/A (default)

lts/* -> lts/dubnium (-> N/A)

lts/argon -> v4.9.1 (-> N/A)

lts/boron -> v6.16.0 (-> N/A)

lts/carbon -> v8.15.0

lts/dubnium -> v10.15.1 (-> N/A)

or use ‘nvm ls-remote’ to see all the node js list and version.
Use nvm to install node js v10..15.1. it’s a latest LTS version for v10.x.

teddy@teddy:~/Documents/works/mce230$ nvm install 10.15.1
Downloading and installing node v10.15.1...
Downloading https://nodejs.org/dist/v10.15.1/node-v10.15.1-linux-x64.tar.xz...
######################################################################## 100,0%
Computing checksum with sha256sum
Checksums matched!
Now using node v10.15.1 (npm v6.4.1)

teddy@teddy:~/Documents/works/mce230$ nvm install 10.15.1

Downloading and installing node v10.15.1...

Downloading https://nodejs.org/dist/v10.15.1/node-v10.15.1-linux-x64.tar.xz...

######################################################################## 100,0%

Computing checksum with sha256sum

Checksums matched!

Now using node v10.15.1 (npm v6.4.1)

It also make it the new version as an active node js version!

teddy@teddy:~/Documents/works/mce230$ node -v
v10.15.1

1 2	teddy@teddy:~/Documents/works/mce230$ node -v v10.15.1

or use ‘nvm use 10.15.1’

teddy@teddy:~/Documents/works/mce230$ nvm ls
         v8.9.4
        v8.15.0
->     v10.15.1
default -> 8.9.4 (-> v8.9.4)
node -> stable (-> v10.15.1) (default)
stable -> 10.15 (-> v10.15.1) (default)
iojs -> N/A (default)
lts/* -> lts/dubnium (-> v10.15.1)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.16.0 (-> N/A)
lts/carbon -> v8.15.0
lts/dubnium -> v10.15.1
teddy@teddy:~/Documents/works/mce230$ nvm use 10.15.1
Now using node v10.15.1 (npm v6.4.1)
teddy@teddy:~/Documents/works/mce230$ nvm ls
         v8.9.4
        v8.15.0
->     v10.15.1
default -> 8.9.4 (-> v8.9.4)
node -> stable (-> v10.15.1) (default)
stable -> 10.15 (-> v10.15.1) (default)
iojs -> N/A (default)
lts/* -> lts/dubnium (-> v10.15.1)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.16.0 (-> N/A)
lts/carbon -> v8.15.0
lts/dubnium -> v10.15.1
teddy@teddy:~/Documents/works/mce230$ node -v
v10.15.1

teddy@teddy:~/Documents/works/mce230$ nvm ls

v8.9.4

v8.15.0

-> v10.15.1

default -> 8.9.4 (-> v8.9.4)

node -> stable (-> v10.15.1) (default)

stable -> 10.15 (-> v10.15.1) (default)

iojs -> N/A (default)

lts/* -> lts/dubnium (-> v10.15.1)

lts/argon -> v4.9.1 (-> N/A)

lts/boron -> v6.16.0 (-> N/A)

lts/carbon -> v8.15.0

lts/dubnium -> v10.15.1

teddy@teddy:~/Documents/works/mce230$ nvm use 10.15.1

Now using node v10.15.1 (npm v6.4.1)

teddy@teddy:~/Documents/works/mce230$ nvm ls

v8.9.4

v8.15.0

-> v10.15.1

default -> 8.9.4 (-> v8.9.4)

node -> stable (-> v10.15.1) (default)

stable -> 10.15 (-> v10.15.1) (default)

iojs -> N/A (default)

lts/* -> lts/dubnium (-> v10.15.1)

lts/argon -> v4.9.1 (-> N/A)

lts/boron -> v6.16.0 (-> N/A)

lts/carbon -> v8.15.0

lts/dubnium -> v10.15.1

teddy@teddy:~/Documents/works/mce230$ node -v

v10.15.1

but npm version now is v6.4.1. Yarn already installed for the previous node js version but not yet for the current v10.15.1 version. I need to install it again. NOTE: Yarn is more recommended than npm!
Install Yarn (https://yarnpkg.com/en/docs/install#debian-stable)
NOTE: I need to uninstall ‘cmdtest’ first (https://github.com/yarnpkg/yarn/issues/2821).

sudo apt remove cmdtest
curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt update
sudo apt install yarn

sudo apt remove cmdtest

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -

echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

sudo apt update

sudo apt install yarn

Check yarn version

teddy@teddy:~/Documents/works/mce230$ yarn -v
1.13.0

1 2	teddy@teddy:~/Documents/works/mce230$ yarn -v 1.13.0

INSTALL Magento 2.3 Backend
or INSTALL PWA Studio First??? –> I prefer to install the backend first!
NOTE: I need to use composer to install the backend.
check the composer version

teddy@teddy:~/Documents/works/mce230-pwa$ composer -V
Composer version 1.6.2 2018-01-05 15:28:41

1 2	teddy@teddy:~/Documents/works/mce230-pwa$ composer -V Composer version 1.6.2 2018-01-05 15:28:41

When I use this composer version to download and install magento

composer create-project --repository=https://repo.magento.com/ magento/project-community-edition:2.3.0 /home/teddy/Documents/works/mce230-pwa

1	composer create-project --repository=https://repo.magento.com/ magento/project-community-edition:2.3.0 /home/teddy/Documents/works/mce230-pwa

it can’t download from repo. it’s did nothing after I supplied the repo.magento.com account for a long time! I NEED TO UPDATE COMPOSER!
But when I want to update the composer, I got an error ‘SHA384 is not supported by your openssl extension, could not verify the phar file integrity’

teddy@teddy:~/Documents/works/mce230-pwa$ sudo composer selfupdate
[sudo] password for teddy: 
Updating to version 1.8.4 (stable channel).
   Downloading (100%)         

                                                                               
  [RuntimeException]                                                           
  SHA384 is not supported by your openssl extension, could not verify the pha  
  r file integrity                                                             
                                                                               

self-update [-r|--rollback] [--clean-backups] [--no-progress] [--update-keys] [--stable] [--preview] [--snapshot] [--set-channel-only] [--] [<version>]

teddy@teddy:~/Documents/works/mce230-pwa$ sudo composer selfupdate

[sudo] password for teddy:

Updating to version 1.8.4 (stable channel).

Downloading (100%)

[RuntimeException]

SHA384 is not supported by your openssl extension, could not verify the pha

r file integrity

self-update [-r|--rollback] [--clean-backups] [--no-progress] [--update-keys] [--stable] [--preview] [--snapshot] [--set-channel-only] [--] [<version>]

Based on this link https://github.com/composer/composer/issues/7669, to fix this problem I need to manually download and install composer. Follow this https://getcomposer.org/download/ to download and install composer. It’s almost same. But to install composer system wide, use ‘sudo php composer-setup.php –install-dir=/usr/local/bin –filename=composer’ instead of ‘php composer-setup.php’

teddy@teddy:~/Documents/works/mce230-pwa$ php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
teddy@teddy:~/Documents/works/mce230-pwa$ php -r "if (hash_file('sha384', 'composer-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
Installer verified
teddy@teddy:~/Documents/works/mce230-pwa$ sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composer
[sudo] password for teddy: 
All settings correct for using Composer
Downloading...

Composer (version 1.8.4) successfully installed to: /usr/local/bin/composer
Use it: php /usr/local/bin/composer

teddy@teddy:~/Documents/works/mce230-pwa$ composer -V
Cannot create cache directory /home/teddy/.composer/cache/repo/https---repo.packagist.org/, or directory is not writable. Proceeding without cache
Composer version 1.8.4 2019-02-11 10:52:10
teddy@teddy:~/Documents/works/mce230-pwa$ php -r "unlink('composer-setup.php');"

teddy@teddy:~/Documents/works/mce230-pwa$ php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"

teddy@teddy:~/Documents/works/mce230-pwa$ php -r "if (hash_file('sha384', 'composer-setup.php') === '48e3236262b34d30969dca3c37281b3b4bbe3221bda826ac6a9a62d6444cdb0dcd0615698a5cbe587c3f0fe57a54d8f5') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"

Installer verified

teddy@teddy:~/Documents/works/mce230-pwa$ sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composer

[sudo] password for teddy:

All settings correct for using Composer

Downloading...

Composer (version 1.8.4) successfully installed to: /usr/local/bin/composer

Use it: php /usr/local/bin/composer

teddy@teddy:~/Documents/works/mce230-pwa$ composer -V

Cannot create cache directory /home/teddy/.composer/cache/repo/https---repo.packagist.org/, or directory is not writable. Proceeding without cache

Composer version 1.8.4 2019-02-11 10:52:10

teddy@teddy:~/Documents/works/mce230-pwa$ php -r "unlink('composer-setup.php');"

To avoid warning like this:

Cannot create cache directory /home/teddy/.composer/cache/repo/https---repo.packagist.org/, or directory is not writable. Proceeding without cache

1	Cannot create cache directory /home/teddy/.composer/cache/repo/https---repo.packagist.org/, or directory is not writable. Proceeding without cache

so do like this:

teddy@teddy:~$ sudo chmod 777 -R /home/teddy/.composer/

1	teddy@teddy:~$ sudo chmod 777 -R /home/teddy/.composer/

NOTE: Also it recommended to install prestissimo (composer plugin) from https://github.com/hirak/prestissimo

teddy@teddy:~$ composer global require hirak/prestissimo
Changed current directory to /home/teddy/.composer
Using version ^0.3.8 for hirak/prestissimo
./composer.json has been updated
Loading composer repositories with package information
Updating dependencies (including require-dev)
Package operations: 1 install, 0 updates, 0 removals
  - Installing hirak/prestissimo (0.3.8): Downloading (100%)         
Writing lock file
Generating autoload files

teddy@teddy:~$ composer global require hirak/prestissimo

Changed current directory to /home/teddy/.composer

Using version ^0.3.8 for hirak/prestissimo

./composer.json has been updated

Loading composer repositories with package information

Updating dependencies (including require-dev)

Package operations: 1 install, 0 updates, 0 removals

- Installing hirak/prestissimo (0.3.8): Downloading (100%)

Writing lock file

Generating autoload files

I tried to install magento 2.3 via composer but failed for some reasons. Like the packages can’t be downloaded or it took a long time so I had to cancel it. Probably my slow internet speed and/or the magento repo problems affected the installation as well. I tried to download and install on the afternoon without no progress. The last time I successfully installed it when I tried it on the evening! So here is the working command:

teddy@teddy:~$ composer create-project --repository=https://repo.magento.com/ magento/project-community-edition /home/teddy/Documents/works/mce230-pwa -vvv

1	teddy@teddy:~$ composer create-project --repository=https://repo.magento.com/ magento/project-community-edition /home/teddy/Documents/works/mce230-pwa -vvv

Anyway it took almost 3 hours to complete the command!
Note: I stripped ‘magento/project-community-edition:2.3.0’ from the above command to make sure I got the latest version! It’s not mean it’d not work if I put the version back!
SO ‘/home/teddy/Documents/works/mce230-pwa’ is a Magento installation directory.

The next step is to install Magento by Command Line
First, go to the magento 2.3.0 root directory

teddy@teddy:~$ cd Documents/works/mce230-pwa/

1	teddy@teddy:~$ cd Documents/works/mce230-pwa/

Then run this command like this: Use https url like ‘https://mce230-pwa.test/’ for PWA because PWA only works with SSL???

php bin/magento setup:install --base-url=https://mce230-pwa.test/ --base-url-secure=https://mce230-pwa.test/ --db-host=localhost --db-name=mce230_pwa --db-user=root --db-password=webkul --admin-firstname=John --admin-lastname=Doe --admin-email=test@webkul.com --admin-user=admin --admin-password=admin123 --backend-frontname=admin_magento --language=en_US --currency=USD --timezone=Asia/Tbilisi --cleanup-database --use-rewrites=1

php bin/magento setup:install --base-url=https://mce230-pwa.test/ --base-url-secure=https://mce230-pwa.test/ --db-host=localhost --db-name=mce230_pwa --db-user=root --db-password=webkul --admin-firstname=John --admin-lastname=Doe --admin-email=test@webkul.com --admin-user=admin --admin-password=admin123 --backend-frontname=admin_magento --language=en_US --currency=USD --timezone=Asia/Tbilisi --cleanup-database --use-rewrites=1

SORRY, ONLY ADMIN CAN SHOW THIS!
Make sure you already create a new database ‘mce230_pwa’. Also match the database credential!
SORRY, ONLY ADMIN CAN SHOW THIS!
SO I completed the installation of magento 2.3 backend. Can I open it on the browser http://localhost/mce230-pwa ??? Should I set it on the web server like nginx or apache? Or it only can be run via node js server??? –> I’m gonna setup nginx for running it. But I need to create self-signed certificate first for enabling ssl (http://myprojects.advchaweb.com/index.php/2019/02/09/create-self-signed-certificate-with-nginx-on-ubuntu-16-04/)
Create a new file

teddy@teddy:~/Documents/self_signed_cert$ sudo gedit mce230-pwa.test.conf

1	teddy@teddy:~/Documents/self_signed_cert$ sudo gedit mce230-pwa.test.conf

Here is the file content:

[req]
default_bits       = 2048
default_keyfile    = f.key
distinguished_name = req_distinguished_name
req_extensions     = req_ext
x509_extensions    = v3_ca

[req_distinguished_name]
countryName                 = Country Name (2 letter code)
countryName_default         = US
stateOrProvinceName         = State or Province Name (full name)
stateOrProvinceName_default = New York
localityName                = Locality Name (eg, city)
localityName_default        = Rochester
organizationName            = Organization Name (eg, company)
organizationName_default    = localhost
organizationalUnitName      = organizationalunit
organizationalUnitName_default = Development
commonName                  = Common Name (e.g. server FQDN or YOUR name)
commonName_default          = localhost
commonName_max              = 64

[req_ext]
subjectAltName = @alt_names

[v3_ca]
subjectAltName = @alt_names

[alt_names]
DNS.1   = mce230-pwa.test
DNS.2   = 127.0.0.1

[req]

default_bits = 2048

default_keyfile = f.key

distinguished_name = req_distinguished_name

req_extensions = req_ext

x509_extensions = v3_ca

[req_distinguished_name]

countryName = Country Name (2 letter code)

countryName_default = US

stateOrProvinceName = State or Province Name (full name)

stateOrProvinceName_default = New York

localityName = Locality Name (eg, city)

localityName_default = Rochester

organizationName = Organization Name (eg, company)

organizationName_default = localhost

organizationalUnitName = organizationalunit

organizationalUnitName_default = Development

commonName = Common Name (e.g. server FQDN or YOUR name)

commonName_default = localhost

commonName_max = 64

[req_ext]

subjectAltName = @alt_names

[v3_ca]

subjectAltName = @alt_names

[alt_names]

DNS.1 = mce230-pwa.test

DNS.2 = 127.0.0.1

Create the Certificate using OpenSSL

teddy@teddy:~/Documents/self_signed_cert$ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout mce230-pwa.test.key -out mce230-pwa.test.crt -config mce230-pwa.test.conf
Generating a 2048 bit RSA private key
........................................................................................+++++
.............................................................+++++
writing new private key to 'mce230-pwa.test.key'
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [US]:
State or Province Name (full name) [New York]:
Locality Name (eg, city) [Rochester]:
Organization Name (eg, company) [localhost]:
organizationalunit [Development]:
Common Name (e.g. server FQDN or YOUR name) [localhost]:

teddy@teddy:~/Documents/self_signed_cert$ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout mce230-pwa.test.key -out mce230-pwa.test.crt -config mce230-pwa.test.conf

Generating a 2048 bit RSA private key

........................................................................................+++++

.............................................................+++++

writing new private key to 'mce230-pwa.test.key'

-----

You are about to be asked to enter information that will be incorporated

into your certificate request.

What you are about to enter is what is called a Distinguished Name or a DN.

There are quite a few fields but you can leave some blank

For some fields there will be a default value,

If you enter '.', the field will be left blank.

-----

Country Name (2 letter code) [US]:

State or Province Name (full name) [New York]:

Locality Name (eg, city) [Rochester]:

Organization Name (eg, company) [localhost]:

organizationalunit [Development]:

Common Name (e.g. server FQDN or YOUR name) [localhost]:

It’ll create two new files. There are mce230-pwa.test.crt and mce230-pwa.test.key. Then Copy those files to the Certificates folder on Ubuntu

teddy@teddy:~/Documents/self_signed_cert$ sudo cp mce230-pwa.test.crt /etc/ssl/certs/
teddy@teddy:~/Documents/self_signed_cert$ sudo cp mce230-pwa.test.key /etc/ssl/private/

1 2	teddy@teddy:~/Documents/self_signed_cert$ sudo cp mce230-pwa.test.crt /etc/ssl/certs/ teddy@teddy:~/Documents/self_signed_cert$ sudo cp mce230-pwa.test.key /etc/ssl/private/

OK. Now setup the nginx config. Create the config file

teddy@teddy:~/Documents/works/mce230-pwa$ sudo gedit /etc/nginx/sites-available/mce230-pwa.test

1	teddy@teddy:~/Documents/works/mce230-pwa$ sudo gedit /etc/nginx/sites-available/mce230-pwa.test

Here is the content:

server {
    listen 80;
    listen 443 ssl http2; 
    listen [::]:443 ssl http2; 
    server_name mce230-pwa.test;

    ssl_certificate /etc/ssl/certs/mce230-pwa.test.crt; 
    ssl_certificate_key /etc/ssl/private/mce230-pwa.test.key; 
    ssl_protocols TLSv1.2 TLSv1.1 TLSv1;
    
    set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa/pub;

    root $MAGE_ROOT;

    index index.php;
    autoindex off;
    charset UTF-8;
    error_page 404 403 = /errors/404.php;
    #add_header "X-UA-Compatible" "IE=Edge";
    client_max_body_size 100M;

    # PHP entry point for setup application
    location ~* ^/setup($|/) {
        root $MAGE_ROOT;
        location ~ ^/setup/index.php {
            fastcgi_split_path_info ^(.+?\.php)(/.*)$;
            fastcgi_buffers 1024 4k; 
            fastcgi_read_timeout 600s; 
            fastcgi_connect_timeout 600s;
            fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER
            #fastcgi_pass 127.0.0.1:9000;
            #fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            include fastcgi_params;
        }

        location ~ ^/setup/(?!pub/). {
            deny all;
        }

        location ~ ^/setup/pub/ {
            add_header X-Frame-Options "SAMEORIGIN";
        }
    }

    # PHP entry point for update application
    location ~* ^/update($|/) {
        root $MAGE_ROOT;

        location ~ ^/update/index.php {
            fastcgi_split_path_info ^(/update/index.php)(/.+)$;
            fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER
            #fastcgi_pass 127.0.0.1:9000;
            fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_param PATH_INFO $fastcgi_path_info;
            include fastcgi_params;
        }

        # Deny everything but index.php
        location ~ ^/update/(?!pub/). {
            deny all;
        }

        location ~ ^/update/pub/ {
            add_header X-Frame-Options "SAMEORIGIN";
        }
    }

    location / {
        try_files $uri $uri/ /index.php?$args;
    }

    location /pub/ {
        location ~ ^/pub/media/(downloadable|customer|import|theme_customization/.*\.xml) {
            deny all;
        }
        alias $MAGE_ROOT/pub/;
        add_header X-Frame-Options "SAMEORIGIN";
    }


    location ~ ^/pub/static/version {
        rewrite ^/pub/static/(version\d*/)?(.*)$ /pub/static/$2 last;
    }

    location /static/ {
        # Uncomment the following line in production mode
        # expires max;

        # Remove signature of the static files that is used to overcome the browser cache
        location ~ ^/static/version {
            rewrite ^/static/(version\d*/)?(.*)$ /static/$2 last;
        }

        location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {
            add_header Cache-Control "public";
            add_header X-Frame-Options "SAMEORIGIN";
            expires +1y;

            if (!-f $request_filename) {
                rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
            }
        }

        location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {
            add_header Cache-Control "no-store";
            add_header X-Frame-Options "SAMEORIGIN";
            expires off;

            if (!-f $request_filename) {
                rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
            }
        }

        if (!-f $request_filename) {
            rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
        }

        add_header X-Frame-Options "SAMEORIGIN";
    }

    location /media/ {
        try_files $uri $uri/ /get.php?$args;

        location ~ ^/media/theme_customization/.*\.xml {
            deny all;
        }

        location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {
            add_header Cache-Control "public";
            add_header X-Frame-Options "SAMEORIGIN";
            expires +1y;
            try_files $uri $uri/ /get.php?$args;
        }

        location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {
            add_header Cache-Control "no-store";
            add_header X-Frame-Options "SAMEORIGIN";
            expires off;
            try_files $uri $uri/ /get.php?$args;
        }

        add_header X-Frame-Options "SAMEORIGIN";
    }

    location /media/customer/ {
        deny all;
    }

    location /media/downloadable/ {
        deny all;
    }

    location /media/import/ {
        deny all;
    }

    # PHP entry point for main application
    location ~ (index|get|static|report|404|503)\.php$ {
        try_files $uri =404;
        fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER
        #fastcgi_pass 127.0.0.1:9000;
        fastcgi_buffers 1024 4k;

        fastcgi_read_timeout 600s;
        fastcgi_connect_timeout 600s;
        # to configure profiler in Magento 2
        #fastcgi_param  MAGE_PROFILER html;

        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        #include fastcgi_params;
        #FOR DEVELOPMENT MODE ONLY - BEGIN
        fastcgi_param MAGE_IS_DEVELOPER_MODE true;
        fastcgi_param PHP_VALUE  display_startup_errors=on;
        fastcgi_param PHP_VALUE  display_errors=on;
        fastcgi_param PHP_VALUE  html_errors=on;
        fastcgi_param PHP_VALUE  log_errors=on;
        fastcgi_param PHP_VALUE  error_log=/home/teddy/Documents/works/mce230-pwa/var/log/system.log;
        #FOR DEVELOPMENT MODE ONLY - END
        include fastcgi_params;
        #FOR DEBUGGING WITH XDEBUG - BEGIN
        #fastcgi_read_timeout 600;
        #FOR DEBUGGING WITH XDEBUG - END
    }

    gzip on;
    gzip_disable "msie6";

    gzip_comp_level 6;
    gzip_min_length 1100;
    gzip_buffers 16 8k;
    gzip_proxied any;
    gzip_types
    text/plain
    text/css
    text/js
    text/xml
    text/javascript
    application/javascript
    application/x-javascript
    application/json
    application/xml
    application/xml+rss
    image/svg+xml;
    gzip_vary on;

    # Banned locations (only reached if the earlier PHP entry point regexes don't match)
    location ~* (\.php$|\.htaccess$|\.git) {
        deny all;
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

server {

listen 80;

listen 443 ssl http2;

listen [::]:443 ssl http2;

server_name mce230-pwa.test;

ssl_certificate /etc/ssl/certs/mce230-pwa.test.crt;

ssl_certificate_key /etc/ssl/private/mce230-pwa.test.key;

ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa/pub;

root $MAGE_ROOT;

index index.php;

autoindex off;

charset UTF-8;

error_page 404 403 = /errors/404.php;

#add_header "X-UA-Compatible" "IE=Edge";

client_max_body_size 100M;

# PHP entry point for setup application

location ~* ^/setup($|/) {

root $MAGE_ROOT;

location ~ ^/setup/index.php {

fastcgi_split_path_info ^(.+?\.php)(/.*)$;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

#fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

include fastcgi_params;

}

location ~ ^/setup/(?!pub/). {

deny all;

}

location ~ ^/setup/pub/ {

add_header X-Frame-Options "SAMEORIGIN";

}

# PHP entry point for update application

location ~* ^/update($|/) {

root $MAGE_ROOT;

location ~ ^/update/index.php {

fastcgi_split_path_info ^(/update/index.php)(/.+)$;

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

fastcgi_param PATH_INFO $fastcgi_path_info;

include fastcgi_params;

}

# Deny everything but index.php

location ~ ^/update/(?!pub/). {

deny all;

}

location ~ ^/update/pub/ {

add_header X-Frame-Options "SAMEORIGIN";

}

location / {

try_files $uri $uri/ /index.php?$args;

}

location /pub/ {

location ~ ^/pub/media/(downloadable|customer|import|theme_customization/.*\.xml) {

deny all;

}

alias $MAGE_ROOT/pub/;

add_header X-Frame-Options "SAMEORIGIN";

}

location ~ ^/pub/static/version {

rewrite ^/pub/static/(version\d*/)?(.*)$ /pub/static/$2 last;

}

location /static/ {

# Uncomment the following line in production mode

# expires max;

# Remove signature of the static files that is used to overcome the browser cache

location ~ ^/static/version {

rewrite ^/static/(version\d*/)?(.*)$ /static/$2 last;

}

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {

add_header Cache-Control "public";

add_header X-Frame-Options "SAMEORIGIN";

expires +1y;

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {

add_header Cache-Control "no-store";

add_header X-Frame-Options "SAMEORIGIN";

expires off;

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

add_header X-Frame-Options "SAMEORIGIN";

}

location /media/ {

try_files $uri $uri/ /get.php?$args;

location ~ ^/media/theme_customization/.*\.xml {

deny all;

}

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {

add_header Cache-Control "public";

add_header X-Frame-Options "SAMEORIGIN";

expires +1y;

try_files $uri $uri/ /get.php?$args;

}

location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {

add_header Cache-Control "no-store";

add_header X-Frame-Options "SAMEORIGIN";

expires off;

try_files $uri $uri/ /get.php?$args;

}

add_header X-Frame-Options "SAMEORIGIN";

}

location /media/customer/ {

deny all;

}

location /media/downloadable/ {

deny all;

}

location /media/import/ {

deny all;

}

# PHP entry point for main application

location ~ (index|get|static|report|404|503)\.php$ {

try_files $uri =404;

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

# to configure profiler in Magento 2

#fastcgi_param MAGE_PROFILER html;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

#include fastcgi_params;

#FOR DEVELOPMENT MODE ONLY - BEGIN

fastcgi_param MAGE_IS_DEVELOPER_MODE true;

fastcgi_param PHP_VALUE display_startup_errors=on;

fastcgi_param PHP_VALUE display_errors=on;

fastcgi_param PHP_VALUE html_errors=on;

fastcgi_param PHP_VALUE log_errors=on;

fastcgi_param PHP_VALUE error_log=/home/teddy/Documents/works/mce230-pwa/var/log/system.log;

#FOR DEVELOPMENT MODE ONLY - END

include fastcgi_params;

#FOR DEBUGGING WITH XDEBUG - BEGIN

#fastcgi_read_timeout 600;

#FOR DEBUGGING WITH XDEBUG - END

}

gzip on;

gzip_disable "msie6";

gzip_comp_level 6;

gzip_min_length 1100;

gzip_buffers 16 8k;

gzip_proxied any;

gzip_types

text/plain

text/css

text/js

text/xml

text/javascript

application/javascript

application/x-javascript

application/json

application/xml

application/xml+rss

image/svg+xml;

gzip_vary on;

# Banned locations (only reached if the earlier PHP entry point regexes don't match)

location ~* (\.php$|\.htaccess$|\.git) {

deny all;

}

NOTE: I set $MAGE_ROOT TO ‘pub’ DIR LIKE ‘set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa/pub’ INSTEAD OF JUST ‘set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa’. SO PWA THEME CAN DISPLAY THE CATEGORY & PRODUCTS IMAGE!
Enable file config

teddy@teddy:~/Documents/works/mce230-pwa$ sudo ln -s /etc/nginx/sites-available/mce230-pwa.test /etc/nginx/sites-enabled/mce230-pwa.test

1	teddy@teddy:~/Documents/works/mce230-pwa$ sudo ln -s /etc/nginx/sites-available/mce230-pwa.test /etc/nginx/sites-enabled/mce230-pwa.test

sudo gedit /etc/hosts

1	sudo gedit /etc/hosts

Like this:

...
127.0.0.1 	mce230-pwa.test
...

...

127.0.0.1 mce230-pwa.test

...

CHECK THE NGINX SETTING AND RESTART IT:

teddy@teddy:~/Documents/works/mce230-pwa$ sudo nginx -t
nginx: [warn] conflicting server name "" on 0.0.0.0:80, ignored
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
teddy@teddy:~/Documents/works/mce230-pwa$ sudo service nginx restart

teddy@teddy:~/Documents/works/mce230-pwa$ sudo nginx -t

nginx: [warn] conflicting server name "" on 0.0.0.0:80, ignored

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok

nginx: configuration file /etc/nginx/nginx.conf test is successful

teddy@teddy:~/Documents/works/mce230-pwa$ sudo service nginx restart

Set file permission and owner:

teddy@teddy:~/Documents/works/mce230-pwa$ sudo su
root@teddy:/home/teddy/Documents/works/mce230-pwa# find var vendor pub/static pub/media app/etc -type f -exec chmod g+w {} \;
root@teddy:/home/teddy/Documents/works/mce230-pwa# find var vendor pub/static pub/media app/etc -type f -exec chmod g+w {} \;
root@teddy:/home/teddy/Documents/works/mce230-pwa# chown -R :www-data .
root@teddy:/home/teddy/Documents/works/mce230-pwa# chmod u+x bin/magento
root@teddy:/home/teddy/Documents/works/mce230-pwa# chown www-data -R var/ pub/ app/etc/ setup/ generated/
root@teddy:/home/teddy/Documents/works/mce230-pwa# chmod -R 777 var/ pub/ app/etc/ setup/ generated/

teddy@teddy:~/Documents/works/mce230-pwa$ sudo su

root@teddy:/home/teddy/Documents/works/mce230-pwa# find var vendor pub/static pub/media app/etc -type f -exec chmod g+w {} \;

root@teddy:/home/teddy/Documents/works/mce230-pwa# chown -R :www-data .

root@teddy:/home/teddy/Documents/works/mce230-pwa# chmod u+x bin/magento

root@teddy:/home/teddy/Documents/works/mce230-pwa# chown www-data -R var/ pub/ app/etc/ setup/ generated/

root@teddy:/home/teddy/Documents/works/mce230-pwa# chmod -R 777 var/ pub/ app/etc/ setup/ generated/

Because the installation is already done by composer, then compile!

teddy@teddy:~/Documents/works/mce230-pwa$ sudo su -s /bin/bash www-data 
www-data@teddy:/home/teddy/Documents/works/mce230-pwa$ php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

teddy@teddy:~/Documents/works/mce230-pwa$ sudo su -s /bin/bash www-data

www-data@teddy:/home/teddy/Documents/works/mce230-pwa$ php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

Give it a try! the frontend: https://mce230-pwa.test/ –> No product displayed because I didn’t install the sample data!
and the backend: https://mce230-pwa.test/admin_magento
user: admin
password: admin123

Now is the steps for installing PWA Studio.
clone it from the repository on current magento 2.3.0 root directory

teddy@teddy:~/Documents/works/mce230-pwa$ git clone https://github.com/magento-research/pwa-studio.git
Cloning into 'pwa-studio'...
remote: Enumerating objects: 87, done.
remote: Counting objects: 100% (87/87), done.
remote: Compressing objects: 100% (55/55), done.
remote: Total 14067 (delta 38), reused 57 (delta 30), pack-reused 13980
Receiving objects: 100% (14067/14067), 13.48 MiB | 2.31 MiB/s, done.
Resolving deltas: 100% (8559/8559), done.
Checking connectivity... done.

teddy@teddy:~/Documents/works/mce230-pwa$ git clone https://github.com/magento-research/pwa-studio.git

Cloning into 'pwa-studio'...

remote: Enumerating objects: 87, done.

remote: Counting objects: 100% (87/87), done.

remote: Compressing objects: 100% (55/55), done.

remote: Total 14067 (delta 38), reused 57 (delta 30), pack-reused 13980

Receiving objects: 100% (14067/14067), 13.48 MiB | 2.31 MiB/s, done.

Resolving deltas: 100% (8559/8559), done.

Checking connectivity... done.

You will see the pwa-studio directory in /mce230-pwa
Enter into this directoy:

teddy@teddy:~/Documents/works/mce230-pwa$ cd pwa-studio/

1	teddy@teddy:~/Documents/works/mce230-pwa$ cd pwa-studio/

Then run ‘yarn install’. It recommended to use it than ‘npm install’

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn install

1	teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn install

Then Specify the Magento backend server in .env file. you can see the .env.dist file in
/mce230-wa/pwa-studio/packages/venia-concept/ directory. If you are not
able see, enable show hidden files. Now create .env file from this env.dist

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ cp packages/venia-concept/.env.dist packages/venia-concept/.env

1	teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ cp packages/venia-concept/.env.dist packages/venia-concept/.env

Open this .env file and find MAGENTO_BACKEND_URL. Here configure your local Magento 2.3 instance, my case it is:

MAGENTO_BACKEND_URL="https://mce230-pwa.test/"

1	MAGENTO_BACKEND_URL="https://mce230-pwa.test/"

Now install sample data for venia-theme to make it good looking. Find the deployVeniaSampleData.sh file in
/mce230-pwa/pwa-studio/packages/venia-concept/ directory. and copy this file in your Magento root directory. Now it must look like
/mce230-pwa/deployVeniaSampleData.sh Now run:

teddy@teddy:~/Documents/works/mce230-pwa$ bash deployVeniaSampleData.sh 
Please specify absolute path to your Magento 2 instance
Magento root folder: /home/teddy/Documents/works/mce230-pwa
Sample data will be installed there.

Are you sure you want to continue? [y/n]y
adding composer repository git@github.com:PMET-public/module-catalog-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-configurable-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-customer-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-sales-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-tax-sample-data-venia.git
adding composer repository git@github.com:PMET-public/sample-data-media-venia.git
./composer.json has been updated                                                  
Loading composer repositories with package information
Updating dependencies (including require-dev)                                     
Package operations: 6 installs, 0 updates, 0 removals
  - Installing magento/module-tax-sample-data-venia (dev-master c3fe5d5): Cloning c3fe5d5527 from cache
  - Installing magento/module-customer-sample-data-venia (dev-master e8717cd): Cloning e8717cd296 from cache
  - Installing magento/module-configurable-sample-data-venia (dev-master 1126eab): Cloning 1126eab4e0 from cache
  - Installing magento/module-catalog-sample-data-venia (dev-master f294079): Cloning f294079c9f from cache
  - Installing magento/module-sales-sample-data-venia (dev-master ac1a957): Cloning ac1a95730b from cache
  - Installing magento/sample-data-media-venia (dev-master 9c6308c): Cloning 9c6308c258 from cache
Package phpunit/phpunit-mock-objects is abandoned, you should avoid using it. No replacement was suggested.
Writing lock file
Generating autoload files

teddy@teddy:~/Documents/works/mce230-pwa$ bash deployVeniaSampleData.sh

Please specify absolute path to your Magento 2 instance

Magento root folder: /home/teddy/Documents/works/mce230-pwa

Sample data will be installed there.

Are you sure you want to continue? [y/n]y

adding composer repository git@github.com:PMET-public/module-catalog-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-configurable-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-customer-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-sales-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-tax-sample-data-venia.git

adding composer repository git@github.com:PMET-public/sample-data-media-venia.git

./composer.json has been updated

Loading composer repositories with package information

Updating dependencies (including require-dev)

Package operations: 6 installs, 0 updates, 0 removals

- Installing magento/module-tax-sample-data-venia (dev-master c3fe5d5): Cloning c3fe5d5527 from cache

- Installing magento/module-customer-sample-data-venia (dev-master e8717cd): Cloning e8717cd296 from cache

- Installing magento/module-configurable-sample-data-venia (dev-master 1126eab): Cloning 1126eab4e0 from cache

- Installing magento/module-catalog-sample-data-venia (dev-master f294079): Cloning f294079c9f from cache

- Installing magento/module-sales-sample-data-venia (dev-master ac1a957): Cloning ac1a95730b from cache

- Installing magento/sample-data-media-venia (dev-master 9c6308c): Cloning 9c6308c258 from cache

Package phpunit/phpunit-mock-objects is abandoned, you should avoid using it. No replacement was suggested.

Writing lock file

Generating autoload files

This was tricky because I need several times to make it works. I also need to create a new file ‘auth.json’ and put it in the mce230-pwa directory because I got this error : ‘Could not authenticate against github.com’. ref is here https://www.bountysource.com/issues/64327845-add-shell-script-to-install-venia-sample-data-modules-via-composer. This error can be fixed with providing the github personal api token (https://github.blog/2013-05-16-personal-api-tokens/). So to get the token, go to your github account (https://github.com/settings/tokens) then generate ‘personal access token’. For the scopes, I think I need to select one or all of the options. At first, I didn’t select any scope and the bash script didn’t work. Then I selected all of them and the bash script worked again!. After you got the token, put it in auth.json file. Here is auth.json file content:

{
    "github-oauth": {
        "github.com": "xxxxx"
    }
}

{

"github-oauth": {

"github.com": "xxxxx"

}

Replace “xxxxx” with your github personal access token!
SORRY, ONLY ADMIN CAN SHOW THIS!

<ERROR_I_GOT_PREVIOUSLY>
The problem when I forgot to provide the magento 2.3 root directory

teddy@teddy:~/Documents/works/mce230-pwa$ bash deployVeniaSampleData.sh 
Please specify absolute path to your Magento 2 instance
Magento root folder: 
Sample data will be installed there.

Are you sure you want to continue? [y/n]y
adding composer repository git@github.com:PMET-public/module-catalog-sample-data-venia.git

                                                                   
  [RuntimeException]                                               
  File "./composer.json" cannot be found in the current directory

teddy@teddy:~/Documents/works/mce230-pwa$ bash deployVeniaSampleData.sh

Please specify absolute path to your Magento 2 instance

Magento root folder:

Sample data will be installed there.

Are you sure you want to continue? [y/n]y

adding composer repository git@github.com:PMET-public/module-catalog-sample-data-venia.git

[RuntimeException]

File "./composer.json" cannot be found in the current directory

The problem when I should create auth.json (https://www.bountysource.com/issues/64327845-add-shell-script-to-install-venia-sample-data-modules-via-composer)

teddy@teddy:~/Documents/works/mce230-pwa$ bash deployVeniaSampleData.sh 
Please specify absolute path to your Magento 2 instance
Magento root folder: /home/teddy/Documents/works/mce230-pwa
Sample data will be installed there.

Are you sure you want to continue? [y/n]y
adding composer repository git@github.com:PMET-public/module-catalog-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-configurable-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-customer-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-sales-sample-data-venia.git
adding composer repository git@github.com:PMET-public/module-tax-sample-data-venia.git
adding composer repository git@github.com:PMET-public/sample-data-media-venia.git
Reading composer.json of magento/module-configurable-sample-data-venia (catimageReading composer.json of magento/module-configurable-sample-data-venia (develop)./composer.json has been updated                                                
Loading composer repositories with package information
                                                                           
                                             
  [Composer\Downloader\TransportException]   
  Could not authenticate against github.com

teddy@teddy:~/Documents/works/mce230-pwa$ bash deployVeniaSampleData.sh

Please specify absolute path to your Magento 2 instance

Magento root folder: /home/teddy/Documents/works/mce230-pwa

Sample data will be installed there.

Are you sure you want to continue? [y/n]y

adding composer repository git@github.com:PMET-public/module-catalog-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-configurable-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-customer-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-sales-sample-data-venia.git

adding composer repository git@github.com:PMET-public/module-tax-sample-data-venia.git

adding composer repository git@github.com:PMET-public/sample-data-media-venia.git

Reading composer.json of magento/module-configurable-sample-data-venia (catimageReading composer.json of magento/module-configurable-sample-data-venia (develop)./composer.json has been updated

Loading composer repositories with package information

[Composer\Downloader\TransportException]

Could not authenticate against github.com

</ERROR_I_GOT_PREVIOUSLY>

OK. After successful installation compile again:

teddy@teddy:~/Documents/works/mce230-pwa$ sudo su -s /bin/bash www-data 
www-data@teddy:/home/teddy/Documents/works/mce230-pwa$ php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

teddy@teddy:~/Documents/works/mce230-pwa$ sudo su -s /bin/bash www-data

Then I opened the frontend https://mce230-pwa.test –> No product on the homepage
Then I found some venia products on the links like on https://mce230-pwa.test/venia-accessories.html
But the products image CAN’T BE DISPLAYED!
The images refer to the cache directory in /mce230-pwa/pub/media/catalog/product/cache
I can fix this problem by regenerating the images (https://magento.stackexchange.com/questions/175224/regenerate-catalog-cache-images-issues). So I run

php bin/magento catalog:image:resize

1	php bin/magento catalog:image:resize

WARNING: It’d take a long time to complete it depend on how many the images and the computer resource. To regenerate the images in the sample venia theme on my pc, it took almost 30 minutes for 1287 products!

But I can’t find ‘venia’ theme on the admin page! I tried to create the symlink like

ln -s $(pwd)/pwa-studio/packages/venia-concept app/design/frontend/Magento/venia

1	ln -s $(pwd)/pwa-studio/packages/venia-concept app/design/frontend/Magento/venia

or just copied ‘/pwa-studio/packages/venia-concept’ into ‘app/design/frontend/Magento’ then rename ‘venia-concept’ to ‘venia’. But none of them display the venia theme in the admin themes content! –> NEED TO LEARN THIS LATER!

Then go back to pwa-studio directory /mce230-pwa/pwa-studio and
start Server. I run ‘yarn run build’ instead of ‘npm run build’. But before running this command, make sure the magento mode is developer.

php bin/magento deploy:mode:set developer
php bin/magento deploy:mode:show

1 2	php bin/magento deploy:mode:set developer php bin/magento deploy:mode:show

Then run ‘yarn run build’

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run build
yarn run v1.12.3
$ yarn workspaces run build
$ concurrently --raw yarn:build:cjs yarn:build:esm
$ BABEL_ENV=production babel src --out-dir dist --root-mode 'upward' --source-maps
$ BABEL_ENV=development babel src --out-dir esm --root-mode 'upward' --source-maps
Successfully compiled 32 files with Babel.
Successfully compiled 49 files with Babel.
$ yarn run clean
$ rimraf dist
$ babel src --out-dir dist --root-mode 'root' --source-maps --copy-files
Successfully compiled 16 files with Babel.
$ yarn run clean && yarn run build:esm && yarn run validate-queries && yarn run build:prod
$ rimraf dist esm
$ BABEL_ENV=development babel src --out-dir esm --root-mode 'upward' --source-maps --copy-files
Successfully compiled 289 files with Babel.
$ node ./validate-queries.js
Using environment variables from .env
Validating queries based on schema at https://mce230-pwa.test/graphql...
Retrieved introspection query. Configuring validator...
All queries valid against attached GraphQL API.
$ webpack -p --color --progress --profile --env.mode production
Using environment variables from .env
(node:11989) Warning: N-API is an experimental feature and could change at any time.
2582ms building                                                                   
15ms finish module graph                            
2ms sealing                                
0ms basic dependencies optimization 
14ms dependencies optimization                          
0ms advanced dependencies optimization 
0ms after dependencies optimization 
30ms chunk graph
0ms after chunk graph                          
0ms optimizing 
0ms basic module optimization 
0ms module optimization 
0ms advanced module optimization 
0ms after module optimization 
8ms basic chunk optimization                             
0ms chunk optimization 
17ms advanced chunk optimization                        
0ms after chunk optimization 
0ms module and chunk tree optimization 
0ms after module and chunk tree optimization 
0ms basic chunk modules optimization 
164ms chunk modules optimization                         
0ms advanced chunk modules optimization 
0ms after chunk modules optimization 
1ms module reviving                 
6ms module order optimization                                
0ms advanced module order optimization 
0ms before module ids 
2ms module ids 
7ms module id optimization 
0ms chunk reviving                 
0ms chunk order optimization                               
0ms before chunk ids 
1ms chunk id optimization                          
9ms after chunk id optimization 
0ms record modules                 
1ms record chunks                 
25ms hashing
8ms content hashing                         
0ms after hashing 
0ms record hash 
0ms module assets processing 
274ms chunk assets processing
2ms additional chunk assets processing 
0ms recording 
0ms additional asset processing 
141ms chunk asset optimization            
0ms after chunk asset optimization 
0ms asset optimization 
0ms after asset optimization 
1ms after seal 
61ms emitting                      
2ms after emitting                       
Hash: e086111e0a6e6e0d71b2
Version: webpack 4.28.4
Time: 3382ms
Built at: 2019-02-27 15:01:28
                                                Asset       Size  Chunks                    Chunk Names
                 8244c0fdc106dd57437fa5a48d27ab0d.svg   3.35 KiB          [emitted]         
                                  asset-manifest.json   1.15 KiB          [emitted]         
                         js/0-bebb1f1c7d078e2bad24.js   7.82 KiB       0  [emitted]         
                        js/10-a5d8d75a48ce5257fd58.js   4.04 KiB      10  [emitted]         
                        js/11-cd336d8904836814884c.js    319 KiB      11  [emitted]  [big]  
                         js/8-2e8d88db09cd5934dd6d.js   42.9 KiB       8  [emitted]         
                         js/9-e38f788e72e6015cabfd.js   14.4 KiB       9  [emitted]         
 js/RootCmp_CATEGORY__default-649dc8d317d85ba4c0af.js   18.5 KiB       1  [emitted]         RootCmp_CATEGORY__default
 js/RootCmp_CMS_PAGE__default-6ba8f30cf16dc0ccae77.js   8.34 KiB       2  [emitted]         RootCmp_CMS_PAGE__default
 js/RootCmp_NOTFOUND__default-895142cabb5abf216ceb.js    1.2 KiB       3  [emitted]         RootCmp_NOTFOUND__default
  js/RootCmp_PRODUCT__default-793f69342213bcdcb7c6.js   29.8 KiB       4  [emitted]         RootCmp_PRODUCT__default
   js/RootCmp_SEARCH__default-c3541804ad272ac28122.js  206 bytes       5  [emitted]         RootCmp_SEARCH__default
                                         js/client.js    447 KiB       6  [emitted]  [big]  client
             js/vendor~client-3a997f5cf70f78e105a7.js    233 KiB       7  [emitted]         vendor~client
precache-manifest.fe953fa07dbd49a5646a1fbce8fb6e32.js  808 bytes          [emitted]         
                                                sw.js   1.34 KiB          [emitted]         
Entrypoint client [big] = js/vendor~client-3a997f5cf70f78e105a7.js js/client.js
 [18] ../peregrine/dist/index.js + 7 modules 18.6 KiB {6} [built]
      | ../peregrine/dist/index.js 389 bytes [built]
      |     [] 156ms -> factory:119ms building:10ms = 285ms
      | ../peregrine/dist/RestApi/index.js 94 bytes [built]
      |     [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
      | ../peregrine/dist/util/index.js 102 bytes [built]
      |     [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
      | ../peregrine/dist/util/simplePersistence.js 2.44 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 247ms -> factory:57ms building:12ms dependencies:165ms = 766ms
      | ../peregrine/dist/RestApi/Magento2/index.js 84 bytes [built]
      |     [] 156ms -> [] 129ms -> [] 247ms -> factory:166ms building:20ms = 718ms
      | ../peregrine/dist/RestApi/Magento2/M2ApiRequest.js 11.3 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 247ms -> [] 186ms -> factory:80ms building:34ms dependencies:71ms = 903ms
      | ../peregrine/dist/RestApi/Magento2/M2ApiResponseError.js 2.35 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 247ms -> [] 186ms -> [] 114ms -> factory:103ms building:60ms dependencies:2ms = 997ms
      | ../peregrine/dist/RestApi/Magento2/MulticastCache.js 1.87 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 247ms -> [] 186ms -> [] 114ms -> factory:103ms building:60ms dependencies:2ms = 997ms
 [24] /home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/apollo-link/lib/index.js + 4 modules 8.12 KiB {6} [built]
      |    5 modules
 [26] ./src/drivers/index.js 2.5 KiB [built]
      [] 156ms -> factory:119ms building:10ms = 285ms
 [48] ./src/actions/app/index.js 68 bytes [built]
      [] 156ms -> factory:119ms building:10ms = 285ms
 [71] ./src/actions/app/asyncActions.js 3.25 KiB {6} [built]
      [] 156ms -> [48] 129ms -> factory:27ms building:141ms dependencies:0ms = 453ms
 [88] ./src/actions/app/actions.js 277 bytes {6} [built]
      [] 156ms -> [48] 129ms -> factory:27ms building:141ms dependencies:0ms = 453ms
[112] ../peregrine/dist/List/index.js 153 bytes [built]
      [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
[154] /home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/react-redux/es/index.js + 14 modules 27.9 KiB {7} [built]
      |    15 modules
[162] ../peregrine/dist/Router/index.js 195 bytes [built]
      [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
[296] ../peregrine/dist/ContainerChild/index.js 77 bytes [built]
      [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
[297] ../peregrine/dist/Page/index.js 67 bytes [built]
      [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
[298] ../peregrine/dist/Price/index.js 68 bytes [built]
      [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms
[304] ./src/index.css 1.1 KiB {6} [built]
      [] 156ms -> factory:119ms building:10ms = 285ms
[305] /home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/css-loader??ref--6-1!./src/index.css 2.11 KiB {6} [built]
      [] 156ms -> [304] 129ms -> factory:40ms building:28ms = 353ms
[513] ./src/index.js + 97 modules 276 KiB {6} [built]
      | ./src/index.js 1.96 KiB [built]
      |     factory:33ms building:123ms = 156ms
      | ./src/store.js 308 bytes [built]
      |     [] 156ms -> factory:119ms building:10ms = 285ms
      | ./src/drivers/adapter.js 3.58 KiB [built]
      |     [] 156ms -> [26] 129ms -> factory:252ms building:35ms dependencies:176ms = 748ms
      | ./src/middleware/index.js 255 bytes [built]
      |     [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms
      | ./src/middleware/errorHandler.js 6.89 KiB [built]
      |     [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms
      | ./src/reducers/index.js 621 bytes [built]
      |     [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms
      | ./src/util/composeEnhancers.js 367 bytes [built]
      |     [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms
      | ../peregrine/dist/Router/Router.js 1.97 KiB [built]
      |     [] 156ms -> [] 129ms -> [162] 247ms -> factory:57ms building:33ms dependencies:502ms = 1124ms
      | ./src/util/createErrorRecord.js 2.11 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:226ms building:31ms = 805ms
      | ./src/reducers/app.js 1.35 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms
      | ./src/reducers/cart.js 2.46 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms
      | ./src/reducers/catalog.js 4.17 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms
      | ./src/reducers/checkout.js 5.12 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms
      | ./src/reducers/directory.js 585 bytes [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms
      | ./src/reducers/user.js 2.48 KiB [built]
      |     [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms
      |     + 83 hidden modules
    + 648 hidden modules

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets: 
  js/client.js (447 KiB)
  js/11-cd336d8904836814884c.js (319 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  client (681 KiB)
      js/vendor~client-3a997f5cf70f78e105a7.js
      js/client.js

$ echo 'Skipping upward-js build...'
Skipping upward-js build...
$ echo 'Skipping upward-spec build...'
Skipping upward-spec build...
$ rimraf "./packages/*/{esm,dist}/{,**/}__*__"
Done in 20.50s.

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run build

yarn run v1.12.3

$ yarn workspaces run build

$ concurrently --raw yarn:build:cjs yarn:build:esm

$ BABEL_ENV=production babel src --out-dir dist --root-mode 'upward' --source-maps

$ BABEL_ENV=development babel src --out-dir esm --root-mode 'upward' --source-maps

Successfully compiled 32 files with Babel.

Successfully compiled 49 files with Babel.

$ yarn run clean

$ rimraf dist

$ babel src --out-dir dist --root-mode 'root' --source-maps --copy-files

Successfully compiled 16 files with Babel.

$ yarn run clean && yarn run build:esm && yarn run validate-queries && yarn run build:prod

$ rimraf dist esm

$ BABEL_ENV=development babel src --out-dir esm --root-mode 'upward' --source-maps --copy-files

Successfully compiled 289 files with Babel.

$ node ./validate-queries.js

Using environment variables from .env

Validating queries based on schema at https://mce230-pwa.test/graphql...

Retrieved introspection query. Configuring validator...

All queries valid against attached GraphQL API.

$ webpack -p --color --progress --profile --env.mode production

Using environment variables from .env

(node:11989) Warning: N-API is an experimental feature and could change at any time.

2582ms building

15ms finish module graph

2ms sealing

0ms basic dependencies optimization

14ms dependencies optimization

0ms advanced dependencies optimization

0ms after dependencies optimization

30ms chunk graph

0ms after chunk graph

0ms optimizing

0ms basic module optimization

0ms module optimization

0ms advanced module optimization

0ms after module optimization

8ms basic chunk optimization

0ms chunk optimization

17ms advanced chunk optimization

0ms after chunk optimization

0ms module and chunk tree optimization

0ms after module and chunk tree optimization

0ms basic chunk modules optimization

164ms chunk modules optimization

0ms advanced chunk modules optimization

0ms after chunk modules optimization

1ms module reviving

6ms module order optimization

0ms advanced module order optimization

0ms before module ids

2ms module ids

7ms module id optimization

0ms chunk reviving

0ms chunk order optimization

0ms before chunk ids

1ms chunk id optimization

9ms after chunk id optimization

0ms record modules

1ms record chunks

25ms hashing

8ms content hashing

0ms after hashing

0ms record hash

0ms module assets processing

274ms chunk assets processing

2ms additional chunk assets processing

0ms recording

0ms additional asset processing

141ms chunk asset optimization

0ms after chunk asset optimization

0ms asset optimization

0ms after asset optimization

1ms after seal

61ms emitting

2ms after emitting

Hash: e086111e0a6e6e0d71b2

Version: webpack 4.28.4

Time: 3382ms

Built at: 2019-02-27 15:01:28

Asset Size Chunks Chunk Names

8244c0fdc106dd57437fa5a48d27ab0d.svg 3.35 KiB [emitted]

asset-manifest.json 1.15 KiB [emitted]

js/0-bebb1f1c7d078e2bad24.js 7.82 KiB 0 [emitted]

js/10-a5d8d75a48ce5257fd58.js 4.04 KiB 10 [emitted]

js/11-cd336d8904836814884c.js 319 KiB 11 [emitted] [big]

js/8-2e8d88db09cd5934dd6d.js 42.9 KiB 8 [emitted]

js/9-e38f788e72e6015cabfd.js 14.4 KiB 9 [emitted]

js/RootCmp_CATEGORY__default-649dc8d317d85ba4c0af.js 18.5 KiB 1 [emitted] RootCmp_CATEGORY__default

js/RootCmp_CMS_PAGE__default-6ba8f30cf16dc0ccae77.js 8.34 KiB 2 [emitted] RootCmp_CMS_PAGE__default

js/RootCmp_NOTFOUND__default-895142cabb5abf216ceb.js 1.2 KiB 3 [emitted] RootCmp_NOTFOUND__default

js/RootCmp_PRODUCT__default-793f69342213bcdcb7c6.js 29.8 KiB 4 [emitted] RootCmp_PRODUCT__default

js/RootCmp_SEARCH__default-c3541804ad272ac28122.js 206 bytes 5 [emitted] RootCmp_SEARCH__default

js/client.js 447 KiB 6 [emitted] [big] client

js/vendor~client-3a997f5cf70f78e105a7.js 233 KiB 7 [emitted] vendor~client

precache-manifest.fe953fa07dbd49a5646a1fbce8fb6e32.js 808 bytes [emitted]

sw.js 1.34 KiB [emitted]

Entrypoint client [big] = js/vendor~client-3a997f5cf70f78e105a7.js js/client.js

[18] ../peregrine/dist/index.js + 7 modules 18.6 KiB {6} [built]

| ../peregrine/dist/index.js 389 bytes [built]

| [] 156ms -> factory:119ms building:10ms = 285ms

| ../peregrine/dist/RestApi/index.js 94 bytes [built]

| [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

| ../peregrine/dist/util/index.js 102 bytes [built]

| [] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

| ../peregrine/dist/util/simplePersistence.js 2.44 KiB [built]

| [] 156ms -> [] 129ms -> [] 247ms -> factory:57ms building:12ms dependencies:165ms = 766ms

| ../peregrine/dist/RestApi/Magento2/index.js 84 bytes [built]

| [] 156ms -> [] 129ms -> [] 247ms -> factory:166ms building:20ms = 718ms

| ../peregrine/dist/RestApi/Magento2/M2ApiRequest.js 11.3 KiB [built]

| [] 156ms -> [] 129ms -> [] 247ms -> [] 186ms -> factory:80ms building:34ms dependencies:71ms = 903ms

| ../peregrine/dist/RestApi/Magento2/M2ApiResponseError.js 2.35 KiB [built]

| [] 156ms -> [] 129ms -> [] 247ms -> [] 186ms -> [] 114ms -> factory:103ms building:60ms dependencies:2ms = 997ms

| ../peregrine/dist/RestApi/Magento2/MulticastCache.js 1.87 KiB [built]

| [] 156ms -> [] 129ms -> [] 247ms -> [] 186ms -> [] 114ms -> factory:103ms building:60ms dependencies:2ms = 997ms

[24] /home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/apollo-link/lib/index.js + 4 modules 8.12 KiB {6} [built]

| 5 modules

[26] ./src/drivers/index.js 2.5 KiB [built]

[] 156ms -> factory:119ms building:10ms = 285ms

[48] ./src/actions/app/index.js 68 bytes [built]

[] 156ms -> factory:119ms building:10ms = 285ms

[71] ./src/actions/app/asyncActions.js 3.25 KiB {6} [built]

[] 156ms -> [48] 129ms -> factory:27ms building:141ms dependencies:0ms = 453ms

[88] ./src/actions/app/actions.js 277 bytes {6} [built]

[] 156ms -> [48] 129ms -> factory:27ms building:141ms dependencies:0ms = 453ms

[112] ../peregrine/dist/List/index.js 153 bytes [built]

[] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

[154] /home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/react-redux/es/index.js + 14 modules 27.9 KiB {7} [built]

| 15 modules

[162] ../peregrine/dist/Router/index.js 195 bytes [built]

[] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

[296] ../peregrine/dist/ContainerChild/index.js 77 bytes [built]

[] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

[297] ../peregrine/dist/Page/index.js 67 bytes [built]

[] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

[298] ../peregrine/dist/Price/index.js 68 bytes [built]

[] 156ms -> [] 129ms -> factory:215ms building:32ms = 532ms

[304] ./src/index.css 1.1 KiB {6} [built]

[] 156ms -> factory:119ms building:10ms = 285ms

[305] /home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/css-loader??ref--6-1!./src/index.css 2.11 KiB {6} [built]

[] 156ms -> [304] 129ms -> factory:40ms building:28ms = 353ms

[513] ./src/index.js + 97 modules 276 KiB {6} [built]

| ./src/index.js 1.96 KiB [built]

| factory:33ms building:123ms = 156ms

| ./src/store.js 308 bytes [built]

| [] 156ms -> factory:119ms building:10ms = 285ms

| ./src/drivers/adapter.js 3.58 KiB [built]

| [] 156ms -> [26] 129ms -> factory:252ms building:35ms dependencies:176ms = 748ms

| ./src/middleware/index.js 255 bytes [built]

| [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms

| ./src/middleware/errorHandler.js 6.89 KiB [built]

| [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms

| ./src/reducers/index.js 621 bytes [built]

| [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms

| ./src/util/composeEnhancers.js 367 bytes [built]

| [] 156ms -> [] 129ms -> factory:251ms building:12ms dependencies:222ms = 770ms

| ../peregrine/dist/Router/Router.js 1.97 KiB [built]

| [] 156ms -> [] 129ms -> [162] 247ms -> factory:57ms building:33ms dependencies:502ms = 1124ms

| ./src/util/createErrorRecord.js 2.11 KiB [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:226ms building:31ms = 805ms

| ./src/reducers/app.js 1.35 KiB [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms

| ./src/reducers/cart.js 2.46 KiB [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms

| ./src/reducers/catalog.js 4.17 KiB [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms

| ./src/reducers/checkout.js 5.12 KiB [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms

| ./src/reducers/directory.js 585 bytes [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms

| ./src/reducers/user.js 2.48 KiB [built]

| [] 156ms -> [] 129ms -> [] 263ms -> factory:73ms building:73ms dependencies:156ms = 850ms

| + 83 hidden modules

+ 648 hidden modules

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).

This can impact web performance.

Assets:

js/client.js (447 KiB)

js/11-cd336d8904836814884c.js (319 KiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.

Entrypoints:

client (681 KiB)

js/vendor~client-3a997f5cf70f78e105a7.js

js/client.js

$ echo 'Skipping upward-js build...'

Skipping upward-js build...

$ echo 'Skipping upward-spec build...'

Skipping upward-spec build...

$ rimraf "./packages/*/{esm,dist}/{,**/}__*__"

Done in 20.50s.

Need to recompile again if needed (NO NEED!)

php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

1	php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

Run server, Use any of the following commands from the project root directory to start: yarn run watch:venia

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run watch:venia
yarn run v1.12.3
$ yarn workspace @magento/venia-concept run watch; cd - >/dev/null
$ webpack-dev-server --progress --color --env.mode development
Using environment variables from .env
(node:12131) Warning: N-API is an experimental feature and could change at any time.
Emitting no ServiceWorker in development mode. To enable development mode for ServiceWorkers, pass `enableServiceWorkerDebugging: true` to the ServiceWorkerPlugin configuration.
 10% building 1/1 modules 0 activeCannot add image optimization middleware due to dependencies that are not installed or are not compatible with this environment:
- @magento/express-sharp: Reason: The module '/home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/sharp/build/Release/sharp.node'
- @magento/express-sharp: Reason: expressSharp is not a function

Images will be served uncompressed.

If possible, install additional tools to build NodeJS native dependencies:
https://github.com/nodejs/node-gyp#installation
ℹ ｢wdm｣: wait until bundle finished: 
ℹ ｢wds｣: Project is running at https://magento-venia-concept-2hrkd.local.pwadev:8328/
ℹ ｢wds｣: webpack output is served from https://magento-venia-concept-2hrkd.local.pwadev:8328/
ℹ ｢wdm｣: Version: webpack 4.28.4                                                  
Time: 5788ms
Built at: 2019-02-27 15:03:18
ℹ ｢wdm｣: Compiled successfully.

┌────────────────────────────────────────────────────────────────────────────────────────────────┐
│                                                                                                │
│          PWADevServer ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/          │
│   GraphQL Playground ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/graphiql   │
│                                                                                                │
└────────────────────────────────────────────────────────────────────────────────────────────────┘

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run watch:venia

yarn run v1.12.3

$ yarn workspace @magento/venia-concept run watch; cd - >/dev/null

$ webpack-dev-server --progress --color --env.mode development

Using environment variables from .env

(node:12131) Warning: N-API is an experimental feature and could change at any time.

Emitting no ServiceWorker in development mode. To enable development mode for ServiceWorkers, pass `enableServiceWorkerDebugging: true` to the ServiceWorkerPlugin configuration.

10% building 1/1 modules 0 activeCannot add image optimization middleware due to dependencies that are not installed or are not compatible with this environment:

- @magento/express-sharp: Reason: The module '/home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/sharp/build/Release/sharp.node'

- @magento/express-sharp: Reason: expressSharp is not a function

Images will be served uncompressed.

If possible, install additional tools to build NodeJS native dependencies:

https://github.com/nodejs/node-gyp#installation

ℹ ｢wdm｣: wait until bundle finished:

ℹ ｢wds｣: Project is running at https://magento-venia-concept-2hrkd.local.pwadev:8328/

ℹ ｢wds｣: webpack output is served from https://magento-venia-concept-2hrkd.local.pwadev:8328/

ℹ ｢wdm｣: Version: webpack 4.28.4

Time: 5788ms

Built at: 2019-02-27 15:03:18

ℹ ｢wdm｣: Compiled successfully.

┌────────────────────────────────────────────────────────────────────────────────────────────────┐

│ │

│ PWADevServer ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/ │

│ GraphQL Playground ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/graphiql │

│ │

└────────────────────────────────────────────────────────────────────────────────────────────────┘

OR run ‘yarn run watch:all’

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run watch:all
yarn run v1.12.3
$ node scripts/watch-all.js
  ✔ initial build of @magento/pwa-buildpack
  ✔ initial build of @magento/peregrine
  ✔ initial build of webpack-dev-server

  ⚠  Launching webpack-dev-server

Using environment variables from .env
(node:26502) Warning: N-API is an experimental feature and could change at any time.
Emitting no ServiceWorker in development mode. To enable development mode for ServiceWorkers, pass `enableServiceWorkerDebugging: true` to the ServiceWorkerPlugin configuration.
Cannot add image optimization middleware due to dependencies that are not installed or are not compatible with this environment:
- @magento/express-sharp: Reason: The module '/home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/sharp/build/Release/sharp.node'
- @magento/express-sharp: Reason: expressSharp is not a function

Images will be served uncompressed.

If possible, install additional tools to build NodeJS native dependencies:
https://github.com/nodejs/node-gyp#installation
ℹ ｢wdm｣: wait until bundle finished: 
ℹ ｢wds｣: Project is running at https://magento-venia-concept-2hrkd.local.pwadev:8328/
ℹ ｢wds｣: webpack output is served from https://magento-venia-concept-2hrkd.local.pwadev:8328/
ℹ ｢wdm｣: Version: webpack 4.28.4
Time: 3962ms
Built at: 2019-02-27 20:36:35
ℹ ｢wdm｣: Compiled successfully.

┌────────────────────────────────────────────────────────────────────────────────────────────────┐
│                                                                                                │
│          PWADevServer ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/          │
│   GraphQL Playground ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/graphiql   │
│                                                                                                │
└────────────────────────────────────────────────────────────────────────────────────────────────┘


  ⚠  Press q to exit the dev server.

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run watch:all

yarn run v1.12.3

$ node scripts/watch-all.js

✔ initial build of @magento/pwa-buildpack

✔ initial build of @magento/peregrine

✔ initial build of webpack-dev-server

⚠ Launching webpack-dev-server

Using environment variables from .env

(node:26502) Warning: N-API is an experimental feature and could change at any time.

Emitting no ServiceWorker in development mode. To enable development mode for ServiceWorkers, pass `enableServiceWorkerDebugging: true` to the ServiceWorkerPlugin configuration.

Cannot add image optimization middleware due to dependencies that are not installed or are not compatible with this environment:

- @magento/express-sharp: Reason: The module '/home/teddy/Documents/works/mce230-pwa/pwa-studio/node_modules/sharp/build/Release/sharp.node'

- @magento/express-sharp: Reason: expressSharp is not a function

Images will be served uncompressed.

If possible, install additional tools to build NodeJS native dependencies:

https://github.com/nodejs/node-gyp#installation

ℹ ｢wdm｣: wait until bundle finished:

ℹ ｢wds｣: Project is running at https://magento-venia-concept-2hrkd.local.pwadev:8328/

ℹ ｢wds｣: webpack output is served from https://magento-venia-concept-2hrkd.local.pwadev:8328/

ℹ ｢wdm｣: Version: webpack 4.28.4

Time: 3962ms

Built at: 2019-02-27 20:36:35

ℹ ｢wdm｣: Compiled successfully.

│ │

│ PWADevServer ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/ │

│ GraphQL Playground ready at https://magento-venia-concept-2hrkd.local.pwadev:8328/graphiql │

│ │

⚠ Press q to exit the dev server.

Then open it on your browser: https://magento-venia-concept-2hrkd.local.pwadev:8328/
OK. But it can’t show the products image!!!
Temporary solution for this problem is COPY THE CATEGORY AND PRODUCT IMAGES IN CATALOG DIR FROM pub/media/catalog TO the magento root directory –> NOT GOOD IF THERE IS NEW PRODUCT AND IMAGE! SO HERE IS THE BETTER WAY! SET MAGENTO ROOT DIRECTORY TO ‘pub’ DIR. MODIFY nginx CONFIG FILE

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ sudo gedit /etc/nginx/sites-available/mce230-pwa.test

1	teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ sudo gedit /etc/nginx/sites-available/mce230-pwa.test

THEN MODIFY $MAGE_ROOT FROM

...
set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa;
...

...

set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa;

...

...
set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa/pub;
...

...

set $MAGE_ROOT /home/teddy/Documents/works/mce230-pwa/pub;

...

I THINK IT NEED TO RECOMPILE!

<ERROR_IF_PWA_NOT_SSL>

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run watch:venia
yarn run v1.12.3
$ yarn workspace @magento/venia-concept run watch; cd - >/dev/null
$ webpack-dev-server --progress --color --env.mode development
Using environment variables from .env
(node:7222) Warning: N-API is an experimental feature and could change at any time.
Creating a local development domain requires temporary administrative privileges.
Please enter the password for teddy on teddy.
[sudo] password for teddy: 
Please close Firefox before continuing
Error: [pwa-buildpack:Utilities:configureHost.js] Could not setup development domain: 
Error: Timed out waiting for SSL certificate generation and trust.
    at Timeout.setTimeout [as _onTimeout] (/home/teddy/Documents/works/mce230-pwa/pwa-studio/packages/pwa-buildpack/dist/Utilities/configureHost.js:56:45)
    at ontimeout (timers.js:475:11)
    at tryOnTimeout (timers.js:310:5)
    at Timer.listOnTimeout (timers.js:270:5)
    at configureHost (/home/teddy/Documents/works/mce230-pwa/pwa-studio/packages/pwa-buildpack/dist/Utilities/configureHost.js:165:11)
    at <anonymous>
Done in 31.67s.

teddy@teddy:~/Documents/works/mce230-pwa/pwa-studio$ yarn run watch:venia

yarn run v1.12.3

$ yarn workspace @magento/venia-concept run watch; cd - >/dev/null

$ webpack-dev-server --progress --color --env.mode development

Using environment variables from .env

(node:7222) Warning: N-API is an experimental feature and could change at any time.

Creating a local development domain requires temporary administrative privileges.

Please enter the password for teddy on teddy.

[sudo] password for teddy:

Please close Firefox before continuing

Error: [pwa-buildpack:Utilities:configureHost.js] Could not setup development domain:

Error: Timed out waiting for SSL certificate generation and trust.

at Timeout.setTimeout [as _onTimeout] (/home/teddy/Documents/works/mce230-pwa/pwa-studio/packages/pwa-buildpack/dist/Utilities/configureHost.js:56:45)

at ontimeout (timers.js:475:11)

at tryOnTimeout (timers.js:310:5)

at Timer.listOnTimeout (timers.js:270:5)

at configureHost (/home/teddy/Documents/works/mce230-pwa/pwa-studio/packages/pwa-buildpack/dist/Utilities/configureHost.js:165:11)

at <anonymous>

Done in 31.67s.

It need SSL!
</ERROR_IF_PWA_NOT_SSL>

Install Magento 2.3 on Ubuntu 16.04 and Nginx

Download the magento 2.3 with sample data from this link: https://magento.com/tech-resources/download
I download the file Magento-CE-2.3.0_sample_data-2018-11-27-10-26-20.tar.bz2
Extract the zip or tar.bz2 file to the web root. I extract the file into mce230 directory

Check the php version (CLI and PHP-FPM). Make sure php version is 7.2

teddy@teddy:~$ php -v
PHP 7.0.33-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Dec  7 2018 08:27:52) ( NTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2017 Zend Technologies
    with Zend OPcache v7.0.33-1+ubuntu16.04.1+deb.sury.org+1, Copyright (c) 1999-2017, by Zend Technologies
    with Xdebug v2.6.1, Copyright (c) 2002-2018, by Derick Rethans

teddy@teddy:~$ php -v

PHP 7.0.33-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Dec 7 2018 08:27:52) ( NTS )

change it to php 7.2

teddy@teddy:~$ sudo ln -sfn /usr/bin/php7.2 /etc/alternatives/php

1	teddy@teddy:~$ sudo ln -sfn /usr/bin/php7.2 /etc/alternatives/php

check again

teddy@teddy:~$ php -v
PHP 7.2.14-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Jan 13 2019 10:05:18) ( NTS )
Copyright (c) 1997-2018 The PHP Group
Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies
    with Zend OPcache v7.2.14-1+ubuntu16.04.1+deb.sury.org+1, Copyright (c) 1999-2018, by Zend Technologies
    with Xdebug v2.6.1, Copyright (c) 2002-2018, by Derick Rethans

teddy@teddy:~$ php -v

PHP 7.2.14-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Jan 13 2019 10:05:18) ( NTS )

Also check the php-fpm version: http://localhost:8080/phpinfo.php
If not php 7.2, change it like this:

teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/default

1	teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/default

Modify to enable php7.2-fpm

server {
	listen 8080 default_server;
	listen [::]:8080 default_server;

	...

	# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
	#
	location ~ \.php$ {
		include snippets/fastcgi-php.conf;
	#
	#	# With php7.0-cgi alone:
	#	fastcgi_pass 127.0.0.1:9000;
	#	# With php7.0-fpm:
		fastcgi_pass unix:/run/php/php7.2-fpm.sock; #ENABLE
	#	fastcgi_pass unix:/run/php/php7.0-fpm.sock;
	#	fastcgi_pass unix:/run/php/php5.6-fpm.sock;
	}

	...
}
...

server {

listen 8080 default_server;

listen [::]:8080 default_server;

...

# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000

location ~ \.php$ {

include snippets/fastcgi-php.conf;

# # With php7.0-cgi alone:

# fastcgi_pass 127.0.0.1:9000;

# # With php7.0-fpm:

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #ENABLE

# fastcgi_pass unix:/run/php/php7.0-fpm.sock;

# fastcgi_pass unix:/run/php/php5.6-fpm.sock;

}

...

}

...

Then save and restart nginx server.
check again the php-fpm version: http://localhost:8080/phpinfo.php
Now it’s PHP Version 7.2.14-1+ubuntu16.04.1+deb.sury.org+1
NOTE: I foundSOME EXTENSIONS ARE MISSING. SO INSTALL THEM

sudo apt-get install php7.2-bcmath php7.2-soap

1	sudo apt-get install php7.2-bcmath php7.2-soap

Create the config file

teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/mce230.test

1	teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/mce230.test

Here is the content:

server {
    listen 80;
    server_name mce230.test;
    set $MAGE_ROOT /home/teddy/Documents/works/mce230;

    root $MAGE_ROOT;

    index index.php;
    autoindex off;
    charset UTF-8;
    error_page 404 403 = /errors/404.php;
    #add_header "X-UA-Compatible" "IE=Edge";
    client_max_body_size 100M;

    # PHP entry point for setup application
    location ~* ^/setup($|/) {
        root $MAGE_ROOT;
        location ~ ^/setup/index.php {
            fastcgi_split_path_info ^(.+?\.php)(/.*)$;
            fastcgi_buffers 1024 4k; 
            fastcgi_read_timeout 600s; 
            fastcgi_connect_timeout 600s;
            fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER
            #fastcgi_pass 127.0.0.1:9000;
            #fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            include fastcgi_params;
        }

        location ~ ^/setup/(?!pub/). {
            deny all;
        }

        location ~ ^/setup/pub/ {
            add_header X-Frame-Options "SAMEORIGIN";
        }
    }

    # PHP entry point for update application
    location ~* ^/update($|/) {
        root $MAGE_ROOT;

        location ~ ^/update/index.php {
            fastcgi_split_path_info ^(/update/index.php)(/.+)$;
            fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER
            #fastcgi_pass 127.0.0.1:9000;
            fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_param PATH_INFO $fastcgi_path_info;
            include fastcgi_params;
        }

        # Deny everything but index.php
        location ~ ^/update/(?!pub/). {
            deny all;
        }

        location ~ ^/update/pub/ {
            add_header X-Frame-Options "SAMEORIGIN";
        }
    }

    location / {
        try_files $uri $uri/ /index.php?$args;
    }

    location /pub/ {
        location ~ ^/pub/media/(downloadable|customer|import|theme_customization/.*\.xml) {
            deny all;
        }
        alias $MAGE_ROOT/pub/;
        add_header X-Frame-Options "SAMEORIGIN";
    }


    location ~ ^/pub/static/version {
        rewrite ^/pub/static/(version\d*/)?(.*)$ /pub/static/$2 last;
    }

    location /static/ {
        # Uncomment the following line in production mode
        # expires max;

        # Remove signature of the static files that is used to overcome the browser cache
        location ~ ^/static/version {
            rewrite ^/static/(version\d*/)?(.*)$ /static/$2 last;
        }

        location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {
            add_header Cache-Control "public";
            add_header X-Frame-Options "SAMEORIGIN";
            expires +1y;

            if (!-f $request_filename) {
                rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
            }
        }

        location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {
            add_header Cache-Control "no-store";
            add_header X-Frame-Options "SAMEORIGIN";
            expires off;

            if (!-f $request_filename) {
                rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
            }
        }

        if (!-f $request_filename) {
            rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
        }

        add_header X-Frame-Options "SAMEORIGIN";
    }

    location /media/ {
        try_files $uri $uri/ /get.php?$args;

        location ~ ^/media/theme_customization/.*\.xml {
            deny all;
        }

        location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {
            add_header Cache-Control "public";
            add_header X-Frame-Options "SAMEORIGIN";
            expires +1y;
            try_files $uri $uri/ /get.php?$args;
        }

        location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {
            add_header Cache-Control "no-store";
            add_header X-Frame-Options "SAMEORIGIN";
            expires off;
            try_files $uri $uri/ /get.php?$args;
        }

        add_header X-Frame-Options "SAMEORIGIN";
    }

    location /media/customer/ {
        deny all;
    }

    location /media/downloadable/ {
        deny all;
    }

    location /media/import/ {
        deny all;
    }

    # PHP entry point for main application
    location ~ (index|get|static|report|404|503)\.php$ {
        try_files $uri =404;
        fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER
        #fastcgi_pass 127.0.0.1:9000;
        fastcgi_buffers 1024 4k;

        fastcgi_read_timeout 600s;
        fastcgi_connect_timeout 600s;
        # to configure profiler in Magento 2
        fastcgi_param  MAGE_PROFILER html;

        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        #include fastcgi_params;
        #FOR DEVELOPMENT MODE ONLY - BEGIN
        fastcgi_param MAGE_IS_DEVELOPER_MODE true;
        fastcgi_param PHP_VALUE  display_startup_errors=on;
        fastcgi_param PHP_VALUE  display_errors=on;
        fastcgi_param PHP_VALUE  html_errors=on;
        fastcgi_param PHP_VALUE  log_errors=on;
        fastcgi_param PHP_VALUE  error_log=/home/teddy/Documents/works/mce230/var/log/system.log;
        #FOR DEVELOPMENT MODE ONLY - END
        include fastcgi_params;
        #FOR DEBUGGING WITH XDEBUG - BEGIN
        #fastcgi_read_timeout 600;
        #FOR DEBUGGING WITH XDEBUG - END
    }

    gzip on;
    gzip_disable "msie6";

    gzip_comp_level 6;
    gzip_min_length 1100;
    gzip_buffers 16 8k;
    gzip_proxied any;
    gzip_types
    text/plain
    text/css
    text/js
    text/xml
    text/javascript
    application/javascript
    application/x-javascript
    application/json
    application/xml
    application/xml+rss
    image/svg+xml;
    gzip_vary on;

    # Banned locations (only reached if the earlier PHP entry point regexes don't match)
    location ~* (\.php$|\.htaccess$|\.git) {
        deny all;
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

server {

listen 80;

server_name mce230.test;

set $MAGE_ROOT /home/teddy/Documents/works/mce230;

root $MAGE_ROOT;

index index.php;

autoindex off;

charset UTF-8;

error_page 404 403 = /errors/404.php;

#add_header "X-UA-Compatible" "IE=Edge";

client_max_body_size 100M;

# PHP entry point for setup application

location ~* ^/setup($|/) {

root $MAGE_ROOT;

location ~ ^/setup/index.php {

fastcgi_split_path_info ^(.+?\.php)(/.*)$;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

#fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

include fastcgi_params;

}

location ~ ^/setup/(?!pub/). {

deny all;

}

location ~ ^/setup/pub/ {

add_header X-Frame-Options "SAMEORIGIN";

}

# PHP entry point for update application

location ~* ^/update($|/) {

root $MAGE_ROOT;

location ~ ^/update/index.php {

fastcgi_split_path_info ^(/update/index.php)(/.+)$;

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

fastcgi_param PATH_INFO $fastcgi_path_info;

include fastcgi_params;

}

# Deny everything but index.php

location ~ ^/update/(?!pub/). {

deny all;

}

location ~ ^/update/pub/ {

add_header X-Frame-Options "SAMEORIGIN";

}

location / {

try_files $uri $uri/ /index.php?$args;

}

location /pub/ {

location ~ ^/pub/media/(downloadable|customer|import|theme_customization/.*\.xml) {

deny all;

}

alias $MAGE_ROOT/pub/;

add_header X-Frame-Options "SAMEORIGIN";

}

location ~ ^/pub/static/version {

rewrite ^/pub/static/(version\d*/)?(.*)$ /pub/static/$2 last;

}

location /static/ {

# Uncomment the following line in production mode

# expires max;

# Remove signature of the static files that is used to overcome the browser cache

location ~ ^/static/version {

rewrite ^/static/(version\d*/)?(.*)$ /static/$2 last;

}

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {

add_header Cache-Control "public";

add_header X-Frame-Options "SAMEORIGIN";

expires +1y;

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {

add_header Cache-Control "no-store";

add_header X-Frame-Options "SAMEORIGIN";

expires off;

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

add_header X-Frame-Options "SAMEORIGIN";

}

location /media/ {

try_files $uri $uri/ /get.php?$args;

location ~ ^/media/theme_customization/.*\.xml {

deny all;

}

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {

add_header Cache-Control "public";

add_header X-Frame-Options "SAMEORIGIN";

expires +1y;

try_files $uri $uri/ /get.php?$args;

}

location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {

add_header Cache-Control "no-store";

add_header X-Frame-Options "SAMEORIGIN";

expires off;

try_files $uri $uri/ /get.php?$args;

}

add_header X-Frame-Options "SAMEORIGIN";

}

location /media/customer/ {

deny all;

}

location /media/downloadable/ {

deny all;

}

location /media/import/ {

deny all;

}

# PHP entry point for main application

location ~ (index|get|static|report|404|503)\.php$ {

try_files $uri =404;

fastcgi_pass unix:/run/php/php7.2-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

# to configure profiler in Magento 2

fastcgi_param MAGE_PROFILER html;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

#include fastcgi_params;

#FOR DEVELOPMENT MODE ONLY - BEGIN

fastcgi_param MAGE_IS_DEVELOPER_MODE true;

fastcgi_param PHP_VALUE display_startup_errors=on;

fastcgi_param PHP_VALUE display_errors=on;

fastcgi_param PHP_VALUE html_errors=on;

fastcgi_param PHP_VALUE log_errors=on;

fastcgi_param PHP_VALUE error_log=/home/teddy/Documents/works/mce230/var/log/system.log;

#FOR DEVELOPMENT MODE ONLY - END

include fastcgi_params;

#FOR DEBUGGING WITH XDEBUG - BEGIN

#fastcgi_read_timeout 600;

#FOR DEBUGGING WITH XDEBUG - END

}

gzip on;

gzip_disable "msie6";

gzip_comp_level 6;

gzip_min_length 1100;

gzip_buffers 16 8k;

gzip_proxied any;

gzip_types

text/plain

text/css

text/js

text/xml

text/javascript

application/javascript

application/x-javascript

application/json

application/xml

application/xml+rss

image/svg+xml;

gzip_vary on;

# Banned locations (only reached if the earlier PHP entry point regexes don't match)

location ~* (\.php$|\.htaccess$|\.git) {

deny all;

}

Enable file config

teddy@teddy:~$ sudo ln -s /etc/nginx/sites-available/mce230.test /etc/nginx/sites-enabled/mce230.test

1

teddy@teddy:~$ sudo ln -s /etc/nginx/sites-available/mce230.test /etc/nginx/sites-enabled/mce230.test
Register the host on my system

sudo gedit /etc/hosts

1

sudo gedit /etc/hosts

Like this:

... 127.0.0.1 mce230.test ...

1
2
3

...
127.0.0.1 mce230.test
...

CHECK THE NGINX SETTING AND RESTART IT:

teddy@teddy:~$ sudo nginx -t
nginx: [warn] conflicting server name "" on 0.0.0.0:80, ignored
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
teddy@teddy:~$ sudo service nginx restart

teddy@teddy:~$ sudo nginx -t

nginx: [warn] conflicting server name "" on 0.0.0.0:80, ignored

nginx: the configuration file /etc/nginx/nginx.conf syntax is ok

nginx: configuration file /etc/nginx/nginx.conf test is successful

teddy@teddy:~$ sudo service nginx restart

Set file permission and owner:

teddy@teddy:~/Documents/works/mce230$ sudo su
root@teddy:/home/teddy/Documents/works/mce230# find var vendor pub/static pub/media app/etc -type f -exec chmod g+w {} \;
root@teddy:/home/teddy/Documents/works/mce230# find var vendor pub/static pub/media app/etc -type d -exec chmod g+ws {} \;
root@teddy:/home/teddy/Documents/works/mce230# chown -R :www-data .
root@teddy:/home/teddy/Documents/works/mce230# chmod u+x bin/magento
root@teddy:/home/teddy/Documents/works/mce230# exit
exit

teddy@teddy:~/Documents/works/mce230$ sudo su

root@teddy:/home/teddy/Documents/works/mce230# find var vendor pub/static pub/media app/etc -type f -exec chmod g+w {} \;

root@teddy:/home/teddy/Documents/works/mce230# find var vendor pub/static pub/media app/etc -type d -exec chmod g+ws {} \;

root@teddy:/home/teddy/Documents/works/mce230# chown -R :www-data .

root@teddy:/home/teddy/Documents/works/mce230# chmod u+x bin/magento

root@teddy:/home/teddy/Documents/works/mce230# exit

exit

Then

teddy@teddy:~/Documents/works/mce230$ sudo chown www-data -R var/ pub/ app/etc/ setup/ generated/
teddy@teddy:~/Documents/works/mce230$ sudo chmod -R 777 var/ pub/ app/etc/ setup/ generated/

1 2	teddy@teddy:~/Documents/works/mce230$ sudo chown www-data -R var/ pub/ app/etc/ setup/ generated/ teddy@teddy:~/Documents/works/mce230$ sudo chmod -R 777 var/ pub/ app/etc/ setup/ generated/

Run the first installation: http://mce230.test
It’d be redirected to http://mce230.test/setup/#/landing-install
NOTE: Don’t forget to create a new database ‘mce230’ with utf8-general-ci via phpmyadmin (http://phpmyadmin.test:8080)
OK. So here is My Store Address : http://mce230.test/
and Magento Admin Address: http://mce230.test/admin_cereoy
SORRY, ONLY ADMIN CAN SHOW THIS!

NOTE: Don’t forget to compile after finishing the installation. If not, you’d get the ugly page.

teddy@teddy:~/Documents/works/mce230$ sudo su -s /bin/bash www-data 
www-data@teddy:/home/teddy/Documents/works/mce230$ php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

teddy@teddy:~/Documents/works/mce230$ sudo su -s /bin/bash www-data

www-data@teddy:/home/teddy/Documents/works/mce230$ php bin/magento setup:upgrade --keep-generated && php bin/magento setup:di:compile && php bin/magento setup:static-content:deploy -f --language en_AU --language en_US && php bin/magento indexer:reindex && php bin/magento cache:clean && php bin/magento cache:flush

DONE

BUGS:
Sometimes the product images can’t be displayed! I tried to recompile with all the above commands but no avail
Solution: I need to resize the product images

www-data@teddy:/home/teddy/Documents/works/mce230$ php bin/magento catalog:image:resize
1/3422 [>---------------------]   0% < 1 sec 66.2 MiB 	| /m/b/mb01-blue   
3/3422 [>----------------]   0% 2 secs 66.2 MiB 	| /m/b/mb04-black-0_alt1   
5/3422 [>----------------]   0% 3 secs 66.2 MiB 	| /m/b/mb03-black-0_alt1  
15/3422 [>----------------]   0% 12 secs 66.2 MiB 	| /w/b/wb06-red-0_alt1.j  
21/3422 [>----------------]   0% 18 secs 66.2 MiB 	| /u/g/ug07-bk-0_alt1.jp  
26/3422 [>----------------]   0% 22 secs 66.2 MiB 	| /l/u/luma-yoga-brick.j  
27/3422 [>----------------]   0% 22 secs 66.2 MiB 	| /l/u/luma-foam-roller.  
29/3422 [>--------]   0% 24 secs 66.2 MiB 	| /l/u/luma-stability-ball-gray.  
30/3422 [>--------]   0% 25 secs 66.2 MiB 	| /l/u/luma-stability-ball-pink. 
456/3422 [=>-------]  13% 6 mins 66.2 MiB 	| /w/h/wh08-white_alternate_1.jp 
500/3422 [=>-------]  14% 7 mins 66.2 MiB 	| /w/j/wj04-white_alternate_1.jp 
801/3422 [==>------]  23% 11 mins 66.2 MiB 	| /w/s/wsh12-red_main_1.jpg
Product images resized successfully

www-data@teddy:/home/teddy/Documents/works/mce230$ php bin/magento catalog:image:resize

1/3422 [>---------------------] 0% < 1 sec 66.2 MiB | /m/b/mb01-blue

3/3422 [>----------------] 0% 2 secs 66.2 MiB | /m/b/mb04-black-0_alt1

5/3422 [>----------------] 0% 3 secs 66.2 MiB | /m/b/mb03-black-0_alt1

15/3422 [>----------------] 0% 12 secs 66.2 MiB | /w/b/wb06-red-0_alt1.j

21/3422 [>----------------] 0% 18 secs 66.2 MiB | /u/g/ug07-bk-0_alt1.jp

26/3422 [>----------------] 0% 22 secs 66.2 MiB | /l/u/luma-yoga-brick.j

27/3422 [>----------------] 0% 22 secs 66.2 MiB | /l/u/luma-foam-roller.

29/3422 [>--------] 0% 24 secs 66.2 MiB | /l/u/luma-stability-ball-gray.

30/3422 [>--------] 0% 25 secs 66.2 MiB | /l/u/luma-stability-ball-pink.

456/3422 [=>-------] 13% 6 mins 66.2 MiB | /w/h/wh08-white_alternate_1.jp

500/3422 [=>-------] 14% 7 mins 66.2 MiB | /w/j/wj04-white_alternate_1.jp

801/3422 [==>------] 23% 11 mins 66.2 MiB | /w/s/wsh12-red_main_1.jpg

Product images resized successfully

I think no need to wait until 100% to resize the images! because it’d take a long time. just refresh the page if you think if the process is already pretty long

TO DISABLE THE CODE PROFILER ON THE M2 PAGE, MODIFY THE NGINX FILE (sudo gedit /etc/nginx/sites-available/mce230.test) THEN SET:

#fastcgi_param  MAGE_PROFILER html;

1	#fastcgi_param MAGE_PROFILER html;

THEN RESTART NGINX SERVER: sudo service nginx reload

Install Redis and Combine With Varnish and Nginx for M2 On Ubuntu 16.04

Ref: https://www.digitalocean.com/community/tutorials/how-to-install-and-configure-redis-on-ubuntu-16-04
https://www.digitalocean.com/community/tutorials/how-to-install-and-secure-redis-on-ubuntu-18-04

Install Redis Server

sudo add-apt-repository ppa:chris-lea/redis-server
sudo apt-get update
sudo apt-get install redis-server

sudo add-apt-repository ppa:chris-lea/redis-server

sudo apt-get update

sudo apt-get install redis-server

Then modify /etc/redis/redis.conf file. In the file, find the supervised directive. Currently, this is set to no. Since we are running an operating system that uses the systemd init system, we can change this to systemd:

. . .

# If you run Redis from upstart or systemd, Redis can interact with your
# supervision tree. Options:
#   supervised no      - no supervision interaction
#   supervised upstart - signal upstart by putting Redis into SIGSTOP mode
#   supervised systemd - signal systemd by writing READY=1 to $NOTIFY_SOCKET
#   supervised auto    - detect upstart or systemd method based on
#                        UPSTART_JOB or NOTIFY_SOCKET environment variables
# Note: these supervision methods only signal "process is ready."
#       They do not enable continuous liveness pings back to your supervisor.
supervised systemd

. . .

. . .

# If you run Redis from upstart or systemd, Redis can interact with your

# supervision tree. Options:

# supervised no - no supervision interaction

# supervised upstart - signal upstart by putting Redis into SIGSTOP mode

# supervised systemd - signal systemd by writing READY=1 to $NOTIFY_SOCKET

# supervised auto - detect upstart or systemd method based on

# UPSTART_JOB or NOTIFY_SOCKET environment variables

# Note: these supervision methods only signal "process is ready."

# They do not enable continuous liveness pings back to your supervisor.

supervised systemd

. . .

Next, find the dir directory. This option specifies the directory that Redis will use to dump persistent data. We need to pick a location that Redis will have write permission and that isn’t viewable by normal users.

We will use the /var/lib/redis directory for this, which we will create in a moment:

. . .

# The working directory.
#
# The DB will be written inside this directory, with the filename specified
# above using the 'dbfilename' configuration directive.
#
# The Append Only File will also be created inside this directory.
#
# Note that you must specify a directory here, not a file name.
dir /var/lib/redis

. . .

. . .

# The working directory.

# The DB will be written inside this directory, with the filename specified

# above using the 'dbfilename' configuration directive.

# The Append Only File will also be created inside this directory.

# Note that you must specify a directory here, not a file name.

dir /var/lib/redis

. . .

Save and close the file when you are finished.

Create a Redis systemd Unit File
Next, we can create a systemd unit file so that the init system can manage the Redis process.

Create and open the /etc/systemd/system/redis.service file to get started:

$ sudo gedit /etc/systemd/system/redis.service

1	$ sudo gedit /etc/systemd/system/redis.service

Inside, we can begin the [Unit] section by adding a description and defining a requirement that networking be available before starting this service. In the [Service] section, we need to specify the service’s behavior. For security purposes, we should not run our service as root. We should use a dedicated user and group, which we will call redis for simplicity. We will create these momentarily.

To start the service, we just need to call the redis-server binary, pointed at our configuration. To stop it, we can use the Redis shutdown command, which can be executed with the redis-cli binary. Also, since we want Redis to recover from failures when possible, we will set the Restart directive to “always”. Finally, in the [Install] section, we can define the systemd target that the service should attach to if enabled (configured to start at boot):
<DONT USE THIS SETTING>

[Unit]
Description=Redis In-Memory Data Store
After=network.target

[Service]
User=redis
Group=redis
ExecStart=/usr/local/bin/redis-server /etc/redis/redis.conf
ExecStop=/usr/local/bin/redis-cli shutdown
Restart=always

[Install]
WantedBy=multi-user.target

[Unit]

Description=Redis In-Memory Data Store

After=network.target

[Service]

User=redis

Group=redis

ExecStart=/usr/local/bin/redis-server /etc/redis/redis.conf

ExecStop=/usr/local/bin/redis-cli shutdown

Restart=always

[Install]

WantedBy=multi-user.target

</DONT USE THIS SETTING>

[Unit]
Description=Redis In-Memory Data Store
After=network.target

[Service]
Type=forking
ExecStart=/usr/bin/redis-server /etc/redis/redis.conf
ExecStop=/bin/kill -s TERM $MAINPID
PIDFile=/var/run/redis/redis-server.pid
ExecStartPost=/bin/sh -c "echo $MAINPID > /var/run/redis/redis.pid"
TimeoutStopSec=0
Restart=always
User=redis
Group=redis
RuntimeDirectory=redis
RuntimeDirectoryMode=2755

[Install]
WantedBy=multi-user.target

[Unit]

Description=Redis In-Memory Data Store

After=network.target

[Service]

Type=forking

ExecStart=/usr/bin/redis-server /etc/redis/redis.conf

ExecStop=/bin/kill -s TERM $MAINPID

PIDFile=/var/run/redis/redis-server.pid

ExecStartPost=/bin/sh -c "echo $MAINPID > /var/run/redis/redis.pid"

TimeoutStopSec=0

Restart=always

User=redis

Group=redis

RuntimeDirectory=redis

RuntimeDirectoryMode=2755

[Install]

WantedBy=multi-user.target

</USE THIS SETTING>
Save and close the file when you are finished. After saving and closing the file, I reloaded the systemd manager configuration:

sudo systemctl daemon-reload

1	sudo systemctl daemon-reload

Create the Redis User, Group and Directories
Now, we just have to create the user, group, and directory that we referenced in the previous two files.

Begin by creating the redis user and group. This can be done in a single command by typing:

teddy@teddy:~$ sudo adduser --system --group --no-create-home redis
The system user `redis' already exists. Exiting.

1 2	teddy@teddy:~$ sudo adduser --system --group --no-create-home redis The system user `redis' already exists. Exiting.

Now, we can create the /var/lib/redis directory by typing:

teddy@teddy:~$ sudo mkdir /var/lib/redis
mkdir: cannot create directory ‘/var/lib/redis’: File exists

1 2	teddy@teddy:~$ sudo mkdir /var/lib/redis mkdir: cannot create directory ‘/var/lib/redis’: File exists

We should give the redis user and group ownership over this directory:

teddy@teddy:~$ sudo chown redis:redis /var/lib/redis

1	teddy@teddy:~$ sudo chown redis:redis /var/lib/redis

Adjust the permissions so that regular users cannot access this location:

teddy@teddy:~$ sudo chmod 770 /var/lib/redis

1	teddy@teddy:~$ sudo chmod 770 /var/lib/redis

Start and Test Redis
Now, we are ready to start the Redis server.

Start the Redis Service

sudo systemctl start redis

1	sudo systemctl start redis

Check that the service had no errors by running:

teddy@teddy:~$ sudo systemctl status redis
● redis.service - Redis In-Memory Data Store
   Loaded: loaded (/etc/systemd/system/redis.service; disabled; vendor preset: enabled)
   Active: active (running) since Sen 2019-02-11 21:58:44 WIB; 4s ago
  Process: 23216 ExecStartPost=/bin/sh -c echo $MAINPID > /var/run/redis/redis.pid (code=exited, status=0/SUCCESS
  Process: 23211 ExecStart=/usr/bin/redis-server /etc/redis/redis.conf (code=exited, status=0/SUCCESS)
 Main PID: 23212 (redis-server)
   CGroup: /system.slice/redis.service
           └─23212 /usr/bin/redis-server 127.0.0.1:6379       

Peb 11 21:58:44 teddy systemd[1]: Starting Redis In-Memory Data Store...
Peb 11 21:58:44 teddy systemd[1]: Started Redis In-Memory Data Store.

teddy@teddy:~$ sudo systemctl status redis

● redis.service - Redis In-Memory Data Store

Loaded: loaded (/etc/systemd/system/redis.service; disabled; vendor preset: enabled)

Active: active (running) since Sen 2019-02-11 21:58:44 WIB; 4s ago

Process: 23216 ExecStartPost=/bin/sh -c echo $MAINPID > /var/run/redis/redis.pid (code=exited, status=0/SUCCESS

Process: 23211 ExecStart=/usr/bin/redis-server /etc/redis/redis.conf (code=exited, status=0/SUCCESS)

Main PID: 23212 (redis-server)

CGroup: /system.slice/redis.service

└─23212 /usr/bin/redis-server 127.0.0.1:6379

Peb 11 21:58:44 teddy systemd[1]: Starting Redis In-Memory Data Store...

Peb 11 21:58:44 teddy systemd[1]: Started Redis In-Memory Data Store.

I got the below error previously because the wrong setting in the redis.service file.

sudo systemctl status redis

1	sudo systemctl status redis

redis.service - Redis In-Memory Data Store
   Loaded: loaded (/etc/systemd/system/redis.service; disabled; vendor preset: enabled)
   Active: failed (Result: start-limit-hit) since Sen 2019-02-11 21:48:28 WIB; 8s ago
  Process: 21490 ExecStop=/usr/local/bin/redis-cli shutdown (code=exited, status=203/EXEC)
  Process: 21488 ExecStart=/usr/local/bin/redis-server /etc/redis/redis.conf (code=exited, status=203/EXEC)
 Main PID: 21488 (code=exited, status=203/EXEC)

Peb 11 21:48:28 teddy systemd[1]: redis.service: Unit entered failed state.
Peb 11 21:48:28 teddy systemd[1]: redis.service: Failed with result 'exit-code'.
Peb 11 21:48:28 teddy systemd[1]: redis.service: Service hold-off time over, scheduling restart.
Peb 11 21:48:28 teddy systemd[1]: Stopped Redis In-Memory Data Store.
Peb 11 21:48:28 teddy systemd[1]: redis.service: Start request repeated too quickly.
Peb 11 21:48:28 teddy systemd[1]: Failed to start Redis In-Memory Data Store.
Peb 11 21:48:28 teddy systemd[1]: redis.service: Unit entered failed state.
Peb 11 21:48:28 teddy systemd[1]: redis.service: Failed with result 'start-limit-hit'.

redis.service - Redis In-Memory Data Store

Loaded: loaded (/etc/systemd/system/redis.service; disabled; vendor preset: enabled)

Active: failed (Result: start-limit-hit) since Sen 2019-02-11 21:48:28 WIB; 8s ago

Process: 21490 ExecStop=/usr/local/bin/redis-cli shutdown (code=exited, status=203/EXEC)

Process: 21488 ExecStart=/usr/local/bin/redis-server /etc/redis/redis.conf (code=exited, status=203/EXEC)

Main PID: 21488 (code=exited, status=203/EXEC)

Peb 11 21:48:28 teddy systemd[1]: redis.service: Unit entered failed state.

Peb 11 21:48:28 teddy systemd[1]: redis.service: Failed with result 'exit-code'.

Peb 11 21:48:28 teddy systemd[1]: redis.service: Service hold-off time over, scheduling restart.

Peb 11 21:48:28 teddy systemd[1]: Stopped Redis In-Memory Data Store.

Peb 11 21:48:28 teddy systemd[1]: redis.service: Start request repeated too quickly.

Peb 11 21:48:28 teddy systemd[1]: Failed to start Redis In-Memory Data Store.

Peb 11 21:48:28 teddy systemd[1]: redis.service: Unit entered failed state.

Peb 11 21:48:28 teddy systemd[1]: redis.service: Failed with result 'start-limit-hit'.

Check it on the terminal

teddy@teddy:~$ sudo netstat -lnp | grep redis
tcp        0      0 127.0.0.1:6379          0.0.0.0:*               LISTEN      23212/redis-server 
tcp6       0      0 ::1:6379                :::*                    LISTEN      23212/redis-server

teddy@teddy:~$ sudo netstat -lnp | grep redis

tcp 0 0 127.0.0.1:6379 0.0.0.0:* LISTEN 23212/redis-server

tcp6 0 0 ::1:6379 :::* LISTEN 23212/redis-server

Or make sure port 6379 only be using by redis

teddy@teddy:~$ sudo netstat -lnp | grep ':6379'
tcp        0      0 127.0.0.1:6379          0.0.0.0:*               LISTEN      23212/redis-server 
tcp6       0      0 ::1:6379                :::*                    LISTEN      23212/redis-server

teddy@teddy:~$ sudo netstat -lnp | grep ':6379'

tcp 0 0 127.0.0.1:6379 0.0.0.0:* LISTEN 23212/redis-server

tcp6 0 0 ::1:6379 :::* LISTEN 23212/redis-server

Test the Redis Instance Functionality
To test that your service is functioning correctly, connect to the Redis server with the command-line client:

teddy@teddy:~$ redis-cli
127.0.0.1:6379> ping
PONG
127.0.0.1:6379>

teddy@teddy:~$ redis-cli

127.0.0.1:6379> ping

PONG

127.0.0.1:6379>

Check that you can set keys by typing:

teddy@teddy:~$ redis-cli
127.0.0.1:6379> set test "It's working"
OK
127.0.0.1:6379> get test
"It's working"
127.0.0.1:6379> exit

teddy@teddy:~$ redis-cli

127.0.0.1:6379> set test "It's working"

127.0.0.1:6379> get test

"It's working"

127.0.0.1:6379> exit

Enable Redis to Start at Boot
If all of your tests worked, and you would like to start Redis automatically when your server boots, you can enable the systemd service.

To do so, type:

teddy@teddy:~$ sudo systemctl enable redis
Created symlink from /etc/systemd/system/multi-user.target.wants/redis.service to /etc/systemd/system/redis.service.

1 2	teddy@teddy:~$ sudo systemctl enable redis Created symlink from /etc/systemd/system/multi-user.target.wants/redis.service to /etc/systemd/system/redis.service.

Go to your magento root directory and open app/etc/env.php and add the below codes just before the last line.

'cache' => 
  array (
    'frontend' => 
    array (
      'default' => 
      array (
        'backend' => 'Cm_Cache_Backend_Redis',
        'backend_options' => 
        array (
          'server' => '127.0.0.1', 
          'port' => '6379',
          'persistent' => '',
          'database' => '0',
          'force_standalone' => '0',
          'connect_retries' => '1',
          'read_timeout' => '10',
          'automatic_cleaning_factor' => '0',
          'compress_data' => '1',
          'compress_tags' => '1',
          'compress_threshold' => '20480',
          'compression_lib' => 'gzip',
        ),
      ),
      'page_cache' => 
      array (
        'backend' => 'Cm_Cache_Backend_Redis',
        'backend_options' => 
        array (
          'server' => '127.0.0.1',
          'port' => '6379',
          'persistent' => '',
          'database' => '1',
          'force_standalone' => '0',
          'connect_retries' => '1',
          'read_timeout' => '10',
          'automatic_cleaning_factor' => '0',
          'compress_data' => '0',
          'compress_tags' => '1',
          'compress_threshold' => '20480',
          'compression_lib' => 'gzip',
        ),
      ),
    ),
  ),

'cache' =>

array (

'frontend' =>

array (

'default' =>

array (

'backend' => 'Cm_Cache_Backend_Redis',

'backend_options' =>

array (

'server' => '127.0.0.1',

'port' => '6379',

'persistent' => '',

'database' => '0',

'force_standalone' => '0',

'connect_retries' => '1',

'read_timeout' => '10',

'automatic_cleaning_factor' => '0',

'compress_data' => '1',

'compress_tags' => '1',

'compress_threshold' => '20480',

'compression_lib' => 'gzip',

'page_cache' =>

array (

'backend' => 'Cm_Cache_Backend_Redis',

'backend_options' =>

array (

'server' => '127.0.0.1',

'port' => '6379',

'persistent' => '',

'database' => '1',

'force_standalone' => '0',

'connect_retries' => '1',

'read_timeout' => '10',

'automatic_cleaning_factor' => '0',

'compress_data' => '0',

'compress_tags' => '1',

'compress_threshold' => '20480',

'compression_lib' => 'gzip',

Restart the Redis server

sudo service redis-server restart

1	sudo service redis-server restart

Check whether Redis server is working or not. Open your website and view some pages then run the command

sudo redis-cli info

1	sudo redis-cli info

If you see this keyspace. Then your Redis is configured properly. If you do not see anything below Keyspace then Redis have not cached anything. In this case check your configuration

# Keyspace
db0:keys=196,expires=24,avg_ttl=13891985

1 2	# Keyspace db0:keys=196,expires=24,avg_ttl=13891985

To flush the Redis cache run the following command

sudo redis-cli flushdb

1	sudo redis-cli flushdb

Now your site is optimized with Varnish and Redis.

Benchmark
When I open https://fontaineind.test/ for the first time (varnish after fresh restart still caching so the page load still slower and redis also after first restart and flushdb command executed). I got this from redis-cli info:

teddy@teddy:~$ sudo redis-cli info
# Server
redis_version:5.0.3
redis_git_sha1:00000000
redis_git_dirty:0
redis_build_id:45d60903d31a0894
redis_mode:standalone
os:Linux 4.15.0-38-generic x86_64
arch_bits:64
multiplexing_api:epoll
atomicvar_api:atomic-builtin
gcc_version:5.4.0
process_id:23212
run_id:0398df44fdf5d42687203813f129a4ad0753aca8
tcp_port:6379
uptime_in_seconds:2206
uptime_in_days:0
hz:10
configured_hz:10
lru_clock:6395458
executable:/usr/bin/redis-server
config_file:/etc/redis/redis.conf

# Clients
connected_clients:1
client_recent_max_input_buffer:2
client_recent_max_output_buffer:20504
blocked_clients:0

# Memory
used_memory:2132688
used_memory_human:2.03M
used_memory_rss:7667712
used_memory_rss_human:7.31M
used_memory_peak:2988272
used_memory_peak_human:2.85M
used_memory_peak_perc:71.37%
used_memory_overhead:572870
used_memory_startup:512456
used_memory_dataset:1559818
used_memory_dataset_perc:96.27%
allocator_allocated:2655832
allocator_active:3239936
allocator_resident:7098368
total_system_memory:16707932160
total_system_memory_human:15.56G
used_memory_lua:37888
used_memory_lua_human:37.00K
used_memory_scripts:0
used_memory_scripts_human:0B
number_of_cached_scripts:0
maxmemory:0
maxmemory_human:0B
maxmemory_policy:noeviction
allocator_frag_ratio:1.22
allocator_frag_bytes:584104
allocator_rss_ratio:2.19
allocator_rss_bytes:3858432
rss_overhead_ratio:1.08
rss_overhead_bytes:569344
mem_fragmentation_ratio:3.70
mem_fragmentation_bytes:5597904
mem_not_counted_for_evict:0
mem_replication_backlog:0
mem_clients_slaves:0
mem_clients_normal:49694
mem_aof_buffer:0
mem_allocator:jemalloc-5.1.0
active_defrag_running:0
lazyfree_pending_objects:0

# Persistence
loading:0
rdb_changes_since_last_save:0
rdb_bgsave_in_progress:0
rdb_last_save_time:1549899310
rdb_last_bgsave_status:ok
rdb_last_bgsave_time_sec:0
rdb_current_bgsave_time_sec:-1
rdb_last_cow_size:1269760
aof_enabled:0
aof_rewrite_in_progress:0
aof_rewrite_scheduled:0
aof_last_rewrite_time_sec:-1
aof_current_rewrite_time_sec:-1
aof_last_bgrewrite_status:ok
aof_last_write_status:ok
aof_last_cow_size:0

# Stats
total_connections_received:81
total_commands_processed:3895
instantaneous_ops_per_sec:0
total_net_input_bytes:3117796
total_net_output_bytes:9256043
instantaneous_input_kbps:0.00
instantaneous_output_kbps:0.00
rejected_connections:0
sync_full:0
sync_partial_ok:0
sync_partial_err:0
expired_keys:0
expired_stale_perc:0.00
expired_time_cap_reached_count:0
evicted_keys:0
keyspace_hits:1897
keyspace_misses:400
pubsub_channels:0
pubsub_patterns:0
latest_fork_usec:159
migrate_cached_sockets:0
slave_expires_tracked_keys:0
active_defrag_hits:0
active_defrag_misses:0
active_defrag_key_hits:0
active_defrag_key_misses:0

# Replication
role:master
connected_slaves:0
master_replid:928ea24939c31a88a14f9f496bb1822da1d17828
master_replid2:0000000000000000000000000000000000000000
master_repl_offset:0
second_repl_offset:-1
repl_backlog_active:0
repl_backlog_size:1048576
repl_backlog_first_byte_offset:0
repl_backlog_histlen:0

# CPU
used_cpu_sys:1.361721
used_cpu_user:1.720340
used_cpu_sys_children:0.002643
used_cpu_user_children:0.013073

# Cluster
cluster_enabled:0

# Keyspace
db0:keys=196,expires=24,avg_ttl=13891985

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

teddy@teddy:~$ sudo redis-cli info

# Server

redis_version:5.0.3

redis_git_sha1:00000000

redis_git_dirty:0

redis_build_id:45d60903d31a0894

redis_mode:standalone

os:Linux 4.15.0-38-generic x86_64

arch_bits:64

multiplexing_api:epoll

atomicvar_api:atomic-builtin

gcc_version:5.4.0

process_id:23212

run_id:0398df44fdf5d42687203813f129a4ad0753aca8

tcp_port:6379

uptime_in_seconds:2206

uptime_in_days:0

hz:10

configured_hz:10

lru_clock:6395458

executable:/usr/bin/redis-server

config_file:/etc/redis/redis.conf

# Clients

connected_clients:1

client_recent_max_input_buffer:2

client_recent_max_output_buffer:20504

blocked_clients:0

# Memory

used_memory:2132688

used_memory_human:2.03M

used_memory_rss:7667712

used_memory_rss_human:7.31M

used_memory_peak:2988272

used_memory_peak_human:2.85M

used_memory_peak_perc:71.37%

used_memory_overhead:572870

used_memory_startup:512456

used_memory_dataset:1559818

used_memory_dataset_perc:96.27%

allocator_allocated:2655832

allocator_active:3239936

allocator_resident:7098368

total_system_memory:16707932160

total_system_memory_human:15.56G

used_memory_lua:37888

used_memory_lua_human:37.00K

used_memory_scripts:0

used_memory_scripts_human:0B

number_of_cached_scripts:0

maxmemory:0

maxmemory_human:0B

maxmemory_policy:noeviction

allocator_frag_ratio:1.22

allocator_frag_bytes:584104

allocator_rss_ratio:2.19

allocator_rss_bytes:3858432

rss_overhead_ratio:1.08

rss_overhead_bytes:569344

mem_fragmentation_ratio:3.70

mem_fragmentation_bytes:5597904

mem_not_counted_for_evict:0

mem_replication_backlog:0

mem_clients_slaves:0

mem_clients_normal:49694

mem_aof_buffer:0

mem_allocator:jemalloc-5.1.0

active_defrag_running:0

lazyfree_pending_objects:0

# Persistence

loading:0

rdb_changes_since_last_save:0

rdb_bgsave_in_progress:0

rdb_last_save_time:1549899310

rdb_last_bgsave_status:ok

rdb_last_bgsave_time_sec:0

rdb_current_bgsave_time_sec:-1

rdb_last_cow_size:1269760

aof_enabled:0

aof_rewrite_in_progress:0

aof_rewrite_scheduled:0

aof_last_rewrite_time_sec:-1

aof_current_rewrite_time_sec:-1

aof_last_bgrewrite_status:ok

aof_last_write_status:ok

aof_last_cow_size:0

# Stats

total_connections_received:81

total_commands_processed:3895

instantaneous_ops_per_sec:0

total_net_input_bytes:3117796

total_net_output_bytes:9256043

instantaneous_input_kbps:0.00

instantaneous_output_kbps:0.00

rejected_connections:0

sync_full:0

sync_partial_ok:0

sync_partial_err:0

expired_keys:0

expired_stale_perc:0.00

expired_time_cap_reached_count:0

evicted_keys:0

keyspace_hits:1897

keyspace_misses:400

pubsub_channels:0

pubsub_patterns:0

latest_fork_usec:159

migrate_cached_sockets:0

slave_expires_tracked_keys:0

active_defrag_hits:0

active_defrag_misses:0

active_defrag_key_hits:0

active_defrag_key_misses:0

# Replication

role:master

connected_slaves:0

master_replid:928ea24939c31a88a14f9f496bb1822da1d17828

master_replid2:0000000000000000000000000000000000000000

master_repl_offset:0

second_repl_offset:-1

repl_backlog_active:0

repl_backlog_size:1048576

repl_backlog_first_byte_offset:0

repl_backlog_histlen:0

# CPU

used_cpu_sys:1.361721

used_cpu_user:1.720340

used_cpu_sys_children:0.002643

used_cpu_user_children:0.013073

# Cluster

cluster_enabled:0

# Keyspace

db0:keys=196,expires=24,avg_ttl=13891985

Then I refresh the same page (varnish cache is kicking off and redis as well). I noticed the page load faster than only from varnish. But not much. Probably from 10-12 seconds to 8-9 seconds. Here is the output from redis-cli info:

teddy@teddy:~$ sudo redis-cli info
# Server
redis_version:5.0.3
redis_git_sha1:00000000
redis_git_dirty:0
redis_build_id:45d60903d31a0894
redis_mode:standalone
os:Linux 4.15.0-38-generic x86_64
arch_bits:64
multiplexing_api:epoll
atomicvar_api:atomic-builtin
gcc_version:5.4.0
process_id:23212
run_id:0398df44fdf5d42687203813f129a4ad0753aca8
tcp_port:6379
uptime_in_seconds:2249
uptime_in_days:0
hz:10
configured_hz:10
lru_clock:6395501
executable:/usr/bin/redis-server
config_file:/etc/redis/redis.conf

# Clients
connected_clients:1
client_recent_max_input_buffer:2
client_recent_max_output_buffer:0
blocked_clients:0

# Memory
used_memory:2132688
used_memory_human:2.03M
used_memory_rss:7323648
used_memory_rss_human:6.98M
used_memory_peak:2988272
used_memory_peak_human:2.85M
used_memory_peak_perc:71.37%
used_memory_overhead:572870
used_memory_startup:512456
used_memory_dataset:1559818
used_memory_dataset_perc:96.27%
allocator_allocated:2508448
allocator_active:3112960
allocator_resident:6602752
total_system_memory:16707932160
total_system_memory_human:15.56G
used_memory_lua:37888
used_memory_lua_human:37.00K
used_memory_scripts:0
used_memory_scripts_human:0B
number_of_cached_scripts:0
maxmemory:0
maxmemory_human:0B
maxmemory_policy:noeviction
allocator_frag_ratio:1.24
allocator_frag_bytes:604512
allocator_rss_ratio:2.12
allocator_rss_bytes:3489792
rss_overhead_ratio:1.11
rss_overhead_bytes:720896
mem_fragmentation_ratio:3.54
mem_fragmentation_bytes:5253840
mem_not_counted_for_evict:0
mem_replication_backlog:0
mem_clients_slaves:0
mem_clients_normal:49694
mem_aof_buffer:0
mem_allocator:jemalloc-5.1.0
active_defrag_running:0
lazyfree_pending_objects:0

# Persistence
loading:0
rdb_changes_since_last_save:12
rdb_bgsave_in_progress:0
rdb_last_save_time:1549899310
rdb_last_bgsave_status:ok
rdb_last_bgsave_time_sec:0
rdb_current_bgsave_time_sec:-1
rdb_last_cow_size:1269760
aof_enabled:0
aof_rewrite_in_progress:0
aof_rewrite_scheduled:0
aof_last_rewrite_time_sec:-1
aof_current_rewrite_time_sec:-1
aof_last_bgrewrite_status:ok
aof_last_write_status:ok
aof_last_cow_size:0

# Stats
total_connections_received:118
total_commands_processed:4554
instantaneous_ops_per_sec:0
total_net_input_bytes:3180153
total_net_output_bytes:14480169
instantaneous_input_kbps:0.00
instantaneous_output_kbps:0.00
rejected_connections:0
sync_full:0
sync_partial_ok:0
sync_partial_err:0
expired_keys:0
expired_stale_perc:0.00
expired_time_cap_reached_count:0
evicted_keys:0
keyspace_hits:2473
keyspace_misses:404
pubsub_channels:0
pubsub_patterns:0
latest_fork_usec:159
migrate_cached_sockets:0
slave_expires_tracked_keys:0
active_defrag_hits:0
active_defrag_misses:0
active_defrag_key_hits:0
active_defrag_key_misses:0

# Replication
role:master
connected_slaves:0
master_replid:928ea24939c31a88a14f9f496bb1822da1d17828
master_replid2:0000000000000000000000000000000000000000
master_repl_offset:0
second_repl_offset:-1
repl_backlog_active:0
repl_backlog_size:1048576
repl_backlog_first_byte_offset:0
repl_backlog_histlen:0

# CPU
used_cpu_sys:1.420002
used_cpu_user:1.755142
used_cpu_sys_children:0.002643
used_cpu_user_children:0.013073

# Cluster
cluster_enabled:0

# Keyspace
db0:keys=196,expires=24,avg_ttl=14559389

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

teddy@teddy:~$ sudo redis-cli info

# Server

redis_version:5.0.3

redis_git_sha1:00000000

redis_git_dirty:0

redis_build_id:45d60903d31a0894

redis_mode:standalone

os:Linux 4.15.0-38-generic x86_64

arch_bits:64

multiplexing_api:epoll

atomicvar_api:atomic-builtin

gcc_version:5.4.0

process_id:23212

run_id:0398df44fdf5d42687203813f129a4ad0753aca8

tcp_port:6379

uptime_in_seconds:2249

uptime_in_days:0

hz:10

configured_hz:10

lru_clock:6395501

executable:/usr/bin/redis-server

config_file:/etc/redis/redis.conf

# Clients

connected_clients:1

client_recent_max_input_buffer:2

client_recent_max_output_buffer:0

blocked_clients:0

# Memory

used_memory:2132688

used_memory_human:2.03M

used_memory_rss:7323648

used_memory_rss_human:6.98M

used_memory_peak:2988272

used_memory_peak_human:2.85M

used_memory_peak_perc:71.37%

used_memory_overhead:572870

used_memory_startup:512456

used_memory_dataset:1559818

used_memory_dataset_perc:96.27%

allocator_allocated:2508448

allocator_active:3112960

allocator_resident:6602752

total_system_memory:16707932160

total_system_memory_human:15.56G

used_memory_lua:37888

used_memory_lua_human:37.00K

used_memory_scripts:0

used_memory_scripts_human:0B

number_of_cached_scripts:0

maxmemory:0

maxmemory_human:0B

maxmemory_policy:noeviction

allocator_frag_ratio:1.24

allocator_frag_bytes:604512

allocator_rss_ratio:2.12

allocator_rss_bytes:3489792

rss_overhead_ratio:1.11

rss_overhead_bytes:720896

mem_fragmentation_ratio:3.54

mem_fragmentation_bytes:5253840

mem_not_counted_for_evict:0

mem_replication_backlog:0

mem_clients_slaves:0

mem_clients_normal:49694

mem_aof_buffer:0

mem_allocator:jemalloc-5.1.0

active_defrag_running:0

lazyfree_pending_objects:0

# Persistence

loading:0

rdb_changes_since_last_save:12

rdb_bgsave_in_progress:0

rdb_last_save_time:1549899310

rdb_last_bgsave_status:ok

rdb_last_bgsave_time_sec:0

rdb_current_bgsave_time_sec:-1

rdb_last_cow_size:1269760

aof_enabled:0

aof_rewrite_in_progress:0

aof_rewrite_scheduled:0

aof_last_rewrite_time_sec:-1

aof_current_rewrite_time_sec:-1

aof_last_bgrewrite_status:ok

aof_last_write_status:ok

aof_last_cow_size:0

# Stats

total_connections_received:118

total_commands_processed:4554

instantaneous_ops_per_sec:0

total_net_input_bytes:3180153

total_net_output_bytes:14480169

instantaneous_input_kbps:0.00

instantaneous_output_kbps:0.00

rejected_connections:0

sync_full:0

sync_partial_ok:0

sync_partial_err:0

expired_keys:0

expired_stale_perc:0.00

expired_time_cap_reached_count:0

evicted_keys:0

keyspace_hits:2473

keyspace_misses:404

pubsub_channels:0

pubsub_patterns:0

latest_fork_usec:159

migrate_cached_sockets:0

slave_expires_tracked_keys:0

active_defrag_hits:0

active_defrag_misses:0

active_defrag_key_hits:0

active_defrag_key_misses:0

# Replication

role:master

connected_slaves:0

master_replid:928ea24939c31a88a14f9f496bb1822da1d17828

master_replid2:0000000000000000000000000000000000000000

master_repl_offset:0

second_repl_offset:-1

repl_backlog_active:0

repl_backlog_size:1048576

repl_backlog_first_byte_offset:0

repl_backlog_histlen:0

# CPU

used_cpu_sys:1.420002

used_cpu_user:1.755142

used_cpu_sys_children:0.002643

used_cpu_user_children:0.013073

# Cluster

cluster_enabled:0

# Keyspace

db0:keys=196,expires=24,avg_ttl=14559389

I need to analyze these later.

Configure Varnish, SSL, Nginx and Magento 2 On Ubuntu 16.04

Ref: https://blog.hauri.me/magento-2-with-varnish-and-nginx-as-ssl-termination.html
https://www.absolute-design.co.uk/services/magento-ecommerce/using-nginx-for-ssl-termination-with-varnish-and-magento-2/
https://linuxize.com/post/configure-magento-2-to-use-varnish-on-centos-7/
https://www.digitalocean.com/community/tutorials/how-to-configure-nginx-with-ssl-as-a-reverse-proxy-for-jenkins

On a few last articles, I wrote about the Varnish and Nginx configuration also Self-signed certificate. Now I want to combine them all on my local magento 2 website https://fontaineind.test/. When I run the site, the varnish is not working. I need to configure it (and Nginx) to make it working again.

From many articles I found Varnish can’t work with SSL. Varnish does not support SSL, so we need to use another service as an SSL Termination Proxy, in our case that will be Nginx.

When a visitor opens your website over HTTPS on port 443 the request will be handled by Nginx which works as a proxy and passes the request to Varnish (on port 6081). Varnish checks if the request is cached or not. If it is cached, Varnish will return the cached data to Nginx without a request to the Magento application. If the request is not cached Varnish will pass the request to Nginx on port 8080 which will pull data from Magento and Varnish will cache the response.
If a visitor opens your website without SSL on port 80 then he will be redirected to the HTTPS on port 443 URL by Varnish. So here is the topology
I need to change the Varnish port back to 6081 because I need to redirect HTTP port 80 to HTTPS port 443. (This article said I can still use port 80 for varnish: https://medium.com/magebit/magento-2-full-ssl-with-varnish-d2cfed3d7df also https://www.getpagespeed.com/web-apps/magento/magento-2-nginx-config-ssl-termination-varnish) But I keep the nginx port to 8080. So modify /etc/default/varnish file like this:

...
# Should we start varnishd at boot?  Set to "no" to disable.
#START=yes
START=no
...
DAEMON_OPTS="-a :6081 \
             -T localhost:6082 \
             -f /etc/varnish/default.vcl \
             -S /etc/varnish/secret \
             -s malloc,256m"
...

...

# Should we start varnishd at boot? Set to "no" to disable.

#START=yes

START=no

...

DAEMON_OPTS="-a :6081 \

-T localhost:6082 \

-f /etc/varnish/default.vcl \

-S /etc/varnish/secret \

-s malloc,256m"

...

Then also modify /etc/systemd/system/varnish.service file to change the varnish port back to 6081

ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhost:6082 -f /etc/varnish/default.vcl -S /etc/varnish/secret -s malloc,256m

1	ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhost:6082 -f /etc/varnish/default.vcl -S /etc/varnish/secret -s malloc,256m

Then modify /etc/varnish/default.vcl

...
backend default {
    .host = "fontaineind.test";
    .port = "8080";
}
...

...

backend default {

.host = "fontaineind.test";

.port = "8080";

}

...

I use host “fontaineind.test” here because I have many local websites. Usually it’s enough to use “localhost”. Port 8080 is the nginx port as the backend server. After saving the changes, I need to restart varnish server:

sudo service varnish restart

1	sudo service varnish restart

Don’t forget to verify the varnish port is 6081 now. Just see it by typing

sudo service varnish status

1	sudo service varnish status

teddy@teddy:~/Documents/works/fontaineind$ sudo service varnish status
● varnish.service - Varnish HTTP accelerator
   Loaded: loaded (/etc/systemd/system/varnish.service; enabled; vendor preset: 
   Active: active (running) since Sen 2019-02-11 16:53:14 WIB; 13min ago
     Docs: https://www.varnish-cache.org/docs/4.1/
           man:varnishd
 Main PID: 2379 (varnishd)
   CGroup: /system.slice/varnish.service
           ├─2379 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhos
           └─2389 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhos

Peb 11 16:53:14 teddy systemd[1]: Started Varnish HTTP accelerator.
Peb 11 16:53:14 teddy varnishd[2379]: Debug: Platform: Linux,4.15.0-38-generic,x
Peb 11 16:53:14 teddy varnishd[2379]: Platform: Linux,4.15.0-38-generic,x86_64,-
Peb 11 16:53:14 teddy varnishd[2379]: Debug: Child (2389) Started
Peb 11 16:53:14 teddy varnishd[2379]: Child (2389) Started
Peb 11 16:53:14 teddy varnishd[2379]: Info: Child (2389) said Child starts
Peb 11 16:53:14 teddy varnishd[2379]: Child (2389) said Child starts

teddy@teddy:~/Documents/works/fontaineind$ sudo service varnish status

● varnish.service - Varnish HTTP accelerator

Loaded: loaded (/etc/systemd/system/varnish.service; enabled; vendor preset:

Active: active (running) since Sen 2019-02-11 16:53:14 WIB; 13min ago

Docs: https://www.varnish-cache.org/docs/4.1/

man:varnishd

Main PID: 2379 (varnishd)

CGroup: /system.slice/varnish.service

├─2379 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhos

└─2389 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhos

Peb 11 16:53:14 teddy systemd[1]: Started Varnish HTTP accelerator.

Peb 11 16:53:14 teddy varnishd[2379]: Debug: Platform: Linux,4.15.0-38-generic,x

Peb 11 16:53:14 teddy varnishd[2379]: Platform: Linux,4.15.0-38-generic,x86_64,-

Peb 11 16:53:14 teddy varnishd[2379]: Debug: Child (2389) Started

Peb 11 16:53:14 teddy varnishd[2379]: Child (2389) Started

Peb 11 16:53:14 teddy varnishd[2379]: Info: Child (2389) said Child starts

Peb 11 16:53:14 teddy varnishd[2379]: Child (2389) said Child starts

Then I need to modify also the nginx setting for fontaineind.test.

teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/fontaineind.test

1	teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/fontaineind.test

Modify it like this:

# nginx = 443
# varnish = 6081
# nginx -> php-fpm = 8080

server {
  listen 443 ssl http2;
  server_name fontaineind.test;
  
  location / {
    # Pass the request on to Varnish.
    proxy_pass http://127.0.0.1:6081;

    # Pass a bunch of headers to the downstream server, so they'll know what's going on.
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    # Most web apps can be configured to read this header and understand that the current session is actually HTTPS.
    proxy_set_header X-Forwarded-Port 443;
    proxy_set_header X-Forwarded-Proto https;

    # We expect the downsteam servers to redirect to the right hostname, so don't do any rewrites here.
    #proxy_redirect off;
  }
  ssl_certificate /etc/ssl/certs/fontaineind.test.crt;
  ssl_certificate_key /etc/ssl/private/fontaineind.test.key;
    
  ssl_protocols TLSv1.2 TLSv1.1 TLSv1;
}


server {
    listen fontaineind.test:8080;
    #listen [::]:8080;
    #server_name fontaineind.test;

    set $MAGE_ROOT /home/teddy/Documents/works/fontaineind;

    root $MAGE_ROOT;

    index index.php;
    autoindex off;
    charset UTF-8;
    error_page 404 403 = /errors/404.php;
    #add_header "X-UA-Compatible" "IE=Edge";
    client_max_body_size 100M;

    # PHP entry point for setup application
    location ~* ^/setup($|/) {
        root $MAGE_ROOT;
        location ~ ^/setup/index.php {
            fastcgi_split_path_info ^(.+?\.php)(/.*)$;
            fastcgi_buffers 1024 4k; 
            fastcgi_read_timeout 600s; 
            fastcgi_connect_timeout 600s;
            fastcgi_pass unix:/run/php/php7.0-fpm.sock; #FOR AWS SERVER
            #fastcgi_pass 127.0.0.1:9000;
            #fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            include fastcgi_params;
        }

        location ~ ^/setup/(?!pub/). {
            deny all;
        }

        location ~ ^/setup/pub/ {
            add_header X-Frame-Options "SAMEORIGIN";
        }
    }

    # PHP entry point for update application
    location ~* ^/update($|/) {
        root $MAGE_ROOT;

        location ~ ^/update/index.php {
            fastcgi_split_path_info ^(/update/index.php)(/.+)$;
            fastcgi_pass unix:/run/php/php7.0-fpm.sock; #FOR AWS SERVER
            #fastcgi_pass 127.0.0.1:9000;
            fastcgi_index index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_param PATH_INFO $fastcgi_path_info;
            include fastcgi_params;
        }

        # Deny everything but index.php
        location ~ ^/update/(?!pub/). {
            deny all;
        }

        location ~ ^/update/pub/ {
            add_header X-Frame-Options "SAMEORIGIN";
        }
    }

    location / {
        try_files $uri $uri/ /index.php?$args;
    }

    location /pub/ {
        location ~ ^/pub/media/(downloadable|customer|import|theme_customization/.*\.xml) {
            deny all;
        }
        alias $MAGE_ROOT/pub/;
        add_header X-Frame-Options "SAMEORIGIN";
    }


    location ~ ^/pub/static/version {
        rewrite ^/pub/static/(version\d*/)?(.*)$ /pub/static/$2 last;
    }

    location /static/ {
        # Uncomment the following line in production mode
        # expires max;

        # Remove signature of the static files that is used to overcome the browser cache
        location ~ ^/static/version {
            rewrite ^/static/(version\d*/)?(.*)$ /static/$2 last;
        }

        location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {
            add_header Cache-Control "public";
            add_header X-Frame-Options "SAMEORIGIN";
            expires +1y;

            if (!-f $request_filename) {
                rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
            }
        }

        location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {
            add_header Cache-Control "no-store";
            add_header X-Frame-Options "SAMEORIGIN";
            expires off;

            if (!-f $request_filename) {
                rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
            }
        }

        if (!-f $request_filename) {
            rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;
        }

        add_header X-Frame-Options "SAMEORIGIN";
    }

    location /media/ {
        try_files $uri $uri/ /get.php?$args;

        location ~ ^/media/theme_customization/.*\.xml {
            deny all;
        }

        location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {
            add_header Cache-Control "public";
            add_header X-Frame-Options "SAMEORIGIN";
            expires +1y;
            try_files $uri $uri/ /get.php?$args;
        }

        location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {
            add_header Cache-Control "no-store";
            add_header X-Frame-Options "SAMEORIGIN";
            expires off;
            try_files $uri $uri/ /get.php?$args;
        }

        add_header X-Frame-Options "SAMEORIGIN";
    }

    location /media/customer/ {
        deny all;
    }

    location /media/downloadable/ {
        deny all;
    }

    location /media/import/ {
        deny all;
    }

    # PHP entry point for main application
    location ~ (index|get|static|report|404|503)\.php$ {
        try_files $uri =404;
        fastcgi_pass unix:/run/php/php7.0-fpm.sock; #FOR AWS SERVER
        #fastcgi_pass 127.0.0.1:9000;
        fastcgi_buffers 1024 4k;

        fastcgi_read_timeout 600s;
        fastcgi_connect_timeout 600s;
        # to configure profiler in Magento 2
        #fastcgi_param  MAGE_PROFILER html;

        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        #include fastcgi_params;
        #FOR DEVELOPMENT MODE ONLY - BEGIN
        fastcgi_param MAGE_IS_DEVELOPER_MODE true;
        fastcgi_param PHP_VALUE  display_startup_errors=on;
        fastcgi_param PHP_VALUE  display_errors=on;
        fastcgi_param PHP_VALUE  html_errors=on;
        fastcgi_param PHP_VALUE  log_errors=on;
        fastcgi_param PHP_VALUE  error_log=/home/teddy/Documents/works/fontaineind/var/log/system.log;

        #FOR DEVELOPMENT MODE ONLY - END
        include fastcgi_params;
        #FOR DEBUGGING WITH XDEBUG - BEGIN
        #fastcgi_read_timeout 600;
        #FOR DEBUGGING WITH XDEBUG - END
    }

    #gzip on;
    #gzip_disable "msie6";

    #gzip_comp_level 6;
    #gzip_min_length 1100;
    #gzip_buffers 16 8k;
    #gzip_proxied any;
    #gzip_types
    #text/plain
    #text/css
    #text/js
    #text/xml
    #text/javascript
    #application/javascript
    #application/x-javascript
    #application/json
    #application/xml
    #application/xml+rss
    #image/svg+xml;
    #gzip_vary on;

    # Banned locations (only reached if the earlier PHP entry point regexes don't match)
    location ~* (\.php$|\.htaccess$|\.git) {
        deny all;
    }   
}

server {
  listen 80;
  server_name fontaineind.test www.fontaineind.test;
  #location ^~ /.well-known/acme-challenge {
  #  root /var/www;
  #}
  location / {
    return 301 https://$server_name$request_uri;
  }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

# nginx = 443

# varnish = 6081

# nginx -> php-fpm = 8080

server {

listen 443 ssl http2;

server_name fontaineind.test;

location / {

# Pass the request on to Varnish.

proxy_pass http://127.0.0.1:6081;

# Pass a bunch of headers to the downstream server, so they'll know what's going on.

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# Most web apps can be configured to read this header and understand that the current session is actually HTTPS.

proxy_set_header X-Forwarded-Port 443;

proxy_set_header X-Forwarded-Proto https;

# We expect the downsteam servers to redirect to the right hostname, so don't do any rewrites here.

#proxy_redirect off;

}

ssl_certificate /etc/ssl/certs/fontaineind.test.crt;

ssl_certificate_key /etc/ssl/private/fontaineind.test.key;

ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

}

server {

listen fontaineind.test:8080;

#listen [::]:8080;

#server_name fontaineind.test;

set $MAGE_ROOT /home/teddy/Documents/works/fontaineind;

root $MAGE_ROOT;

index index.php;

autoindex off;

charset UTF-8;

error_page 404 403 = /errors/404.php;

#add_header "X-UA-Compatible" "IE=Edge";

client_max_body_size 100M;

# PHP entry point for setup application

location ~* ^/setup($|/) {

root $MAGE_ROOT;

location ~ ^/setup/index.php {

fastcgi_split_path_info ^(.+?\.php)(/.*)$;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

fastcgi_pass unix:/run/php/php7.0-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

#fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

include fastcgi_params;

}

location ~ ^/setup/(?!pub/). {

deny all;

}

location ~ ^/setup/pub/ {

add_header X-Frame-Options "SAMEORIGIN";

}

# PHP entry point for update application

location ~* ^/update($|/) {

root $MAGE_ROOT;

location ~ ^/update/index.php {

fastcgi_split_path_info ^(/update/index.php)(/.+)$;

fastcgi_pass unix:/run/php/php7.0-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

fastcgi_param PATH_INFO $fastcgi_path_info;

include fastcgi_params;

}

# Deny everything but index.php

location ~ ^/update/(?!pub/). {

deny all;

}

location ~ ^/update/pub/ {

add_header X-Frame-Options "SAMEORIGIN";

}

location / {

try_files $uri $uri/ /index.php?$args;

}

location /pub/ {

location ~ ^/pub/media/(downloadable|customer|import|theme_customization/.*\.xml) {

deny all;

}

alias $MAGE_ROOT/pub/;

add_header X-Frame-Options "SAMEORIGIN";

}

location ~ ^/pub/static/version {

rewrite ^/pub/static/(version\d*/)?(.*)$ /pub/static/$2 last;

}

location /static/ {

# Uncomment the following line in production mode

# expires max;

# Remove signature of the static files that is used to overcome the browser cache

location ~ ^/static/version {

rewrite ^/static/(version\d*/)?(.*)$ /static/$2 last;

}

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {

add_header Cache-Control "public";

add_header X-Frame-Options "SAMEORIGIN";

expires +1y;

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {

add_header Cache-Control "no-store";

add_header X-Frame-Options "SAMEORIGIN";

expires off;

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

if (!-f $request_filename) {

rewrite ^/static/(version\d*/)?(.*)$ /static.php?resource=$2 last;

}

add_header X-Frame-Options "SAMEORIGIN";

}

location /media/ {

try_files $uri $uri/ /get.php?$args;

location ~ ^/media/theme_customization/.*\.xml {

deny all;

}

location ~* \.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$ {

add_header Cache-Control "public";

add_header X-Frame-Options "SAMEORIGIN";

expires +1y;

try_files $uri $uri/ /get.php?$args;

}

location ~* \.(zip|gz|gzip|bz2|csv|xml)$ {

add_header Cache-Control "no-store";

add_header X-Frame-Options "SAMEORIGIN";

expires off;

try_files $uri $uri/ /get.php?$args;

}

add_header X-Frame-Options "SAMEORIGIN";

}

location /media/customer/ {

deny all;

}

location /media/downloadable/ {

deny all;

}

location /media/import/ {

deny all;

}

# PHP entry point for main application

location ~ (index|get|static|report|404|503)\.php$ {

try_files $uri =404;

fastcgi_pass unix:/run/php/php7.0-fpm.sock; #FOR AWS SERVER

#fastcgi_pass 127.0.0.1:9000;

fastcgi_buffers 1024 4k;

fastcgi_read_timeout 600s;

fastcgi_connect_timeout 600s;

# to configure profiler in Magento 2

#fastcgi_param MAGE_PROFILER html;

fastcgi_index index.php;

fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;

#include fastcgi_params;

#FOR DEVELOPMENT MODE ONLY - BEGIN

fastcgi_param MAGE_IS_DEVELOPER_MODE true;

fastcgi_param PHP_VALUE display_startup_errors=on;

fastcgi_param PHP_VALUE display_errors=on;

fastcgi_param PHP_VALUE html_errors=on;

fastcgi_param PHP_VALUE log_errors=on;

fastcgi_param PHP_VALUE error_log=/home/teddy/Documents/works/fontaineind/var/log/system.log;

#FOR DEVELOPMENT MODE ONLY - END

include fastcgi_params;

#FOR DEBUGGING WITH XDEBUG - BEGIN

#fastcgi_read_timeout 600;

#FOR DEBUGGING WITH XDEBUG - END

}

#gzip on;

#gzip_disable "msie6";

#gzip_comp_level 6;

#gzip_min_length 1100;

#gzip_buffers 16 8k;

#gzip_proxied any;

#gzip_types

#text/plain

#text/css

#text/js

#text/xml

#text/javascript

#application/javascript

#application/x-javascript

#application/json

#application/xml

#application/xml+rss

#image/svg+xml;

#gzip_vary on;

# Banned locations (only reached if the earlier PHP entry point regexes don't match)

location ~* (\.php$|\.htaccess$|\.git) {

deny all;

}

server {

listen 80;

server_name fontaineind.test www.fontaineind.test;

#location ^~ /.well-known/acme-challenge {

# root /var/www;

location / {

return 301 https://$server_name$request_uri;

}

So if the user use non-https (port 80) url like http://fontaineind.test/, It’d be redirected permanently (301) to https url like https://fontaineind.test/. Please see

...
server {
  listen 80;
  server_name fontaineind.test www.fontaineind.test;
  ...
  location / {
    return 301 https://$server_name$request_uri;
  }
}

...

server {

listen 80;

server_name fontaineind.test www.fontaineind.test;

...

location / {

return 301 https://$server_name$request_uri;

}

Then if the user entering the https site (port 443), it’d use varnish proxy (port 6081)

...
server {
  listen 443 ssl http2;
  server_name fontaineind.test;
  
  location / {
    # Pass the request on to Varnish.
    proxy_pass http://127.0.0.1:6081;

    # Pass a bunch of headers to the downstream server, so they'll know what's going on.
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    # Most web apps can be configured to read this header and understand that the current session is actually HTTPS.
    proxy_set_header X-Forwarded-Port 443;
    proxy_set_header X-Forwarded-Proto https;

    # We expect the downsteam servers to redirect to the right hostname, so don't do any rewrites here.
    #proxy_redirect off;
  }
  ssl_certificate /etc/ssl/certs/fontaineind.test.crt;
  ssl_certificate_key /etc/ssl/private/fontaineind.test.key;
    
  ssl_protocols TLSv1.2 TLSv1.1 TLSv1;
}
...

...

server {

listen 443 ssl http2;

server_name fontaineind.test;

location / {

# Pass the request on to Varnish.

proxy_pass http://127.0.0.1:6081;

# Pass a bunch of headers to the downstream server, so they'll know what's going on.

proxy_set_header Host $host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# Most web apps can be configured to read this header and understand that the current session is actually HTTPS.

proxy_set_header X-Forwarded-Port 443;

proxy_set_header X-Forwarded-Proto https;

# We expect the downsteam servers to redirect to the right hostname, so don't do any rewrites here.

#proxy_redirect off;

}

ssl_certificate /etc/ssl/certs/fontaineind.test.crt;

ssl_certificate_key /etc/ssl/private/fontaineind.test.key;

ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

}

...

If the page request is already exist in the varnish cache, it’d be returned immediately. But if not, it’d look it in the backend server (nginx port 8080).

...
server {
    listen fontaineind.test:8080;
    ...
}
...

...

server {

listen fontaineind.test:8080;

...

}

...

This is very tricky. Because I use many local website, I have to use ‘listen fontaineind.test:8080;’ instead of just ‘listen 8080;’. It must same with the backend host in /etc/varnish/default.vcl.
NOTE: Somehow the other local websites would be redirected to fontaineind.test. So if I open for example phpmyadmin.test:8080. It’d be redirected to fontaineind.test. This is not expected. So If I want to open phpmyadmin, I need to stop varnish then change ‘listen fontaineind.test:8080;’ to ‘listen 8080;’. I still dont know how to solve this problem.

Don’t forget to modify env.php file in magento root (app/etc/env.php) like this:

...
'http_cache_hosts' => 
  array (
    0 => 
    array (
      'host' => 'localhost',
      'port' => '6081',
    ),
  ),
...

...

'http_cache_hosts' =>

array (

0 =>

array (

'host' => 'localhost',

'port' => '6081',

...

So now varnish is working with SSL. Here is the response header on https://fontaineind.test/ (after first refresh)

accept-ranges: bytes
age: 100
cache-control: no-store, no-cache, must-revalidate, max-age=0
content-encoding: gzip
content-length: 118047
content-type: text/html; charset=UTF-8
date: Mon, 11 Feb 2019 10:12:09 GMT
expires: -1
pragma: no-cache
server: nginx/1.10.3 (Ubuntu)
status: 200
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-varnish: 131226 3
x-xss-protection: 1; mode=block

accept-ranges: bytes

age: 100

cache-control: no-store, no-cache, must-revalidate, max-age=0

content-encoding: gzip

content-length: 118047

content-type: text/html; charset=UTF-8

date: Mon, 11 Feb 2019 10:12:09 GMT

expires: -1

pragma: no-cache

server: nginx/1.10.3 (Ubuntu)

status: 200

vary: Accept-Encoding

x-content-type-options: nosniff

x-frame-options: SAMEORIGIN

x-varnish: 131226 3

x-xss-protection: 1; mode=block

You can see ‘Age’ and ‘x-varnish’ values.

Create Self-Signed Certificate With Nginx On Ubuntu 16.04

Ref: https://www.humankode.com/ssl/create-a-selfsigned-certificate-for-nginx-in-5-minutes
https://www.digitalocean.com/community/tutorials/how-to-create-a-self-signed-ssl-certificate-for-nginx-in-ubuntu-16-04

In this tutorial, I’m going to show you how you can create a self-signed SSL/TLS certificate and use it on Nginx in 5 minutes or less. I’m using Ubuntu for this tutorial, but if you’re on Mac OSX you can follow along as the syntax and commands are nearly identical.

Why Create a Self-Signed Certificate?
Self-signed certificates are useful for local development where you want to simulate an HTTPS environment. Take note that self-signed certificates are not meant for production, but they are ideal for localhost development.

An Overview of Creating a Self-Signed Certificate
Before continuing, let’s take a step back and look at the steps involved in generating a self-signed certificate for Nginx:

Generate a self-signed certificate using OpenSSL
Copy the certificate to the certificates folder on Ubuntu
Update the Nginx configuration file to load the certificate
Copy the certificate’s public key to the CA trusted root database to prevent Google Chrome from showing the site as insecure

Step 1: Generate a Self-Signed Certificate using OpenSSL
I’ll use OpenSSL to generate the certificate on Ubuntu. OpenSSL is installed on Mac OSX by default and the commands are exactly the same.

OpenSSL will generate 2 files which consist of a private key and a public key. Even though most people refer to an SSL/TLS certificate in the singular sense, it is the combination of the private key and the public key that makes a certificate.

Before running the OpenSSL command to generate a self-signed certificate, I’m going to create a certificate configuration file that will specify the certificate bits and the Subject Alternative Names. The Subject Alt Names are required in Google Chrome 58 and later, and is used to match the domain name and the certificate. If the domain name is not listed in the certificate’s Subject Alternative Names list, you’ll get a NET::ERR_CERT_COMMON_NAME_INVALID error message.

Create the Certificate Configuration File

teddy@teddy:~$ mkdir Documents/self_signed_cert
teddy@teddy:~$ cd Documents/self_signed_cert/
teddy@teddy:~/Documents/self_signed_cert$ sudo gedit fontaineind.test.conf

teddy@teddy:~$ mkdir Documents/self_signed_cert

teddy@teddy:~$ cd Documents/self_signed_cert/

teddy@teddy:~/Documents/self_signed_cert$ sudo gedit fontaineind.test.conf

I want to make a self-signed certificate for my local magento 2 site. The site is fontaineind.test
Here is the content of fontaineind.test.conf file:

[req]
default_bits       = 2048
default_keyfile    = f.key
distinguished_name = req_distinguished_name
req_extensions     = req_ext
x509_extensions    = v3_ca

[req_distinguished_name]
countryName                 = Country Name (2 letter code)
countryName_default         = US
stateOrProvinceName         = State or Province Name (full name)
stateOrProvinceName_default = New York
localityName                = Locality Name (eg, city)
localityName_default        = Rochester
organizationName            = Organization Name (eg, company)
organizationName_default    = localhost
organizationalUnitName      = organizationalunit
organizationalUnitName_default = Development
commonName                  = Common Name (e.g. server FQDN or YOUR name)
commonName_default          = localhost
commonName_max              = 64

[req_ext]
subjectAltName = @alt_names

[v3_ca]
subjectAltName = @alt_names

[alt_names]
DNS.1   = fontaineind.test
DNS.2   = 127.0.0.1

[req]

default_bits = 2048

default_keyfile = f.key

distinguished_name = req_distinguished_name

req_extensions = req_ext

x509_extensions = v3_ca

[req_distinguished_name]

countryName = Country Name (2 letter code)

countryName_default = US

stateOrProvinceName = State or Province Name (full name)

stateOrProvinceName_default = New York

localityName = Locality Name (eg, city)

localityName_default = Rochester

organizationName = Organization Name (eg, company)

organizationName_default = localhost

organizationalUnitName = organizationalunit

organizationalUnitName_default = Development

commonName = Common Name (e.g. server FQDN or YOUR name)

commonName_default = localhost

commonName_max = 64

[req_ext]

subjectAltName = @alt_names

[v3_ca]

subjectAltName = @alt_names

[alt_names]

DNS.1 = fontaineind.test

DNS.2 = 127.0.0.1

Create the Certificate using OpenSSL

sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout fontaineind.test.key -out fontaineind.test.crt -config fontaineind.test.conf

1	sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout fontaineind.test.key -out fontaineind.test.crt -config fontaineind.test.conf

Here is the terminal output. For the inputs on the terminal asking like country name, etc, just click enter key to accept the default values:

teddy@teddy:~/Documents/self_signed_cert$ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout fontaineind.test.key -out fontaineind.test.crt -config fontaineind.test.conf
Generating a 2048 bit RSA private key
............+++++
................................................................................+++++
writing new private key to 'fontaineind.test.key'
-----
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter '.', the field will be left blank.
-----
Country Name (2 letter code) [US]:
State or Province Name (full name) [New York]:
Locality Name (eg, city) [Rochester]:
Organization Name (eg, company) [localhost]:
organizationalunit [Development]:
Common Name (e.g. server FQDN or YOUR name) [localhost]:

teddy@teddy:~/Documents/self_signed_cert$ sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout fontaineind.test.key -out fontaineind.test.crt -config fontaineind.test.conf

Generating a 2048 bit RSA private key

............+++++

................................................................................+++++

writing new private key to 'fontaineind.test.key'

-----

You are about to be asked to enter information that will be incorporated

into your certificate request.

What you are about to enter is what is called a Distinguished Name or a DN.

There are quite a few fields but you can leave some blank

For some fields there will be a default value,

If you enter '.', the field will be left blank.

-----

Country Name (2 letter code) [US]:

State or Province Name (full name) [New York]:

Locality Name (eg, city) [Rochester]:

Organization Name (eg, company) [localhost]:

organizationalunit [Development]:

Common Name (e.g. server FQDN or YOUR name) [localhost]:

It’ll create two new files. There are fontaineind.test.crt and fontaineind.test.key:

teddy@teddy:~/Documents/self_signed_cert$ ls
fontaineind.test.conf  fontaineind.test.crt  fontaineind.test.key

1 2	teddy@teddy:~/Documents/self_signed_cert$ ls fontaineind.test.conf fontaineind.test.crt fontaineind.test.key

Step 2: Copy the Certificate Key Pair to the Certificates folder on Ubuntu
Copy the public key to the /etc/ssl/certs directory

teddy@teddy:~/Documents/self_signed_cert$ sudo cp fontaineind.test.crt /etc/ssl/certs/

1	teddy@teddy:~/Documents/self_signed_cert$ sudo cp fontaineind.test.crt /etc/ssl/certs/

Copy the private key to the /etc/ssl/private directory

teddy@teddy:~/Documents/self_signed_cert$ sudo cp fontaineind.test.key /etc/ssl/private/

1	teddy@teddy:~/Documents/self_signed_cert$ sudo cp fontaineind.test.key /etc/ssl/private/

Step 3: Update the Nginx Configuration File to Load the Certificate Key Pair

teddy@teddy:~/Documents/self_signed_cert$ sudo gedit /etc/nginx/sites-available/fontaineind.test

1	teddy@teddy:~/Documents/self_signed_cert$ sudo gedit /etc/nginx/sites-available/fontaineind.test

Change it like this:

server {
    listen 8080;
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    server_name fontaineind.test;

    ssl_certificate /etc/ssl/certs/fontaineind.test.crt;
    ssl_certificate_key /etc/ssl/private/fontaineind.test.key;
    
    ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

    set $MAGE_ROOT /home/teddy/Documents/works/fontaineind;
    ....
}

server {

listen 8080;

listen 443 ssl http2;

listen [::]:443 ssl http2;

server_name fontaineind.test;

ssl_certificate /etc/ssl/certs/fontaineind.test.crt;

ssl_certificate_key /etc/ssl/private/fontaineind.test.key;

ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

set $MAGE_ROOT /home/teddy/Documents/works/fontaineind;

....

}

Reload the Nginx configuration changes

sudo service nginx reload

1	sudo service nginx reload

Then don’t forget to change the secure url on the database. Just find it :

SELECT * FROM `core_config_data` WHERE value like '%fontaineind.test%'

1	SELECT * FROM `core_config_data` WHERE value like '%fontaineind.test%'

Change ‘http’ to ‘https’ for ‘web/secure/base_url’ and ‘web/secure/base_link_url’

NOTE: It’d be better to change to https also for ‘unsecure’ url
Open up the Google Chrome to Verify that Nginx Loads the Site Over HTTP and HTTPS
Since I haven’t added the self-signed certificate to Chrome’s CA Root store, Chrome shows the site as insecure. Click proceed to fontaineind.test to verify that Nginx is correctly configured
open: https://fontaineind.test/Step 4: Configure Chrome to Trust the Certificate and to Show the Site as Secure
Add the certificate to the trusted CA root store but need to check if ‘certutil’ if exist. If not install it with sudo apt install libnss3-tools:

teddy@teddy:~/Documents/self_signed_cert$ certutil
bash: teddy@teddy:~/Documents/self_signed_cert$: No such file or directory
teddy@teddy:~/Documents/self_signed_cert$ The program 'certutil' is currently not installed. You can install it by typing:
No command 'The' found, did you mean:
 Command 'the' from package 'the' (universe)
The: command not found
teddy@teddy:~/Documents/self_signed_cert$ sudo apt install libnss3-tools
Reading package lists... Done
Building dependency tree       
Reading state information... Done
libnss3-tools is already the newest version (2:3.28.4-0ubuntu0.16.04.3).
The following packages were automatically installed and are no longer required:
  libtidy5 libzip4 linux-headers-4.15.0-29 linux-headers-4.15.0-29-generic
  linux-headers-4.15.0-30 linux-headers-4.15.0-30-generic
  linux-headers-4.15.0-32 linux-headers-4.15.0-32-generic
  linux-headers-4.15.0-33 linux-headers-4.15.0-33-generic
  linux-headers-4.15.0-34 linux-headers-4.15.0-34-generic
  linux-image-4.15.0-29-generic linux-image-4.15.0-30-generic
  linux-image-4.15.0-32-generic linux-image-4.15.0-33-generic
  linux-image-4.15.0-34-generic linux-modules-4.15.0-29-generic
  linux-modules-4.15.0-30-generic linux-modules-4.15.0-32-generic
  linux-modules-4.15.0-33-generic linux-modules-4.15.0-34-generic
  linux-modules-extra-4.15.0-29-generic linux-modules-extra-4.15.0-30-generic
  linux-modules-extra-4.15.0-32-generic linux-modules-extra-4.15.0-33-generic
  linux-modules-extra-4.15.0-34-generic qtdeclarative5-controls-plugin
  qtdeclarative5-dialogs-plugin
Use 'sudo apt autoremove' to remove them.
0 upgraded, 0 newly installed, 0 to remove and 25 not upgraded.

teddy@teddy:~/Documents/self_signed_cert$ certutil

bash: teddy@teddy:~/Documents/self_signed_cert$: No such file or directory

teddy@teddy:~/Documents/self_signed_cert$ The program 'certutil' is currently not installed. You can install it by typing:

No command 'The' found, did you mean:

Command 'the' from package 'the' (universe)

The: command not found

teddy@teddy:~/Documents/self_signed_cert$ sudo apt install libnss3-tools

Reading package lists... Done

Building dependency tree

Reading state information... Done

libnss3-tools is already the newest version (2:3.28.4-0ubuntu0.16.04.3).

The following packages were automatically installed and are no longer required:

libtidy5 libzip4 linux-headers-4.15.0-29 linux-headers-4.15.0-29-generic

linux-headers-4.15.0-30 linux-headers-4.15.0-30-generic

linux-headers-4.15.0-32 linux-headers-4.15.0-32-generic

linux-headers-4.15.0-33 linux-headers-4.15.0-33-generic

linux-headers-4.15.0-34 linux-headers-4.15.0-34-generic

linux-image-4.15.0-29-generic linux-image-4.15.0-30-generic

linux-image-4.15.0-32-generic linux-image-4.15.0-33-generic

linux-image-4.15.0-34-generic linux-modules-4.15.0-29-generic

linux-modules-4.15.0-30-generic linux-modules-4.15.0-32-generic

linux-modules-4.15.0-33-generic linux-modules-4.15.0-34-generic

linux-modules-extra-4.15.0-29-generic linux-modules-extra-4.15.0-30-generic

linux-modules-extra-4.15.0-32-generic linux-modules-extra-4.15.0-33-generic

linux-modules-extra-4.15.0-34-generic qtdeclarative5-controls-plugin

qtdeclarative5-dialogs-plugin

Use 'sudo apt autoremove' to remove them.

0 upgraded, 0 newly installed, 0 to remove and 25 not upgraded.

Then run this on the terminal:

teddy@teddy:~/Documents/self_signed_cert$ certutil -d sql:$HOME/.pki/nssdb -A -t "P,," -n "fontaineind.test" -i fontaineind.test.crt

1	teddy@teddy:~/Documents/self_signed_cert$ certutil -d sql:$HOME/.pki/nssdb -A -t "P,," -n "fontaineind.test" -i fontaineind.test.crt

Close all the Google Chrome windows and reopen. Chrome is now showing the site as secure.Now I want to redirect all connection from http to https.
Make sure you changed the ‘unsecure’ url on the database to use https instead. Then modify the nginx setting for fontaineind.test

teddy@teddy:~/Documents/self_signed_cert$ sudo gedit /etc/nginx/sites-available/fontaineind.test

1	teddy@teddy:~/Documents/self_signed_cert$ sudo gedit /etc/nginx/sites-available/fontaineind.test

Then change like this:

server {
    listen 8080;
    server_name fontaineind.test;
    return 301 https://$server_name$request_uri;
}

server {
    
    listen 443 ssl http2;
    listen [::]:443 ssl http2;
    #server_name fontaineind.test;

    ssl_certificate /etc/ssl/certs/fontaineind.test.crt;
    ssl_certificate_key /etc/ssl/private/fontaineind.test.key;
    
    ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

    set $MAGE_ROOT /home/teddy/Documents/works/fontaineind;
    ...
}

server {

listen 8080;

server_name fontaineind.test;

return 301 https://$server_name$request_uri;

}

server {

listen 443 ssl http2;

listen [::]:443 ssl http2;

#server_name fontaineind.test;

ssl_certificate /etc/ssl/certs/fontaineind.test.crt;

ssl_certificate_key /etc/ssl/private/fontaineind.test.key;

ssl_protocols TLSv1.2 TLSv1.1 TLSv1;

set $MAGE_ROOT /home/teddy/Documents/works/fontaineind;

...

}

Reload the nginx server. But if you check the nginx config setting, it’d show error like this:

teddy@teddy:~/Documents/self_signed_cert$ nginx -t
nginx: [alert] could not open error log file: open() "/var/log/nginx/error.log" failed (13: Permission denied)
2019/02/09 22:33:47 [warn] 25899#25899: the "user" directive makes sense only if the master process runs with super-user privileges, ignored in /etc/nginx/nginx.conf:1
2019/02/09 22:33:47 [emerg] 25899#25899: SSL_CTX_use_PrivateKey_file("/etc/ssl/private/fontaineind.test.key") failed (SSL: error:0200100D:system library:fopen:Permission denied:fopen('/etc/ssl/private/fontaineind.test.key','r') error:20074002:BIO routines:FILE_CTRL:system lib error:140B0002:SSL routines:SSL_CTX_use_PrivateKey_file:system lib)
nginx: configuration file /etc/nginx/nginx.conf test failed

teddy@teddy:~/Documents/self_signed_cert$ nginx -t

nginx: [alert] could not open error log file: open() "/var/log/nginx/error.log" failed (13: Permission denied)

2019/02/09 22:33:47 [warn] 25899#25899: the "user" directive makes sense only if the master process runs with super-user privileges, ignored in /etc/nginx/nginx.conf:1

2019/02/09 22:33:47 [emerg] 25899#25899: SSL_CTX_use_PrivateKey_file("/etc/ssl/private/fontaineind.test.key") failed (SSL: error:0200100D:system library:fopen:Permission denied:fopen('/etc/ssl/private/fontaineind.test.key','r') error:20074002:BIO routines:FILE_CTRL:system lib error:140B0002:SSL routines:SSL_CTX_use_PrivateKey_file:system lib)

nginx: configuration file /etc/nginx/nginx.conf test failed

It shows error about the certificate. Probably because it’s a self-signed certificate. Anyway we can ignore it on the development stage. If you open http://fontaineind.test:8080, it’d be redirected to https://fontaineind.test
So all good.

Install and Configure Varnish for Nginx and Magento 2 on Ubuntu 16.04

Ref:https://blog.pusher.com/speeding-up-your-website-using-varnish/
https://www.cyberciti.biz/faq/how-to-install-and-configure-varnish-cache-on-ubuntu-linux-16-04-lts/
https://www.howtoforge.com/tutorial/ubuntu-nginx-varnish/
https://amasty.com/blog/use-varnish-with-magento-2-for-better-end-user-experience/

Install Varnish:

teddy@teddy:~$ sudo apt-get update

1	teddy@teddy:~$ sudo apt-get update

teddy@teddy:~$ sudo apt-get install varnish
Reading package lists... Done
Building dependency tree       
Reading state information... Done
The following packages were automatically installed and are no longer required:
  libtidy5 libzip4 linux-headers-4.15.0-29 linux-headers-4.15.0-29-generic
  linux-headers-4.15.0-30 linux-headers-4.15.0-30-generic
  linux-headers-4.15.0-32 linux-headers-4.15.0-32-generic
  linux-headers-4.15.0-33 linux-headers-4.15.0-33-generic
  linux-headers-4.15.0-34 linux-headers-4.15.0-34-generic
  linux-image-4.15.0-29-generic linux-image-4.15.0-30-generic
  linux-image-4.15.0-32-generic linux-image-4.15.0-33-generic
  linux-image-4.15.0-34-generic linux-modules-4.15.0-29-generic
  linux-modules-4.15.0-30-generic linux-modules-4.15.0-32-generic
  linux-modules-4.15.0-33-generic linux-modules-4.15.0-34-generic
  linux-modules-extra-4.15.0-29-generic linux-modules-extra-4.15.0-30-generic
  linux-modules-extra-4.15.0-32-generic linux-modules-extra-4.15.0-33-generic
  linux-modules-extra-4.15.0-34-generic qtdeclarative5-controls-plugin
  qtdeclarative5-dialogs-plugin
Use 'sudo apt autoremove' to remove them.
The following additional packages will be installed:
  libjemalloc1 libvarnishapi1
Suggested packages:
  varnish-doc
The following NEW packages will be installed:
  libjemalloc1 libvarnishapi1 varnish
0 upgraded, 3 newly installed, 0 to remove and 6 not upgraded.
Need to get 660 kB of archives.
After this operation, 2.101 kB of additional disk space will be used.
Do you want to continue? [Y/n] Y
Get:1 http://kambing.ui.ac.id/ubuntu xenial-updates/universe amd64 libvarnishapi1 amd64 4.1.1-1ubuntu0.2 [57,0 kB]
Get:2 http://kambing.ui.ac.id/ubuntu xenial/universe amd64 libjemalloc1 amd64 3.6.0-9ubuntu1 [78,9 kB]
Get:3 http://kambing.ui.ac.id/ubuntu xenial-updates/universe amd64 varnish amd64 4.1.1-1ubuntu0.2 [524 kB]
Fetched 660 kB in 1s (634 kB/s)  
Selecting previously unselected package libvarnishapi1.
(Reading database ... 546972 files and directories currently installed.)
Preparing to unpack .../libvarnishapi1_4.1.1-1ubuntu0.2_amd64.deb ...
Unpacking libvarnishapi1 (4.1.1-1ubuntu0.2) ...
Selecting previously unselected package libjemalloc1.
Preparing to unpack .../libjemalloc1_3.6.0-9ubuntu1_amd64.deb ...
Unpacking libjemalloc1 (3.6.0-9ubuntu1) ...
Selecting previously unselected package varnish.
Preparing to unpack .../varnish_4.1.1-1ubuntu0.2_amd64.deb ...
Unpacking varnish (4.1.1-1ubuntu0.2) ...
Processing triggers for libc-bin (2.23-0ubuntu10) ...
Processing triggers for systemd (229-4ubuntu21.5) ...
Processing triggers for ureadahead (0.100.0-19) ...
ureadahead will be reprofiled on next reboot
Processing triggers for man-db (2.7.5-1) ...
Setting up libvarnishapi1 (4.1.1-1ubuntu0.2) ...
Setting up libjemalloc1 (3.6.0-9ubuntu1) ...
Setting up varnish (4.1.1-1ubuntu0.2) ...
Processing triggers for libc-bin (2.23-0ubuntu10) ...
Processing triggers for systemd (229-4ubuntu21.5) ...
Processing triggers for ureadahead (0.100.0-19) ...

teddy@teddy:~$ sudo apt-get install varnish

Reading package lists... Done

Building dependency tree

Reading state information... Done

The following packages were automatically installed and are no longer required:

libtidy5 libzip4 linux-headers-4.15.0-29 linux-headers-4.15.0-29-generic

linux-headers-4.15.0-30 linux-headers-4.15.0-30-generic

linux-headers-4.15.0-32 linux-headers-4.15.0-32-generic

linux-headers-4.15.0-33 linux-headers-4.15.0-33-generic

linux-headers-4.15.0-34 linux-headers-4.15.0-34-generic

linux-image-4.15.0-29-generic linux-image-4.15.0-30-generic

linux-image-4.15.0-32-generic linux-image-4.15.0-33-generic

linux-image-4.15.0-34-generic linux-modules-4.15.0-29-generic

linux-modules-4.15.0-30-generic linux-modules-4.15.0-32-generic

linux-modules-4.15.0-33-generic linux-modules-4.15.0-34-generic

linux-modules-extra-4.15.0-29-generic linux-modules-extra-4.15.0-30-generic

linux-modules-extra-4.15.0-32-generic linux-modules-extra-4.15.0-33-generic

linux-modules-extra-4.15.0-34-generic qtdeclarative5-controls-plugin

qtdeclarative5-dialogs-plugin

Use 'sudo apt autoremove' to remove them.

The following additional packages will be installed:

libjemalloc1 libvarnishapi1

Suggested packages:

varnish-doc

The following NEW packages will be installed:

libjemalloc1 libvarnishapi1 varnish

0 upgraded, 3 newly installed, 0 to remove and 6 not upgraded.

Need to get 660 kB of archives.

After this operation, 2.101 kB of additional disk space will be used.

Do you want to continue? [Y/n] Y

Get:1 http://kambing.ui.ac.id/ubuntu xenial-updates/universe amd64 libvarnishapi1 amd64 4.1.1-1ubuntu0.2 [57,0 kB]

Get:2 http://kambing.ui.ac.id/ubuntu xenial/universe amd64 libjemalloc1 amd64 3.6.0-9ubuntu1 [78,9 kB]

Get:3 http://kambing.ui.ac.id/ubuntu xenial-updates/universe amd64 varnish amd64 4.1.1-1ubuntu0.2 [524 kB]

Fetched 660 kB in 1s (634 kB/s)

Selecting previously unselected package libvarnishapi1.

(Reading database ... 546972 files and directories currently installed.)

Preparing to unpack .../libvarnishapi1_4.1.1-1ubuntu0.2_amd64.deb ...

Unpacking libvarnishapi1 (4.1.1-1ubuntu0.2) ...

Selecting previously unselected package libjemalloc1.

Preparing to unpack .../libjemalloc1_3.6.0-9ubuntu1_amd64.deb ...

Unpacking libjemalloc1 (3.6.0-9ubuntu1) ...

Selecting previously unselected package varnish.

Preparing to unpack .../varnish_4.1.1-1ubuntu0.2_amd64.deb ...

Unpacking varnish (4.1.1-1ubuntu0.2) ...

Processing triggers for libc-bin (2.23-0ubuntu10) ...

Processing triggers for systemd (229-4ubuntu21.5) ...

Processing triggers for ureadahead (0.100.0-19) ...

ureadahead will be reprofiled on next reboot

Processing triggers for man-db (2.7.5-1) ...

Setting up libvarnishapi1 (4.1.1-1ubuntu0.2) ...

Setting up libjemalloc1 (3.6.0-9ubuntu1) ...

Setting up varnish (4.1.1-1ubuntu0.2) ...

Processing triggers for libc-bin (2.23-0ubuntu10) ...

Processing triggers for systemd (229-4ubuntu21.5) ...

Processing triggers for ureadahead (0.100.0-19) ...

Start/stop/restart the varnish service:

teddy@teddy:~$ sudo service varnish start
teddy@teddy:~$ sudo service varnish stop
teddy@teddy:~$ sudo service varnish restart

teddy@teddy:~$ sudo service varnish start

teddy@teddy:~$ sudo service varnish stop

teddy@teddy:~$ sudo service varnish restart

Check the varnish status (when active):

teddy@teddy:~$ sudo service varnish status
● varnish.service - Varnish HTTP accelerator
   Loaded: loaded (/lib/systemd/system/varnish.service; enabled; vendor preset: 
   Active: active (running) since Jum 2019-02-08 09:39:10 WIB; 2min 27s ago
     Docs: https://www.varnish-cache.org/docs/4.1/
           man:varnishd
 Main PID: 15892 (varnishd)
   CGroup: /system.slice/varnish.service
           ├─15892 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localho
           └─15959 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localho

Peb 08 09:39:10 teddy systemd[1]: Started Varnish HTTP accelerator.
Peb 08 09:39:10 teddy varnishd[15892]: Debug: Platform: Linux,4.15.0-38-generic,
Peb 08 09:39:10 teddy varnishd[15892]: Platform: Linux,4.15.0-38-generic,x86_64,
Peb 08 09:39:10 teddy varnishd[15892]: Debug: Child (15959) Started
Peb 08 09:39:10 teddy varnishd[15892]: Child (15959) Started
Peb 08 09:39:10 teddy varnishd[15892]: Info: Child (15959) said Child starts
Peb 08 09:39:10 teddy varnishd[15892]: Child (15959) said Child starts
Peb 08 09:40:55 teddy systemd[1]: Started Varnish HTTP accelerator.

teddy@teddy:~$ sudo service varnish status

● varnish.service - Varnish HTTP accelerator

Loaded: loaded (/lib/systemd/system/varnish.service; enabled; vendor preset:

Active: active (running) since Jum 2019-02-08 09:39:10 WIB; 2min 27s ago

Docs: https://www.varnish-cache.org/docs/4.1/

man:varnishd

Main PID: 15892 (varnishd)

CGroup: /system.slice/varnish.service

├─15892 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localho

└─15959 /usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localho

Peb 08 09:39:10 teddy systemd[1]: Started Varnish HTTP accelerator.

Peb 08 09:39:10 teddy varnishd[15892]: Debug: Platform: Linux,4.15.0-38-generic,

Peb 08 09:39:10 teddy varnishd[15892]: Platform: Linux,4.15.0-38-generic,x86_64,

Peb 08 09:39:10 teddy varnishd[15892]: Debug: Child (15959) Started

Peb 08 09:39:10 teddy varnishd[15892]: Child (15959) Started

Peb 08 09:39:10 teddy varnishd[15892]: Info: Child (15959) said Child starts

Peb 08 09:39:10 teddy varnishd[15892]: Child (15959) said Child starts

Peb 08 09:40:55 teddy systemd[1]: Started Varnish HTTP accelerator.

Varnish installed and it is a default configured to listen on port 6081 and 6082 for varnish admin:

teddy@teddy:~$ netstat -tulpn
(Not all processes could be identified, non-owned process info
 will not be shown, you would have to be root to see it all.)
Active Internet connections (only servers)
Proto Recv-Q Send-Q Local Address           Foreign Address         State       PID/Program name
...               
tcp        0      0 0.0.0.0:6081            0.0.0.0:*               LISTEN      -               
tcp        0      0 127.0.0.1:6082          0.0.0.0:*               LISTEN
...

teddy@teddy:~$ netstat -tulpn

(Not all processes could be identified, non-owned process info

will not be shown, you would have to be root to see it all.)

Active Internet connections (only servers)

Proto Recv-Q Send-Q Local Address Foreign Address State PID/Program name

...

tcp 0 0 0.0.0.0:6081 0.0.0.0:* LISTEN -

tcp 0 0 127.0.0.1:6082 0.0.0.0:* LISTEN

...

When we open on the browser: http://localhost:6081/, we’d get a varnish error pageHowever http://localhost:6082/ will show page error.
We will be changing this so it listens on port 80 (fontaineind use the default port 6081 for varnish) and Nginx listens on port 8080. To do this, edit your site’s Nginx configuration file. In our case, this file is /etc/nginx/sites-available/fontaineind.test.

teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/fontaineind.test

1	teddy@teddy:~$ sudo gedit /etc/nginx/sites-available/fontaineind.test

modify

listen 80;
to
listen 8080;

listen 80;

listen 8080;

Save the file. Then restart nginx server:

sudo service nginx restart

1	sudo service nginx restart

When you open your website with the port 8080, http://fontaineind.test:8080, It’d show the website but the css seems missing! I think I need to clear the cache and rebuild the cache. but it show an expected error.

teddy@teddy:~/Documents/works/fontaineind$ sudo su -s /bin/bash www-data
www-data@teddy:/home/teddy/Documents/works/fontaineind$ php bin/magento c:f


                                                       
  [InvalidArgumentException]                           
  There are no commands defined in the "c" namespace.

teddy@teddy:~/Documents/works/fontaineind$ sudo su -s /bin/bash www-data

www-data@teddy:/home/teddy/Documents/works/fontaineind$ php bin/magento c:f

[InvalidArgumentException]

There are no commands defined in the "c" namespace.

Another error when trying to show the magento 2 command:

www-data@teddy:/home/teddy/Documents/works/fontaineind$ php bin/magento 
Magento CLI version 2.1.9

Usage:
 command [options] [arguments]

Options:
 --help (-h)           Display this help message
...

Available commands:
 help   Displays help for a command
 list   Lists commands
We're sorry, an error occurred. Try clearing the cache and code generation directories. By default, they are: var/cache, var/di, var/generation, and var/page_cache.


                                                                               
  [Exception]                                                                  
  Deprecated Functionality: The each() function is deprecated. This message w  
  ill be suppressed on further calls in /home/teddy/Documents/works/fontainei  
  nd/vendor/colinmollenhour/cache-backend-file/File.php on line 81

www-data@teddy:/home/teddy/Documents/works/fontaineind$ php bin/magento

Magento CLI version 2.1.9

Usage:

command [options] [arguments]

Options:

--help (-h) Display this help message

...

Available commands:

help Displays help for a command

list Lists commands

We're sorry, an error occurred. Try clearing the cache and code generation directories. By default, they are: var/cache, var/di, var/generation, and var/page_cache.

[Exception]

Deprecated Functionality: The each() function is deprecated. This message w

ill be suppressed on further calls in /home/teddy/Documents/works/fontainei

nd/vendor/colinmollenhour/cache-backend-file/File.php on line 81

Solution: THIS IS BECAUSE I USE PHP 7.2. CHANGE IT TO PHP 7.0

teddy@teddy:~/Documents/works/fontaineind$ sudo ln -sfn /usr/bin/php7.0 /etc/alternatives/php 
teddy@teddy:~/Documents/works/fontaineind$ php -v
PHP 7.0.33-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Dec  7 2018 08:27:52) ( NTS )
Copyright (c) 1997-2017 The PHP Group
Zend Engine v3.0.0, Copyright (c) 1998-2017 Zend Technologies
    with Zend OPcache v7.0.33-1+ubuntu16.04.1+deb.sury.org+1, Copyright (c) 1999-2017, by Zend Technologies
    with Xdebug v2.6.1, Copyright (c) 2002-2018, by Derick Rethans

teddy@teddy:~/Documents/works/fontaineind$ sudo ln -sfn /usr/bin/php7.0 /etc/alternatives/php

teddy@teddy:~/Documents/works/fontaineind$ php -v

PHP 7.0.33-1+ubuntu16.04.1+deb.sury.org+1 (cli) (built: Dec 7 2018 08:27:52) ( NTS )

Then the magento 2 command is running well back.

also probably I need to change the base url to include the port 8080? –> NO NEED. we will take it later. Let’s continue.

Now that port 80 is free (NO. I NEED TO CHECK IT VIA sudo netstat -plntu | grep ‘:80’), let’s configure Varnish to be the one that responds. Open the file /etc/default/varnish for editing. Here is the default content.

# Configuration file for varnish
#
# /etc/init.d/varnish expects the variables $DAEMON_OPTS, $NFILES and $MEMLOCK
# to be set from this shell script fragment.
#
# Note: If systemd is installed, this file is obsolete and ignored.  Please see 
# /usr/share/doc/varnish/examples/varnish.systemd-drop-in.conf

# Should we start varnishd at boot?  Set to "no" to disable.
START=yes

# Maximum number of open files (for ulimit -n)
NFILES=131072

# Maximum locked memory size (for ulimit -l)
# Used for locking the shared memory log in memory.  If you increase log size,
# you need to increase this number as well
MEMLOCK=82000

# Default varnish instance name is the local nodename.  Can be overridden with
# the -n switch, to have more instances on a single server.
# You may need to uncomment this variable for alternatives 1 and 3 below.
# INSTANCE=$(uname -n)

# This file contains 4 alternatives, please use only one.

## Alternative 1, Minimal configuration, no VCL
#
# Listen on port 6081, administration on localhost:6082, and forward to
# content server on localhost:8080.  Use a 1GB fixed-size cache file.
#
# This example uses the INSTANCE variable above, which you need to uncomment.
#
# DAEMON_OPTS="-a :6081 \
#              -T localhost:6082 \
# 	     -b localhost:8080 \
# 	     -u varnish -g varnish \
#            -S /etc/varnish/secret \
# 	     -s file,/var/lib/varnish/$INSTANCE/varnish_storage.bin,1G"


## Alternative 2, Configuration with VCL
#
# Listen on port 6081, administration on localhost:6082, and forward to
# one content server selected by the vcl file, based on the request.
#
DAEMON_OPTS="-a :6081 \
             -T localhost:6082 \
             -f /etc/varnish/default.vcl \
             -S /etc/varnish/secret \
             -s malloc,256m"


## Alternative 3, Advanced configuration
#
# This example uses the INSTANCE variable above, which you need to uncomment.
#
# See varnishd(1) for more information.
#
# # Main configuration file. You probably want to change it :)
# VARNISH_VCL_CONF=/etc/varnish/default.vcl
#
# # Default address and port to bind to
# # Blank address means all IPv4 and IPv6 interfaces, otherwise specify
# # a host name, an IPv4 dotted quad, or an IPv6 address in brackets.
# VARNISH_LISTEN_ADDRESS=
# VARNISH_LISTEN_PORT=6081
#
# # Telnet admin interface listen address and port
# VARNISH_ADMIN_LISTEN_ADDRESS=127.0.0.1
# VARNISH_ADMIN_LISTEN_PORT=6082
#
# # Cache file location
# VARNISH_STORAGE_FILE=/var/lib/varnish/$INSTANCE/varnish_storage.bin
#
# # Cache file size: in bytes, optionally using k / M / G / T suffix,
# # or in percentage of available disk space using the % suffix.
# VARNISH_STORAGE_SIZE=1G
#
# # File containing administration secret
# VARNISH_SECRET_FILE=/etc/varnish/secret
# 
# # Backend storage specification
# VARNISH_STORAGE="file,${VARNISH_STORAGE_FILE},${VARNISH_STORAGE_SIZE}"
#
# # Default TTL used when the backend does not specify one
# VARNISH_TTL=120
#
# # DAEMON_OPTS is used by the init script.  If you add or remove options, make
# # sure you update this section, too.
# DAEMON_OPTS="-a ${VARNISH_LISTEN_ADDRESS}:${VARNISH_LISTEN_PORT} \
#              -f ${VARNISH_VCL_CONF} \
#              -T ${VARNISH_ADMIN_LISTEN_ADDRESS}:${VARNISH_ADMIN_LISTEN_PORT} \
#              -t ${VARNISH_TTL} \
# 	       -S ${VARNISH_SECRET_FILE} \
#              -s ${VARNISH_STORAGE}"
#


## Alternative 4, Do It Yourself
#
# DAEMON_OPTS=""

100

101

102

# Configuration file for varnish

# /etc/init.d/varnish expects the variables $DAEMON_OPTS, $NFILES and $MEMLOCK

# to be set from this shell script fragment.

# Note: If systemd is installed, this file is obsolete and ignored. Please see

# /usr/share/doc/varnish/examples/varnish.systemd-drop-in.conf

# Should we start varnishd at boot? Set to "no" to disable.

START=yes

# Maximum number of open files (for ulimit -n)

NFILES=131072

# Maximum locked memory size (for ulimit -l)

# Used for locking the shared memory log in memory. If you increase log size,

# you need to increase this number as well

MEMLOCK=82000

# Default varnish instance name is the local nodename. Can be overridden with

# the -n switch, to have more instances on a single server.

# You may need to uncomment this variable for alternatives 1 and 3 below.

# INSTANCE=$(uname -n)

# This file contains 4 alternatives, please use only one.

## Alternative 1, Minimal configuration, no VCL

# Listen on port 6081, administration on localhost:6082, and forward to

# content server on localhost:8080. Use a 1GB fixed-size cache file.

# This example uses the INSTANCE variable above, which you need to uncomment.

# DAEMON_OPTS="-a :6081 \

# -T localhost:6082 \

# -b localhost:8080 \

# -u varnish -g varnish \

# -S /etc/varnish/secret \

# -s file,/var/lib/varnish/$INSTANCE/varnish_storage.bin,1G"

## Alternative 2, Configuration with VCL

# Listen on port 6081, administration on localhost:6082, and forward to

# one content server selected by the vcl file, based on the request.

DAEMON_OPTS="-a :6081 \

-T localhost:6082 \

-f /etc/varnish/default.vcl \

-S /etc/varnish/secret \

-s malloc,256m"

## Alternative 3, Advanced configuration

# This example uses the INSTANCE variable above, which you need to uncomment.

# See varnishd(1) for more information.

# # Main configuration file. You probably want to change it :)

# VARNISH_VCL_CONF=/etc/varnish/default.vcl

# # Default address and port to bind to

# # Blank address means all IPv4 and IPv6 interfaces, otherwise specify

# # a host name, an IPv4 dotted quad, or an IPv6 address in brackets.

# VARNISH_LISTEN_ADDRESS=

# VARNISH_LISTEN_PORT=6081

# # Telnet admin interface listen address and port

# VARNISH_ADMIN_LISTEN_ADDRESS=127.0.0.1

# VARNISH_ADMIN_LISTEN_PORT=6082

# # Cache file location

# VARNISH_STORAGE_FILE=/var/lib/varnish/$INSTANCE/varnish_storage.bin

# # Cache file size: in bytes, optionally using k / M / G / T suffix,

# # or in percentage of available disk space using the % suffix.

# VARNISH_STORAGE_SIZE=1G

# # File containing administration secret

# VARNISH_SECRET_FILE=/etc/varnish/secret

# # Backend storage specification

# VARNISH_STORAGE="file,${VARNISH_STORAGE_FILE},${VARNISH_STORAGE_SIZE}"

# # Default TTL used when the backend does not specify one

# VARNISH_TTL=120

# # DAEMON_OPTS is used by the init script. If you add or remove options, make

# # sure you update this section, too.

# DAEMON_OPTS="-a ${VARNISH_LISTEN_ADDRESS}:${VARNISH_LISTEN_PORT} \

# -f ${VARNISH_VCL_CONF} \

# -T ${VARNISH_ADMIN_LISTEN_ADDRESS}:${VARNISH_ADMIN_LISTEN_PORT} \

# -t ${VARNISH_TTL} \

# -S ${VARNISH_SECRET_FILE} \

# -s ${VARNISH_STORAGE}"

## Alternative 4, Do It Yourself

# DAEMON_OPTS=""

Look for the line below:

DAEMON_OPTS="-a :6081 \
             -T localhost:6082 \
             -f /etc/varnish/default.vcl \
             -S /etc/varnish/secret \
             -s malloc,256m"

DAEMON_OPTS="-a :6081 \

-T localhost:6082 \

-f /etc/varnish/default.vcl \

-S /etc/varnish/secret \

-s malloc,256m"

change ‘-a :6081’ to ‘-a :80’:

DAEMON_OPTS="-a :80 \
             -T localhost:6082 \
             -f /etc/varnish/default.vcl \
             -S /etc/varnish/secret \
             -s malloc,256m"

DAEMON_OPTS="-a :80 \

-T localhost:6082 \

-f /etc/varnish/default.vcl \

-S /etc/varnish/secret \

-s malloc,256m"

Save the file.
NOTE: I also can change the malloc. malloc is RAM usage for Varnish. Default is 256m. I can change it to (for example) 1024m (1G)

Next, open the file /etc/varnish/default.vcl and check that the default backend is set to port 8080, because this is where Nginx serves from now. Look for the line below and make sure the .port is 8080. Here is the default content:

#
# This is an example VCL file for Varnish.
#
# It does not do anything by default, delegating control to the
# builtin VCL. The builtin VCL is called when there is no explicit
# return statement.
#
# See the VCL chapters in the Users Guide at https://www.varnish-cache.org/docs/
# and https://www.varnish-cache.org/trac/wiki/VCLExamples for more examples.

# Marker to tell the VCL compiler that this VCL has been adapted to the
# new 4.0 format.
vcl 4.0;

# Default backend definition. Set this to point to your content server.
backend default {
    .host = "127.0.0.1";
    .port = "8080";
}

sub vcl_recv {
    # Happens before we check if we have this in cache already.
    #
    # Typically you clean up the request here, removing cookies you don't need,
    # rewriting the request, etc.
}

sub vcl_backend_response {
    # Happens after we have read the response headers from the backend.
    #
    # Here you clean the response headers, removing silly Set-Cookie headers
    # and other mistakes your backend does.
}

sub vcl_deliver {
    # Happens when we have all the pieces we need, and are about to send the
    # response to the client.
    #
    # You can do accounting or modifying the final object here.
}

# This is an example VCL file for Varnish.

# It does not do anything by default, delegating control to the

# builtin VCL. The builtin VCL is called when there is no explicit

# return statement.

# See the VCL chapters in the Users Guide at https://www.varnish-cache.org/docs/

# and https://www.varnish-cache.org/trac/wiki/VCLExamples for more examples.

# Marker to tell the VCL compiler that this VCL has been adapted to the

# new 4.0 format.

vcl 4.0;

# Default backend definition. Set this to point to your content server.

backend default {

.host = "127.0.0.1";

.port = "8080";

}

sub vcl_recv {

# Happens before we check if we have this in cache already.

# Typically you clean up the request here, removing cookies you don't need,

# rewriting the request, etc.

}

sub vcl_backend_response {

# Happens after we have read the response headers from the backend.

# Here you clean the response headers, removing silly Set-Cookie headers

# and other mistakes your backend does.

}

sub vcl_deliver {

# Happens when we have all the pieces we need, and are about to send the

# response to the client.

# You can do accounting or modifying the final object here.

}

NOTE: For the explanation of vcl_recv, vcl_backend_response and vcl_deliver, pls read https://amasty.com/blog/use-varnish-with-magento-2-for-better-end-user-experience/
make sure the backend port is 8080

...
backend default {
    .host = "127.0.0.1";
    .port = "8080";
...

...

backend default {

.host = "127.0.0.1";

.port = "8080";

...

Once you have confirmed this, the next thing will be to copy the varnish.service file to our systemd directory. This will enable systemd to start varnish on port 80. Run the command below:

teddy@teddy:~/Documents/works/fontaineind$ sudo cp /lib/systemd/system/varnish.service /etc/systemd/system/
teddy@teddy:~/Documents/works/fontaineind$ sudo gedit /etc/systemd/system/varnish.service

1 2	teddy@teddy:~/Documents/works/fontaineind$ sudo cp /lib/systemd/system/varnish.service /etc/systemd/system/ teddy@teddy:~/Documents/works/fontaineind$ sudo gedit /etc/systemd/system/varnish.service

This will copy the varnish service file, and then open an editor with the contents.

[Unit]
Description=Varnish HTTP accelerator
Documentation=https://www.varnish-cache.org/docs/4.1/ man:varnishd

[Service]
Type=simple
LimitNOFILE=131072
LimitMEMLOCK=82000
ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhost:6082 -f /etc/varnish/default.vcl -S /etc/varnish/secret -s malloc,256m
ExecReload=/usr/share/varnish/reload-vcl
ProtectSystem=full
ProtectHome=true
PrivateTmp=true
PrivateDevices=true

[Install]
WantedBy=multi-user.target

[Unit]

Description=Varnish HTTP accelerator

Documentation=https://www.varnish-cache.org/docs/4.1/ man:varnishd

[Service]

Type=simple

LimitNOFILE=131072

LimitMEMLOCK=82000

ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhost:6082 -f /etc/varnish/default.vcl -S /etc/varnish/secret -s malloc,256m

ExecReload=/usr/share/varnish/reload-vcl

ProtectSystem=full

ProtectHome=true

PrivateTmp=true

PrivateDevices=true

[Install]

WantedBy=multi-user.target

Look for the ExecStart line:

ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhost:6082 -f /etc/varnish/default.vcl -S /etc/varnish/secret -s malloc,256m

1	ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :6081 -T localhost:6082 -f /etc/varnish/default.vcl -S /etc/varnish/secret -s malloc,256m

Now change the -F -a :6081 to -F -a :80. Leave the localhost:6082 on the same line as it is. Now save and exit the file. Run the commands below to reload everything you have just configured:

teddy@teddy:~/Documents/works/fontaineind$ sudo systemctl daemon-reload
teddy@teddy:~/Documents/works/fontaineind$ sudo systemctl reload varnish.serviceteddy@teddy:~/Documents/works/fontaineind$ sudo service varnish restart
teddy@teddy:~/Documents/works/fontaineind$ sudo service nginx restart

teddy@teddy:~/Documents/works/fontaineind$ sudo systemctl daemon-reload

teddy@teddy:~/Documents/works/fontaineind$ sudo systemctl reload varnish.serviceteddy@teddy:~/Documents/works/fontaineind$ sudo service varnish restart

teddy@teddy:~/Documents/works/fontaineind$ sudo service nginx restart

The commands above will reload the system daemon, reload varnish, restart the varnish service, and restart Nginx.
NOTE: I need to check the varnish status as well. Varnish can’t start because port 80 already is use:

teddy@teddy:~/Documents/works/fontaineind$ sudo service varnish start
teddy@teddy:~/Documents/works/fontaineind$ sudo service varnish status
varnish.service - Varnish HTTP accelerator
   Loaded: loaded (/etc/systemd/system/varnish.service; enabled; vendor preset: enabled)
   Active: failed (Result: exit-code) since Jum 2019-02-08 10:47:44 WIB; 1s ago
     Docs: https://www.varnish-cache.org/docs/4.1/
           man:varnishd
  Process: 19051 ExecReload=/usr/share/varnish/reload-vcl (code=exited, status=0/SUCCESS)
  Process: 20664 ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :80 -T localhost:6082 -f /
 Main PID: 20664 (code=exited, status=2)

Peb 08 10:47:44 teddy systemd[1]: Started Varnish HTTP accelerator.
Peb 08 10:47:44 teddy varnishd[20664]: Error: Cannot open socket: :80: Address already in use   <---------------------
Peb 08 10:47:44 teddy systemd[1]: varnish.service: Main process exited, code=exited, status=2/INVA
Peb 08 10:47:44 teddy systemd[1]: varnish.service: Unit entered failed state.
Peb 08 10:47:44 teddy systemd[1]: varnish.service: Failed with result 'exit-code'.

teddy@teddy:~/Documents/works/fontaineind$ sudo service varnish start

teddy@teddy:~/Documents/works/fontaineind$ sudo service varnish status

varnish.service - Varnish HTTP accelerator

Loaded: loaded (/etc/systemd/system/varnish.service; enabled; vendor preset: enabled)

Active: failed (Result: exit-code) since Jum 2019-02-08 10:47:44 WIB; 1s ago

Docs: https://www.varnish-cache.org/docs/4.1/

man:varnishd

Process: 19051 ExecReload=/usr/share/varnish/reload-vcl (code=exited, status=0/SUCCESS)

Process: 20664 ExecStart=/usr/sbin/varnishd -j unix,user=vcache -F -a :80 -T localhost:6082 -f /

Main PID: 20664 (code=exited, status=2)

Peb 08 10:47:44 teddy systemd[1]: Started Varnish HTTP accelerator.

Peb 08 10:47:44 teddy varnishd[20664]: Error: Cannot open socket: :80: Address already in use <---------------------

Peb 08 10:47:44 teddy systemd[1]: varnish.service: Main process exited, code=exited, status=2/INVA

Peb 08 10:47:44 teddy systemd[1]: varnish.service: Unit entered failed state.

Peb 08 10:47:44 teddy systemd[1]: varnish.service: Failed with result 'exit-code'.

Check who is using port 80:

teddy@teddy:/var/log$ sudo netstat -plntu | grep ':80'
tcp        0      0 0.0.0.0:8080            0.0.0.0:*               LISTEN      19110/nginx -g daem
tcp        0      0 0.0.0.0:80              0.0.0.0:*               LISTEN      19110/nginx -g daem
tcp6       0      0 :::80                   :::*                    LISTEN      19110/nginx -g daem

teddy@teddy:/var/log$ sudo netstat -plntu | grep ':80'

tcp 0 0 0.0.0.0:8080 0.0.0.0:* LISTEN 19110/nginx -g daem

tcp 0 0 0.0.0.0:80 0.0.0.0:* LISTEN 19110/nginx -g daem

tcp6 0 0 :::80 :::* LISTEN 19110/nginx -g daem

it seems nginx with pid 19110 is using both port 80 and 8080. or here is the complete list:

teddy@teddy:/var/log$ sudo lsof -i ':80'
COMMAND   PID     USER   FD   TYPE DEVICE SIZE/OFF NODE NAME
firefox  5044    teddy  159u  IPv4 163157      0t0  TCP 192.168.1.3:47334->us3.clientdomainmanager.org:http (ESTABLISHED)
nginx   19110     root    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19110     root    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19111 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19111 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19112 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19112 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19113 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19113 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19114 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19114 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19115 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19115 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19116 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19116 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19117 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19117 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)
nginx   19118 www-data    8u  IPv4 146484      0t0  TCP *:http (LISTEN)
nginx   19118 www-data    9u  IPv6 146485      0t0  TCP *:http (LISTEN)

teddy@teddy:/var/log$ sudo lsof -i ':80'

COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME

firefox 5044 teddy 159u IPv4 163157 0t0 TCP 192.168.1.3:47334->us3.clientdomainmanager.org:http (ESTABLISHED)

nginx 19110 root 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19110 root 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19111 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19111 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19112 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19112 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19113 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19113 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19114 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19114 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19115 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19115 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19116 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19116 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19117 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19117 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

nginx 19118 www-data 8u IPv4 146484 0t0 TCP *:http (LISTEN)

nginx 19118 www-data 9u IPv6 146485 0t0 TCP *:http (LISTEN)

Solution: nginx use both ports 80 and 8080 because in sites-enabled directory there are many nginx setting for different websites that it still use port 80.

teddy@teddy:/etc/nginx/sites-enabled$ ls
aliceisback.test   ko32example.test      notarisfemira.test  silverstripe.test
craftcms.test      kohana.test           orangescrum.test    stickercollective.test
default            kokopage.test         osclass374.test     tff-magento2.test
engelcoolers.test  koseven.test          persuratan.test     wordpress498.test
fontaineind.test   laravel-voyager.test  pethome.test        yclass.test
hitchnpitch2.test  magento19.test        phpmyadmin.test
hitchnpitch.test   magento222.test       resales.test
kirby.test         magentoce215.test     sc2.test

teddy@teddy:/etc/nginx/sites-enabled$ ls

aliceisback.test ko32example.test notarisfemira.test silverstripe.test

craftcms.test kohana.test orangescrum.test stickercollective.test

default kokopage.test osclass374.test tff-magento2.test

engelcoolers.test koseven.test persuratan.test wordpress498.test

fontaineind.test laravel-voyager.test pethome.test yclass.test

hitchnpitch2.test magento19.test phpmyadmin.test

hitchnpitch.test magento222.test resales.test

kirby.test magentoce215.test sc2.test

SO. REPLACE THE PORT 80 TO 8080 FOR ALL WEBSITE IN SITES-ENABLES DIRECTORY!!!
AFTER I CHANGED THE PORT IN ALL THE WEBSITE, NO MORE APPLICATION USE PORT 80 ANYMORE

teddy@teddy:/etc/nginx/sites-enabled$ sudo netstat -plntu | grep ':80'
tcp        0      0 0.0.0.0:8080            0.0.0.0:*               LISTEN      30008/nginx -g daem
tcp6       0      0 :::8080                 :::*                    LISTEN      30008/nginx -g daem

teddy@teddy:/etc/nginx/sites-enabled$ sudo netstat -plntu | grep ':80'

tcp 0 0 0.0.0.0:8080 0.0.0.0:* LISTEN 30008/nginx -g daem

tcp6 0 0 :::8080 :::* LISTEN 30008/nginx -g daem

teddy@teddy:/etc/nginx/sites-enabled$ sudo netstat -plntu | grep nginx
tcp        0      0 0.0.0.0:8080            0.0.0.0:*               LISTEN      30008/nginx -g daem
tcp6       0      0 :::8080                 :::*                    LISTEN      30008/nginx -g daem

teddy@teddy:/etc/nginx/sites-enabled$ sudo netstat -plntu | grep nginx

tcp 0 0 0.0.0.0:8080 0.0.0.0:* LISTEN 30008/nginx -g daem

tcp6 0 0 :::8080 :::* LISTEN 30008/nginx -g daem

Nginx is using port 8080 now. I can start varnish and check the status:

teddy@teddy:/etc/nginx/sites-enabled$ sudo service varnish start
teddy@teddy:/etc/nginx/sites-enabled$ sudo service varnish status
● varnish.service - Varnish HTTP accelerator
   Loaded: loaded (/etc/systemd/system/varnish.service; enabled; vendor preset: enabled)
   Active: active (running) since Jum 2019-02-08 14:02:22 WIB; 4s ago
     Docs: https://www.varnish-cache.org/docs/4.1/
           man:varnishd
  Process: 19051 ExecReload=/usr/share/varnish/reload-vcl (code=exited, status=0/SUCCESS)
 Main PID: 30257 (varnishd)
   CGroup: /system.slice/varnish.service
           ├─30257 /usr/sbin/varnishd -j unix,user=vcache -F -a :80 -T localhost:6082 -f /etc/varn
           └─30267 /usr/sbin/varnishd -j unix,user=vcache -F -a :80 -T localhost:6082 -f /etc/varn

Peb 08 14:02:22 teddy systemd[1]: Started Varnish HTTP accelerator.
Peb 08 14:02:23 teddy varnishd[30257]: Debug: Platform: Linux,4.15.0-38-generic,x86_64,-junix,-sma
Peb 08 14:02:23 teddy varnishd[30257]: Platform: Linux,4.15.0-38-generic,x86_64,-junix,-smalloc,-s
Peb 08 14:02:23 teddy varnishd[30257]: Debug: Child (30267) Started
Peb 08 14:02:23 teddy varnishd[30257]: Child (30267) Started
Peb 08 14:02:23 teddy varnishd[30257]: Info: Child (30267) said Child starts
Peb 08 14:02:23 teddy varnishd[30257]: Child (30267) said Child starts

teddy@teddy:/etc/nginx/sites-enabled$ sudo service varnish start

teddy@teddy:/etc/nginx/sites-enabled$ sudo service varnish status

● varnish.service - Varnish HTTP accelerator

Loaded: loaded (/etc/systemd/system/varnish.service; enabled; vendor preset: enabled)

Active: active (running) since Jum 2019-02-08 14:02:22 WIB; 4s ago

Docs: https://www.varnish-cache.org/docs/4.1/

man:varnishd

Process: 19051 ExecReload=/usr/share/varnish/reload-vcl (code=exited, status=0/SUCCESS)

Main PID: 30257 (varnishd)

CGroup: /system.slice/varnish.service

├─30257 /usr/sbin/varnishd -j unix,user=vcache -F -a :80 -T localhost:6082 -f /etc/varn

└─30267 /usr/sbin/varnishd -j unix,user=vcache -F -a :80 -T localhost:6082 -f /etc/varn

Peb 08 14:02:22 teddy systemd[1]: Started Varnish HTTP accelerator.

Peb 08 14:02:23 teddy varnishd[30257]: Debug: Platform: Linux,4.15.0-38-generic,x86_64,-junix,-sma

Peb 08 14:02:23 teddy varnishd[30257]: Platform: Linux,4.15.0-38-generic,x86_64,-junix,-smalloc,-s

Peb 08 14:02:23 teddy varnishd[30257]: Debug: Child (30267) Started

Peb 08 14:02:23 teddy varnishd[30257]: Child (30267) Started

Peb 08 14:02:23 teddy varnishd[30257]: Info: Child (30267) said Child starts

Peb 08 14:02:23 teddy varnishd[30257]: Child (30267) said Child starts

NOTE: TO RUN THE OTHERS RUNNING WEBSITE (WITHOUT VARNISH RUINNING) THAT IT HAD BEEN WORKING PREVIOUSLY, I NEED TO ADD THE PORT 8080 AT THE END OF THE URL. FOR EXAMPLE:
http://localhost:8080/phpinfo.php
http://notarisfemira.test:8080/
http://phpmyadmin.test:8080

Now visit the IP of your web page and you should see nothing has changed. However, when you run it through the HTTP checker we used before, you should see that the headers have changed.
http://fontaineind.test/ –> First time run about 20 seconds

Request URL: http://fontaineind.test/
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade
Accept-Ranges: bytes
Age: 0
Cache-Control: max-age=0, must-revalidate, no-cache, no-store
Connection: keep-alive
Content-Encoding: gzip
Content-Type: text/html; charset=UTF-8
Date: Fri, 08 Feb 2019 07:06:16 GMT
Expires: Thu, 08 Feb 2018 07:06:16 GMT
Pragma: no-cache
Server: nginx/1.10.3 (Ubuntu)
Set-Cookie: X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; path=/; HttpOnly
Transfer-Encoding: chunked
Vary: Accept-Encoding
Via: 1.1 varnish-v4
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-Varnish: 11
X-XSS-Protection: 1; mode=block
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.9
Cache-Control: no-cache
Connection: keep-alive
Cookie: _ga=GA1.2.153436117.1539751926; __zlcmid=ovhiooeabcbDF8; fastest-popup=true; __atuvc=1%7C48%2C1%7C49; persistent_shopping_cart=1KnMotS8bUecwuFfLz4ZWnjaHxkFBegbdLoTMPtSV1vnmhuz8m; PHPSESSID=a81ae6cda46l21cvknvu7prsb3; form_key=tcwxhKGXlLxlM34K; _gid=GA1.2.1663350196.1549590795; mage-translation-storage=%7B%7D; mage-translation-file-version=%7B%7D; mage-cache-storage=%7B%7D; mage-cache-storage-section-invalidation=%7B%7D; _hjIncludedInSample=1; mage-cache-sessid=true; X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; mage-messages=; private_content_version=f2172c778c79ea181e3586015b2ef162; section_data_ids=%7B%22cart%22%3A1549592685%2C%22wishlist%22%3A1549592684%2C%22last-ordered-items%22%3A1549592684%2C%22customer%22%3A1549590799%2C%22compare-products%22%3A1549590799%2C%22directory-data%22%3A1549590799%2C%22review%22%3A1549590799%2C%22crosssell_products%22%3A1549590799%2C%22paypal-billing-agreement%22%3A1549590799%7D
Host: fontaineind.test
Pragma: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36

Request URL: http://fontaineind.test/

Request Method: GET

Status Code: 200 OK

Remote Address: 127.0.0.1:80

Referrer Policy: no-referrer-when-downgrade

Accept-Ranges: bytes

Age: 0

Cache-Control: max-age=0, must-revalidate, no-cache, no-store

Connection: keep-alive

Content-Encoding: gzip

Content-Type: text/html; charset=UTF-8

Date: Fri, 08 Feb 2019 07:06:16 GMT

Expires: Thu, 08 Feb 2018 07:06:16 GMT

Pragma: no-cache

Server: nginx/1.10.3 (Ubuntu)

Set-Cookie: X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; path=/; HttpOnly

Transfer-Encoding: chunked

Vary: Accept-Encoding

Via: 1.1 varnish-v4

X-Content-Type-Options: nosniff

X-Frame-Options: SAMEORIGIN

X-Varnish: 11

X-XSS-Protection: 1; mode=block

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8

Accept-Encoding: gzip, deflate

Accept-Language: en-US,en;q=0.9

Cache-Control: no-cache

Connection: keep-alive

Cookie: _ga=GA1.2.153436117.1539751926; __zlcmid=ovhiooeabcbDF8; fastest-popup=true; __atuvc=1%7C48%2C1%7C49; persistent_shopping_cart=1KnMotS8bUecwuFfLz4ZWnjaHxkFBegbdLoTMPtSV1vnmhuz8m; PHPSESSID=a81ae6cda46l21cvknvu7prsb3; form_key=tcwxhKGXlLxlM34K; _gid=GA1.2.1663350196.1549590795; mage-translation-storage=%7B%7D; mage-translation-file-version=%7B%7D; mage-cache-storage=%7B%7D; mage-cache-storage-section-invalidation=%7B%7D; _hjIncludedInSample=1; mage-cache-sessid=true; X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; mage-messages=; private_content_version=f2172c778c79ea181e3586015b2ef162; section_data_ids=%7B%22cart%22%3A1549592685%2C%22wishlist%22%3A1549592684%2C%22last-ordered-items%22%3A1549592684%2C%22customer%22%3A1549590799%2C%22compare-products%22%3A1549590799%2C%22directory-data%22%3A1549590799%2C%22review%22%3A1549590799%2C%22crosssell_products%22%3A1549590799%2C%22paypal-billing-agreement%22%3A1549590799%7D

Host: fontaineind.test

Pragma: no-cache

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36

The second run (refresh) about 9 seconds

Request URL: http://fontaineind.test/
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade
Accept-Ranges: bytes
Age: 0
Cache-Control: max-age=0, must-revalidate, no-cache, no-store
Connection: keep-alive
Content-Encoding: gzip
Content-Type: text/html; charset=UTF-8
Date: Fri, 08 Feb 2019 07:09:41 GMT
Expires: Thu, 08 Feb 2018 07:06:16 GMT
Pragma: no-cache
Server: nginx/1.10.3 (Ubuntu)
Set-Cookie: X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; path=/; HttpOnly
Transfer-Encoding: chunked
Vary: Accept-Encoding
Via: 1.1 varnish-v4
X-Cache-Warmer: HIT
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-Varnish: 32841
X-XSS-Protection: 1; mode=block
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.9
Cache-Control: no-cache
Connection: keep-alive
Cookie: _ga=GA1.2.153436117.1539751926; __zlcmid=ovhiooeabcbDF8; fastest-popup=true; __atuvc=1%7C48%2C1%7C49; persistent_shopping_cart=1KnMotS8bUecwuFfLz4ZWnjaHxkFBegbdLoTMPtSV1vnmhuz8m; PHPSESSID=a81ae6cda46l21cvknvu7prsb3; form_key=tcwxhKGXlLxlM34K; _gid=GA1.2.1663350196.1549590795; mage-translation-storage=%7B%7D; mage-translation-file-version=%7B%7D; mage-cache-storage=%7B%7D; mage-cache-storage-section-invalidation=%7B%7D; _hjIncludedInSample=1; mage-cache-sessid=true; X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; mage-messages=; private_content_version=ec5f01fcb88dd0469d065a446f519922; section_data_ids=%7B%22cart%22%3A1549609584%2C%22wishlist%22%3A1549609582%2C%22last-ordered-items%22%3A1549609582%2C%22customer%22%3A1549609582%2C%22compare-products%22%3A1549609582%2C%22directory-data%22%3A1549609584%2C%22review%22%3A1549609582%2C%22crosssell_products%22%3A1549609582%2C%22paypal-billing-agreement%22%3A1549609582%7D
Host: fontaineind.test
Pragma: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36

Request URL: http://fontaineind.test/

Request Method: GET

Status Code: 200 OK

Remote Address: 127.0.0.1:80

Referrer Policy: no-referrer-when-downgrade

Accept-Ranges: bytes

Age: 0

Cache-Control: max-age=0, must-revalidate, no-cache, no-store

Connection: keep-alive

Content-Encoding: gzip

Content-Type: text/html; charset=UTF-8

Date: Fri, 08 Feb 2019 07:09:41 GMT

Expires: Thu, 08 Feb 2018 07:06:16 GMT

Pragma: no-cache

Server: nginx/1.10.3 (Ubuntu)

Set-Cookie: X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; path=/; HttpOnly

Transfer-Encoding: chunked

Vary: Accept-Encoding

Via: 1.1 varnish-v4

X-Cache-Warmer: HIT

X-Content-Type-Options: nosniff

X-Frame-Options: SAMEORIGIN

X-Varnish: 32841

X-XSS-Protection: 1; mode=block

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8

Accept-Encoding: gzip, deflate

Accept-Language: en-US,en;q=0.9

Cache-Control: no-cache

Connection: keep-alive

Cookie: _ga=GA1.2.153436117.1539751926; __zlcmid=ovhiooeabcbDF8; fastest-popup=true; __atuvc=1%7C48%2C1%7C49; persistent_shopping_cart=1KnMotS8bUecwuFfLz4ZWnjaHxkFBegbdLoTMPtSV1vnmhuz8m; PHPSESSID=a81ae6cda46l21cvknvu7prsb3; form_key=tcwxhKGXlLxlM34K; _gid=GA1.2.1663350196.1549590795; mage-translation-storage=%7B%7D; mage-translation-file-version=%7B%7D; mage-cache-storage=%7B%7D; mage-cache-storage-section-invalidation=%7B%7D; _hjIncludedInSample=1; mage-cache-sessid=true; X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; mage-messages=; private_content_version=ec5f01fcb88dd0469d065a446f519922; section_data_ids=%7B%22cart%22%3A1549609584%2C%22wishlist%22%3A1549609582%2C%22last-ordered-items%22%3A1549609582%2C%22customer%22%3A1549609582%2C%22compare-products%22%3A1549609582%2C%22directory-data%22%3A1549609584%2C%22review%22%3A1549609582%2C%22crosssell_products%22%3A1549609582%2C%22paypal-billing-agreement%22%3A1549609582%7D

Host: fontaineind.test

Pragma: no-cache

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36

NOTE: I can see some variables like X-Varnish and Age. But why Age still 0 on the refresh page? It means it miss the cache.
In magento, I already enabled Page Cache and Block HTML cache.

Configure Magento to use Varnish
To configure Magento to use Varnish:

Log in to the Magento Admin as an administrator.
Click STORES > Configuration > ADVANCED > System > Full Page Cache.
From the Caching Application list, click Varnish Cache (recommended).
Enter a value in the TTL for public content field.
Expand Varnish Configuration and enter the following information:
Access list: localhost –> 172.31.31.224 for fontaineind.com.au
Backend host: localhost –> 172.31.31.224 for fontaineind.com.au
Backend port: 8080
Then click a button ‘Export VCL for Varnish 4’ -> It’d create a file ‘varnish.vcl’ and download it.
Here is the file content:

vcl 4.0;

import std;
# The minimal Varnish version is 4.0
# For SSL offloading, pass the following header in your proxy server or load balancer: 'X-Forwarded-Proto: https'

backend default {
    .host = "localhost";
    .port = "8080";
}

acl purge {
    "localhost";
}

sub vcl_recv {
    if (req.method == "PURGE") {
        if (client.ip !~ purge) {
            return (synth(405, "Method not allowed"));
        }
        if (!req.http.X-Magento-Tags-Pattern) {
            return (synth(400, "X-Magento-Tags-Pattern header required"));
        }
        ban("obj.http.X-Magento-Tags ~ " + req.http.X-Magento-Tags-Pattern);
        return (synth(200, "Purged"));
    }

    if (req.method != "GET" &&
        req.method != "HEAD" &&
        req.method != "PUT" &&
        req.method != "POST" &&
        req.method != "TRACE" &&
        req.method != "OPTIONS" &&
        req.method != "DELETE") {
          /* Non-RFC2616 or CONNECT which is weird. */
          return (pipe);
    }

    # We only deal with GET and HEAD by default
    if (req.method != "GET" && req.method != "HEAD") {
        return (pass);
    }

    # Bypass shopping cart, checkout and search requests
    if (req.url ~ "/checkout" || req.url ~ "/catalogsearch") {
        return (pass);
    }

    # normalize url in case of leading HTTP scheme and domain
    set req.url = regsub(req.url, "^http[s]?://", "");

    # collect all cookies
    std.collect(req.http.Cookie);

    # Compression filter. See https://www.varnish-cache.org/trac/wiki/FAQ/Compression
    if (req.http.Accept-Encoding) {
        if (req.url ~ "\.(jpg|jpeg|png|gif|gz|tgz|bz2|tbz|mp3|ogg|swf|flv)$") {
            # No point in compressing these
            unset req.http.Accept-Encoding;
        } elsif (req.http.Accept-Encoding ~ "gzip") {
            set req.http.Accept-Encoding = "gzip";
        } elsif (req.http.Accept-Encoding ~ "deflate" && req.http.user-agent !~ "MSIE") {
            set req.http.Accept-Encoding = "deflate";
        } else {
            # unkown algorithm
            unset req.http.Accept-Encoding;
        }
    }

    # Remove Google gclid parameters to minimize the cache objects
    set req.url = regsuball(req.url,"\?gclid=[^&]+$",""); # strips when QS = "?gclid=AAA"
    set req.url = regsuball(req.url,"\?gclid=[^&]+&","?"); # strips when QS = "?gclid=AAA&foo=bar"
    set req.url = regsuball(req.url,"&gclid=[^&]+",""); # strips when QS = "?foo=bar&gclid=AAA" or QS = "?foo=bar&gclid=AAA&bar=baz"

    # static files are always cacheable. remove SSL flag and cookie
        if (req.url ~ "^/(pub/)?(media|static)/.*\.(ico|css|js|jpg|jpeg|png|gif|tiff|bmp|mp3|ogg|svg|swf|woff|woff2|eot|ttf|otf)$") {
        unset req.http.Https;
        unset req.http.X-Forwarded-Proto;
        unset req.http.Cookie;
    }

    return (hash);
}

sub vcl_hash {
    if (req.http.cookie ~ "X-Magento-Vary=") {
        hash_data(regsub(req.http.cookie, "^.*?X-Magento-Vary=([^;]+);*.*$", "\1"));
    }

    # For multi site configurations to not cache each other's content
    if (req.http.host) {
        hash_data(req.http.host);
    } else {
        hash_data(server.ip);
    }

    # To make sure http users don't see ssl warning
    if (req.http.X-Forwarded-Proto) {
        hash_data(req.http.X-Forwarded-Proto);
    }
    
}

sub vcl_backend_response {
    if (beresp.http.content-type ~ "text") {
        set beresp.do_esi = true;
    }

    if (bereq.url ~ "\.js$" || beresp.http.content-type ~ "text") {
        set beresp.do_gzip = true;
    }

    # cache only successfully responses and 404s
    if (beresp.status != 200 && beresp.status != 404) {
        set beresp.ttl = 0s;
        set beresp.uncacheable = true;
        return (deliver);
    } elsif (beresp.http.Cache-Control ~ "private") {
        set beresp.uncacheable = true;
        set beresp.ttl = 86400s;
        return (deliver);
    }

    if (beresp.http.X-Magento-Debug) {
        set beresp.http.X-Magento-Cache-Control = beresp.http.Cache-Control;
    }

    # validate if we need to cache it and prevent from setting cookie
    # images, css and js are cacheable by default so we have to remove cookie also
    if (beresp.ttl > 0s && (bereq.method == "GET" || bereq.method == "HEAD")) {
        unset beresp.http.set-cookie;
        if (bereq.url !~ "\.(ico|css|js|jpg|jpeg|png|gif|tiff|bmp|gz|tgz|bz2|tbz|mp3|ogg|svg|swf|woff|woff2|eot|ttf|otf)(\?|$)") {
            set beresp.http.Pragma = "no-cache";
            set beresp.http.Expires = "-1";
            set beresp.http.Cache-Control = "no-store, no-cache, must-revalidate, max-age=0";
            set beresp.grace = 1m;
        }
    }

   # If page is not cacheable then bypass varnish for 2 minutes as Hit-For-Pass
   if (beresp.ttl <= 0s ||
        beresp.http.Surrogate-control ~ "no-store" ||
        (!beresp.http.Surrogate-Control && beresp.http.Vary == "*")) {
        # Mark as Hit-For-Pass for the next 2 minutes
        set beresp.ttl = 120s;
        set beresp.uncacheable = true;
    }
    return (deliver);
}

sub vcl_deliver {
    if (resp.http.X-Magento-Debug) {
        if (resp.http.x-varnish ~ " ") {
            set resp.http.X-Magento-Cache-Debug = "HIT";
        } else {
            set resp.http.X-Magento-Cache-Debug = "MISS";
        }
    } else {
        unset resp.http.Age;
    }

    unset resp.http.X-Magento-Debug;
    unset resp.http.X-Magento-Tags;
    unset resp.http.X-Powered-By;
    unset resp.http.Server;
    unset resp.http.X-Varnish;
    unset resp.http.Via;
    unset resp.http.Link;
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

vcl 4.0;

import std;

# The minimal Varnish version is 4.0

# For SSL offloading, pass the following header in your proxy server or load balancer: 'X-Forwarded-Proto: https'

backend default {

.host = "localhost";

.port = "8080";

}

acl purge {

"localhost";

}

sub vcl_recv {

if (req.method == "PURGE") {

if (client.ip !~ purge) {

return (synth(405, "Method not allowed"));

}

if (!req.http.X-Magento-Tags-Pattern) {

return (synth(400, "X-Magento-Tags-Pattern header required"));

}

ban("obj.http.X-Magento-Tags ~ " + req.http.X-Magento-Tags-Pattern);

return (synth(200, "Purged"));

}

if (req.method != "GET" &&

req.method != "HEAD" &&

req.method != "PUT" &&

req.method != "POST" &&

req.method != "TRACE" &&

req.method != "OPTIONS" &&

req.method != "DELETE") {

/* Non-RFC2616 or CONNECT which is weird. */

return (pipe);

}

# We only deal with GET and HEAD by default

if (req.method != "GET" && req.method != "HEAD") {

return (pass);

}

# Bypass shopping cart, checkout and search requests

if (req.url ~ "/checkout" || req.url ~ "/catalogsearch") {

return (pass);

}

# normalize url in case of leading HTTP scheme and domain

set req.url = regsub(req.url, "^http[s]?://", "");

# collect all cookies

std.collect(req.http.Cookie);

# Compression filter. See https://www.varnish-cache.org/trac/wiki/FAQ/Compression

if (req.http.Accept-Encoding) {

if (req.url ~ "\.(jpg|jpeg|png|gif|gz|tgz|bz2|tbz|mp3|ogg|swf|flv)$") {

# No point in compressing these

unset req.http.Accept-Encoding;

} elsif (req.http.Accept-Encoding ~ "gzip") {

set req.http.Accept-Encoding = "gzip";

} elsif (req.http.Accept-Encoding ~ "deflate" && req.http.user-agent !~ "MSIE") {

set req.http.Accept-Encoding = "deflate";

} else {

# unkown algorithm

unset req.http.Accept-Encoding;

}

# Remove Google gclid parameters to minimize the cache objects

set req.url = regsuball(req.url,"\?gclid=[^&]+$",""); # strips when QS = "?gclid=AAA"

set req.url = regsuball(req.url,"\?gclid=[^&]+&","?"); # strips when QS = "?gclid=AAA&foo=bar"

set req.url = regsuball(req.url,"&gclid=[^&]+",""); # strips when QS = "?foo=bar&gclid=AAA" or QS = "?foo=bar&gclid=AAA&bar=baz"

# static files are always cacheable. remove SSL flag and cookie

if (req.url ~ "^/(pub/)?(media|static)/.*\.(ico|css|js|jpg|jpeg|png|gif|tiff|bmp|mp3|ogg|svg|swf|woff|woff2|eot|ttf|otf)$") {

unset req.http.Https;

unset req.http.X-Forwarded-Proto;

unset req.http.Cookie;

}

return (hash);

}

sub vcl_hash {

if (req.http.cookie ~ "X-Magento-Vary=") {

hash_data(regsub(req.http.cookie, "^.*?X-Magento-Vary=([^;]+);*.*$", "\1"));

}

# For multi site configurations to not cache each other's content

if (req.http.host) {

hash_data(req.http.host);

} else {

hash_data(server.ip);

}

# To make sure http users don't see ssl warning

if (req.http.X-Forwarded-Proto) {

hash_data(req.http.X-Forwarded-Proto);

}

sub vcl_backend_response {

if (beresp.http.content-type ~ "text") {

set beresp.do_esi = true;

}

if (bereq.url ~ "\.js$" || beresp.http.content-type ~ "text") {

set beresp.do_gzip = true;

}

# cache only successfully responses and 404s

if (beresp.status != 200 && beresp.status != 404) {

set beresp.ttl = 0s;

set beresp.uncacheable = true;

return (deliver);

} elsif (beresp.http.Cache-Control ~ "private") {

set beresp.uncacheable = true;

set beresp.ttl = 86400s;

return (deliver);

}

if (beresp.http.X-Magento-Debug) {

set beresp.http.X-Magento-Cache-Control = beresp.http.Cache-Control;

}

# validate if we need to cache it and prevent from setting cookie

# images, css and js are cacheable by default so we have to remove cookie also

if (beresp.ttl > 0s && (bereq.method == "GET" || bereq.method == "HEAD")) {

unset beresp.http.set-cookie;

if (bereq.url !~ "\.(ico|css|js|jpg|jpeg|png|gif|tiff|bmp|gz|tgz|bz2|tbz|mp3|ogg|svg|swf|woff|woff2|eot|ttf|otf)(\?|$)") {

set beresp.http.Pragma = "no-cache";

set beresp.http.Expires = "-1";

set beresp.http.Cache-Control = "no-store, no-cache, must-revalidate, max-age=0";

set beresp.grace = 1m;

}

# If page is not cacheable then bypass varnish for 2 minutes as Hit-For-Pass

if (beresp.ttl <= 0s ||

beresp.http.Surrogate-control ~ "no-store" ||

(!beresp.http.Surrogate-Control && beresp.http.Vary == "*")) {

# Mark as Hit-For-Pass for the next 2 minutes

set beresp.ttl = 120s;

set beresp.uncacheable = true;

}

return (deliver);

}

sub vcl_deliver {

if (resp.http.X-Magento-Debug) {

if (resp.http.x-varnish ~ " ") {

set resp.http.X-Magento-Cache-Debug = "HIT";

} else {

set resp.http.X-Magento-Cache-Debug = "MISS";

}

} else {

unset resp.http.Age;

}

unset resp.http.X-Magento-Debug;

unset resp.http.X-Magento-Tags;

unset resp.http.X-Powered-By;

unset resp.http.Server;

unset resp.http.X-Varnish;

unset resp.http.Via;

unset resp.http.Link;

}

SO I need to modify the content of /etc/varnish/default.vcl according to this varnish.vcl.

teddy@teddy:/etc/nginx/sites-enabled$ sudo gedit /etc/varnish/default.vcl

1	teddy@teddy:/etc/nginx/sites-enabled$ sudo gedit /etc/varnish/default.vcl

Just copy and paste all content of varnish.vcl to all content in /etc/varnish/default.vcl. Then restart varnish: sudo service varnish restart
NOTE: IN THE DEV SERVER, I PREFER TO DISPLAY THE X-VARNISH AND AGE VARIABLES. SO I MODIFIED /etc/varnish/default.vcl LIKE THIS:

...
sub vcl_deliver {
    if (resp.http.X-Magento-Debug) {
        if (resp.http.x-varnish ~ " ") {
            set resp.http.X-Magento-Cache-Debug = "HIT";
        } else {
            set resp.http.X-Magento-Cache-Debug = "MISS";
        }
    } else {
        #unset resp.http.Age;
    }

    unset resp.http.X-Magento-Debug;
    unset resp.http.X-Magento-Tags;
    unset resp.http.X-Powered-By;
    unset resp.http.Server;
    #unset resp.http.X-Varnish;
    unset resp.http.Via;
    unset resp.http.Link;
}

...

sub vcl_deliver {

if (resp.http.X-Magento-Debug) {

if (resp.http.x-varnish ~ " ") {

set resp.http.X-Magento-Cache-Debug = "HIT";

} else {

set resp.http.X-Magento-Cache-Debug = "MISS";

}

} else {

#unset resp.http.Age;

}

unset resp.http.X-Magento-Debug;

unset resp.http.X-Magento-Tags;

unset resp.http.X-Powered-By;

unset resp.http.Server;

#unset resp.http.X-Varnish;

unset resp.http.Via;

unset resp.http.Link;

}

I also modified /home/teddy/Documents/works/fontaineind/app/etc/env.php to include the varnish setting:

'http_cache_hosts' => 
  array (
    0 => 
    array (
      'host' => 'localhost',
      'port' => '80',
    ),
  ),

'http_cache_hosts' =>

array (

0 =>

array (

'host' => 'localhost',

'port' => '80',

clear and flush the cache. BUT Age still 0 !!!! EVEN WEIRDS, WHEN I CHANGED IN THE MAGENTO ADMIN THAT CACHE APPLICATION IS VARNISH THEN REFRESH THE WEBSITE (ALSO RESTART VARNISH), I GOT THE PAGE LOAD SLOWER!!! WHY?? –> SOLUTION: I NEED TO EXPORT VCL FILE LIKE ABOVE AND COPY THE CONTENT INTO /etc/varnish/default.vcl

NOW THE VARNISH IS WORKING!!!
THE SECOND AND MORE REFRESH WOULD MAKE THE PAGE LOAD FASTER. HERE IS THE RESPONSE:

Request URL: http://fontaineind.test/
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade
Accept-Ranges: bytes
Age: 42
Cache-Control: no-store, no-cache, must-revalidate, max-age=0
Connection: keep-alive
Content-Encoding: gzip
Content-Length: 117914
Content-Type: text/html; charset=UTF-8
Date: Fri, 08 Feb 2019 08:03:16 GMT
Expires: -1
Pragma: no-cache
Vary: Accept-Encoding
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-Varnish: 131131 3
X-XSS-Protection: 1; mode=block
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.9
Cache-Control: no-cache
Connection: keep-alive
Cookie: _ga=GA1.2.153436117.1539751926; __zlcmid=ovhiooeabcbDF8; fastest-popup=true; __atuvc=1%7C48%2C1%7C49; persistent_shopping_cart=1KnMotS8bUecwuFfLz4ZWnjaHxkFBegbdLoTMPtSV1vnmhuz8m; PHPSESSID=a81ae6cda46l21cvknvu7prsb3; form_key=tcwxhKGXlLxlM34K; _gid=GA1.2.1663350196.1549590795; mage-translation-storage=%7B%7D; mage-translation-file-version=%7B%7D; mage-cache-storage=%7B%7D; mage-cache-storage-section-invalidation=%7B%7D; _hjIncludedInSample=1; mage-cache-sessid=true; X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; mage-messages=; _gat=1; private_content_version=54b5be8fb7f0610fc48d2534a06f1e50; section_data_ids=%7B%22cart%22%3A1549613003%2C%22wishlist%22%3A1549613001%2C%22last-ordered-items%22%3A1549613001%2C%22customer%22%3A1549609582%2C%22compare-products%22%3A1549609582%2C%22directory-data%22%3A1549609584%2C%22review%22%3A1549609582%2C%22crosssell_products%22%3A1549609582%2C%22paypal-billing-agreement%22%3A1549609582%7D
Host: fontaineind.test
Pragma: no-cache
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36

Request URL: http://fontaineind.test/

Request Method: GET

Status Code: 200 OK

Remote Address: 127.0.0.1:80

Referrer Policy: no-referrer-when-downgrade

Accept-Ranges: bytes

Age: 42

Cache-Control: no-store, no-cache, must-revalidate, max-age=0

Connection: keep-alive

Content-Encoding: gzip

Content-Length: 117914

Content-Type: text/html; charset=UTF-8

Date: Fri, 08 Feb 2019 08:03:16 GMT

Expires: -1

Pragma: no-cache

Vary: Accept-Encoding

X-Content-Type-Options: nosniff

X-Frame-Options: SAMEORIGIN

X-Varnish: 131131 3

X-XSS-Protection: 1; mode=block

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8

Accept-Encoding: gzip, deflate

Accept-Language: en-US,en;q=0.9

Cache-Control: no-cache

Connection: keep-alive

Cookie: _ga=GA1.2.153436117.1539751926; __zlcmid=ovhiooeabcbDF8; fastest-popup=true; __atuvc=1%7C48%2C1%7C49; persistent_shopping_cart=1KnMotS8bUecwuFfLz4ZWnjaHxkFBegbdLoTMPtSV1vnmhuz8m; PHPSESSID=a81ae6cda46l21cvknvu7prsb3; form_key=tcwxhKGXlLxlM34K; _gid=GA1.2.1663350196.1549590795; mage-translation-storage=%7B%7D; mage-translation-file-version=%7B%7D; mage-cache-storage=%7B%7D; mage-cache-storage-section-invalidation=%7B%7D; _hjIncludedInSample=1; mage-cache-sessid=true; X-Magento-Vary=1824d10cc0bdb1434527d6e3f2eb93ec93279e70; mage-messages=; _gat=1; private_content_version=54b5be8fb7f0610fc48d2534a06f1e50; section_data_ids=%7B%22cart%22%3A1549613003%2C%22wishlist%22%3A1549613001%2C%22last-ordered-items%22%3A1549613001%2C%22customer%22%3A1549609582%2C%22compare-products%22%3A1549609582%2C%22directory-data%22%3A1549609584%2C%22review%22%3A1549609582%2C%22crosssell_products%22%3A1549609582%2C%22paypal-billing-agreement%22%3A1549609582%7D

Host: fontaineind.test

Pragma: no-cache

Upgrade-Insecure-Requests: 1

User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.81 Safari/537.36

SEE THE AGE = 42 AND X-Varnish: 131131 3

Symfony 4 Blog

Ref: http://tutorials.mustangx.org/tutorials/create-advanced-blog-symfony-4-p1-2/

Getting Started with Symfony 4.x
There has been a lot of changes made for Symfony 4, seems to be ok though. I was quite confused, mainly the file structure of Symfony 3 is what I was used to. Then I discovered a nice and quick tutorial with the title Beginners Symfony 4 Tutorial.

The file structure has change if you are developing a web application. There are many, many changes that I may not catch as we move through this.

Step 1 – Symfony Website Skeleton
I am not going to detail this part, if you need that go to the link above.

teddy@teddy:~/Documents/works/symfony4$ composer create-project symfony/website-skeleton symfony4-blog
Installing symfony/website-skeleton (v4.2.3.1)
  - Installing symfony/website-skeleton (v4.2.3.1): Downloading (100%)         
Created project in symfony4-blog
Loading composer repositories with package information
Installing dependencies (including require-dev) from lock file
Package operations: 99 installs, 0 updates, 0 removals
  - Installing ocramius/package-versions (1.3.0): Downloading (100%)         
  - Installing symfony/flex (v1.1.8): Downloading (100%)         
Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Prefetching 74 packages 🎶
  - Downloading (100%)

  - Installing symfony/polyfill-mbstring (v1.10.0): Loading from cache
  - Installing symfony/contracts (v1.0.2): Loading from cache
  - Installing doctrine/lexer (v1.0.1): Loading from cache
  - Installing doctrine/annotations (v1.6.0): Loading from cache
  - Installing doctrine/reflection (v1.0.0): Loading from cache
  - Installing doctrine/event-manager (v1.0.0): Loading from cache
  - Installing doctrine/collections (v1.5.0): Loading from cache
  - Installing doctrine/cache (v1.8.0): Loading from cache
  - Installing doctrine/persistence (v1.1.0): Loading from cache
  - Installing symfony/doctrine-bridge (v4.2.3): Loading from cache
  - Installing doctrine/inflector (v1.3.0): Loading from cache
  - Installing doctrine/doctrine-cache-bundle (1.3.5): Loading from cache
  - Installing doctrine/instantiator (1.1.0): Loading from cache
  - Installing symfony/stopwatch (v4.2.3): Loading from cache
  - Installing symfony/console (v4.2.3): Loading from cache
  - Installing zendframework/zend-eventmanager (3.2.1): Loading from cache
  - Installing zendframework/zend-code (3.3.1): Loading from cache
  - Installing ocramius/proxy-manager (2.1.1): Loading from cache
  - Installing doctrine/dbal (v2.9.2): Loading from cache
  - Installing doctrine/migrations (v2.0.0): Loading from cache
  - Installing egulias/email-validator (2.1.7): Loading from cache
  - Installing jdorn/sql-formatter (v1.2.17): Loading from cache
  - Installing phpdocumentor/reflection-common (1.0.1): Loading from cache
  - Installing phpdocumentor/type-resolver (0.4.0): Loading from cache
  - Installing psr/cache (1.0.1): Loading from cache
  - Installing psr/container (1.0.0): Loading from cache
  - Installing psr/simple-cache (1.0.1): Loading from cache
  - Installing symfony/http-foundation (v4.2.3): Loading from cache
  - Installing symfony/event-dispatcher (v4.2.3): Loading from cache
  - Installing psr/log (1.1.0): Loading from cache
  - Installing symfony/debug (v4.2.3): Loading from cache
  - Installing symfony/http-kernel (v4.2.3): Loading from cache
  - Installing symfony/routing (v4.2.3): Loading from cache
  - Installing symfony/finder (v4.2.3): Loading from cache
  - Installing symfony/filesystem (v4.2.3): Loading from cache
  - Installing symfony/dependency-injection (v4.2.3): Loading from cache
  - Installing symfony/config (v4.2.3): Loading from cache
  - Installing symfony/var-exporter (v4.2.3): Loading from cache
  - Installing symfony/cache (v4.2.3): Loading from cache
  - Installing symfony/framework-bundle (v4.2.3): Loading from cache
  - Installing doctrine/common (v2.10.0): Loading from cache
  - Installing sensio/framework-extra-bundle (v5.2.4): Loading from cache
  - Installing symfony/asset (v4.2.3): Loading from cache
  - Installing symfony/dotenv (v4.2.3): Loading from cache
  - Installing symfony/expression-language (v4.2.3): Loading from cache
  - Installing symfony/inflector (v4.2.3): Loading from cache
  - Installing symfony/property-access (v4.2.3): Loading from cache
  - Installing symfony/options-resolver (v4.2.3): Loading from cache
  - Installing symfony/intl (v4.2.3): Loading from cache
  - Installing symfony/polyfill-intl-icu (v1.10.0): Loading from cache
  - Installing symfony/form (v4.2.3): Loading from cache
  - Installing monolog/monolog (1.24.0): Loading from cache
  - Installing symfony/monolog-bridge (v4.2.3): Loading from cache
  - Installing doctrine/orm (v2.6.3): Loading from cache
  - Installing doctrine/doctrine-bundle (1.10.1): Loading from cache
  - Installing doctrine/doctrine-migrations-bundle (v2.0.0): Loading from cache
  - Installing symfony/orm-pack (v1.0.6): Loading from cache
  - Installing symfony/security-core (v4.2.3): Loading from cache
  - Installing symfony/security-http (v4.2.3): Loading from cache
  - Installing symfony/security-guard (v4.2.3): Loading from cache
  - Installing symfony/security-csrf (v4.2.3): Loading from cache
  - Installing symfony/security-bundle (v4.2.3): Loading from cache
  - Installing symfony/serializer (v4.2.3): Loading from cache
  - Installing symfony/property-info (v4.2.3): Loading from cache
  - Installing webmozart/assert (1.4.0): Loading from cache
  - Installing phpdocumentor/reflection-docblock (4.3.0): Loading from cache
  - Installing symfony/serializer-pack (v1.0.2): Loading from cache
  - Installing swiftmailer/swiftmailer (v6.1.3): Loading from cache
  - Installing symfony/swiftmailer-bundle (v3.2.5): Loading from cache
  - Installing symfony/translation (v4.2.3): Loading from cache
  - Installing twig/twig (v2.6.2): Loading from cache
  - Installing symfony/twig-bridge (v4.2.3): Loading from cache
  - Installing symfony/validator (v4.2.3): Loading from cache
  - Installing psr/link (1.0.0): Loading from cache
  - Installing fig/link-util (1.0.0): Loading from cache
  - Installing symfony/web-link (v4.2.3): Loading from cache
  - Installing symfony/yaml (v4.2.3): Loading from cache
  - Installing symfony/process (v4.2.3): Loading from cache
  - Installing facebook/webdriver (1.6.0): Loading from cache
  - Installing symfony/polyfill-php72 (v1.10.0): Loading from cache
  - Installing symfony/var-dumper (v4.2.3): Loading from cache
  - Installing symfony/twig-bundle (v4.2.3): Loading from cache
  - Installing symfony/web-profiler-bundle (v4.2.3): Loading from cache
  - Installing symfony/profiler-pack (v1.0.4): Loading from cache
  - Installing symfony/monolog-bundle (v3.3.1): Loading from cache
  - Installing symfony/debug-bundle (v4.2.3): Loading from cache
  - Installing easycorp/easy-log-handler (v1.0.7): Loading from cache
  - Installing symfony/debug-pack (v1.0.7): Loading from cache
  - Installing symfony/dom-crawler (v4.2.3): Loading from cache
  - Installing nikic/php-parser (v4.2.0): Loading from cache
  - Installing symfony/maker-bundle (v1.11.3): Loading from cache
  - Installing symfony/phpunit-bridge (v4.2.3): Loading from cache
  - Installing symfony/browser-kit (v4.2.3): Loading from cache
  - Installing symfony/panther (v0.2.0): Loading from cache
  - Installing symfony/css-selector (v4.2.3): Loading from cache
  - Installing symfony/test-pack (v1.0.5): Loading from cache
  - Installing symfony/web-server-bundle (v4.2.3): Loading from cache
Generating autoload files
ocramius/package-versions:  Generating version class...
ocramius/package-versions: ...done generating version class
Symfony operations: 21 recipes (b3986ed40336733aed65b5bbdded81f4)
  - Configuring symfony/flex (>=1.0): From github.com/symfony/recipes:master
  - Configuring symfony/framework-bundle (>=4.2): From github.com/symfony/recipes:master
  - Configuring doctrine/annotations (>=1.0): From github.com/symfony/recipes:master
  - Configuring doctrine/doctrine-cache-bundle (>=1.3.5): From auto-generated recipe
  - Configuring symfony/console (>=3.3): From github.com/symfony/recipes:master
  - Configuring symfony/routing (>=4.2): From github.com/symfony/recipes:master
  - Configuring sensio/framework-extra-bundle (>=5.2): From github.com/symfony/recipes:master
  - Configuring doctrine/doctrine-bundle (>=1.6): From github.com/symfony/recipes:master
  - Configuring doctrine/doctrine-migrations-bundle (>=1.2): From github.com/symfony/recipes:master
  - Configuring symfony/security-bundle (>=3.3): From github.com/symfony/recipes:master
  - Configuring symfony/swiftmailer-bundle (>=2.5): From github.com/symfony/recipes:master
  - Configuring symfony/translation (>=3.3): From github.com/symfony/recipes:master
  - Configuring symfony/validator (>=4.1): From github.com/symfony/recipes:master
  - Configuring symfony/twig-bundle (>=3.3): From github.com/symfony/recipes:master
  - Configuring symfony/web-profiler-bundle (>=3.3): From github.com/symfony/recipes:master
  - Configuring symfony/monolog-bundle (>=3.1): From github.com/symfony/recipes:master
  - Configuring symfony/debug-bundle (>=4.1): From github.com/symfony/recipes:master
  - Configuring easycorp/easy-log-handler (>=1.0): From github.com/symfony/recipes:master
  - Configuring symfony/maker-bundle (>=1.0): From github.com/symfony/recipes:master
  - Configuring symfony/phpunit-bridge (>=4.1): From github.com/symfony/recipes:master
  - Configuring symfony/web-server-bundle (>=3.3): From github.com/symfony/recipes:master
Executing script cache:clear [OK]
Executing script assets:install public [OK]

Some files may have been created or updated to configure your new packages.
Please review, edit and commit them: these files are yours.

              
 What's next? 
              

  * Run your application:
    1. Change to the project directory
    2. Create your code repository with the git init command
    3. Run composer require server --dev to install the development web server,
       or configure another supported web server https://symfony.com/doc/current/setup/web_server_configuration.html

  * Read the documentation at https://symfony.com/doc

                        
 Database Configuration 
                        

  * Modify your DATABASE_URL config in .env

  * Configure the driver (mysql) and
    server_version (5.7) in config/packages/doctrine.yaml

              
 How to test? 
              

  * Write test cases in the tests/ folder
  * Run php bin/phpunit

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

teddy@teddy:~/Documents/works/symfony4$ composer create-project symfony/website-skeleton symfony4-blog

Installing symfony/website-skeleton (v4.2.3.1)

- Installing symfony/website-skeleton (v4.2.3.1): Downloading (100%)

Created project in symfony4-blog

Loading composer repositories with package information

Installing dependencies (including require-dev) from lock file

Package operations: 99 installs, 0 updates, 0 removals

- Installing ocramius/package-versions (1.3.0): Downloading (100%)

- Installing symfony/flex (v1.1.8): Downloading (100%)

Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Prefetching 74 packages 🎶

- Downloading (100%)

- Installing symfony/polyfill-mbstring (v1.10.0): Loading from cache

- Installing symfony/contracts (v1.0.2): Loading from cache

- Installing doctrine/lexer (v1.0.1): Loading from cache

- Installing doctrine/annotations (v1.6.0): Loading from cache

- Installing doctrine/reflection (v1.0.0): Loading from cache

- Installing doctrine/event-manager (v1.0.0): Loading from cache

- Installing doctrine/collections (v1.5.0): Loading from cache

- Installing doctrine/cache (v1.8.0): Loading from cache

- Installing doctrine/persistence (v1.1.0): Loading from cache

- Installing symfony/doctrine-bridge (v4.2.3): Loading from cache

- Installing doctrine/inflector (v1.3.0): Loading from cache

- Installing doctrine/doctrine-cache-bundle (1.3.5): Loading from cache

- Installing doctrine/instantiator (1.1.0): Loading from cache

- Installing symfony/stopwatch (v4.2.3): Loading from cache

- Installing symfony/console (v4.2.3): Loading from cache

- Installing zendframework/zend-eventmanager (3.2.1): Loading from cache

- Installing zendframework/zend-code (3.3.1): Loading from cache

- Installing ocramius/proxy-manager (2.1.1): Loading from cache

- Installing doctrine/dbal (v2.9.2): Loading from cache

- Installing doctrine/migrations (v2.0.0): Loading from cache

- Installing egulias/email-validator (2.1.7): Loading from cache

- Installing jdorn/sql-formatter (v1.2.17): Loading from cache

- Installing phpdocumentor/reflection-common (1.0.1): Loading from cache

- Installing phpdocumentor/type-resolver (0.4.0): Loading from cache

- Installing psr/cache (1.0.1): Loading from cache

- Installing psr/container (1.0.0): Loading from cache

- Installing psr/simple-cache (1.0.1): Loading from cache

- Installing symfony/http-foundation (v4.2.3): Loading from cache

- Installing symfony/event-dispatcher (v4.2.3): Loading from cache

- Installing psr/log (1.1.0): Loading from cache

- Installing symfony/debug (v4.2.3): Loading from cache

- Installing symfony/http-kernel (v4.2.3): Loading from cache

- Installing symfony/routing (v4.2.3): Loading from cache

- Installing symfony/finder (v4.2.3): Loading from cache

- Installing symfony/filesystem (v4.2.3): Loading from cache

- Installing symfony/dependency-injection (v4.2.3): Loading from cache

- Installing symfony/config (v4.2.3): Loading from cache

- Installing symfony/var-exporter (v4.2.3): Loading from cache

- Installing symfony/cache (v4.2.3): Loading from cache

- Installing symfony/framework-bundle (v4.2.3): Loading from cache

- Installing doctrine/common (v2.10.0): Loading from cache

- Installing sensio/framework-extra-bundle (v5.2.4): Loading from cache

- Installing symfony/asset (v4.2.3): Loading from cache

- Installing symfony/dotenv (v4.2.3): Loading from cache

- Installing symfony/expression-language (v4.2.3): Loading from cache

- Installing symfony/inflector (v4.2.3): Loading from cache

- Installing symfony/property-access (v4.2.3): Loading from cache

- Installing symfony/options-resolver (v4.2.3): Loading from cache

- Installing symfony/intl (v4.2.3): Loading from cache

- Installing symfony/polyfill-intl-icu (v1.10.0): Loading from cache

- Installing symfony/form (v4.2.3): Loading from cache

- Installing monolog/monolog (1.24.0): Loading from cache

- Installing symfony/monolog-bridge (v4.2.3): Loading from cache

- Installing doctrine/orm (v2.6.3): Loading from cache

- Installing doctrine/doctrine-bundle (1.10.1): Loading from cache

- Installing doctrine/doctrine-migrations-bundle (v2.0.0): Loading from cache

- Installing symfony/orm-pack (v1.0.6): Loading from cache

- Installing symfony/security-core (v4.2.3): Loading from cache

- Installing symfony/security-http (v4.2.3): Loading from cache

- Installing symfony/security-guard (v4.2.3): Loading from cache

- Installing symfony/security-csrf (v4.2.3): Loading from cache

- Installing symfony/security-bundle (v4.2.3): Loading from cache

- Installing symfony/serializer (v4.2.3): Loading from cache

- Installing symfony/property-info (v4.2.3): Loading from cache

- Installing webmozart/assert (1.4.0): Loading from cache

- Installing phpdocumentor/reflection-docblock (4.3.0): Loading from cache

- Installing symfony/serializer-pack (v1.0.2): Loading from cache

- Installing swiftmailer/swiftmailer (v6.1.3): Loading from cache

- Installing symfony/swiftmailer-bundle (v3.2.5): Loading from cache

- Installing symfony/translation (v4.2.3): Loading from cache

- Installing twig/twig (v2.6.2): Loading from cache

- Installing symfony/twig-bridge (v4.2.3): Loading from cache

- Installing symfony/validator (v4.2.3): Loading from cache

- Installing psr/link (1.0.0): Loading from cache

- Installing fig/link-util (1.0.0): Loading from cache

- Installing symfony/web-link (v4.2.3): Loading from cache

- Installing symfony/yaml (v4.2.3): Loading from cache

- Installing symfony/process (v4.2.3): Loading from cache

- Installing facebook/webdriver (1.6.0): Loading from cache

- Installing symfony/polyfill-php72 (v1.10.0): Loading from cache

- Installing symfony/var-dumper (v4.2.3): Loading from cache

- Installing symfony/twig-bundle (v4.2.3): Loading from cache

- Installing symfony/web-profiler-bundle (v4.2.3): Loading from cache

- Installing symfony/profiler-pack (v1.0.4): Loading from cache

- Installing symfony/monolog-bundle (v3.3.1): Loading from cache

- Installing symfony/debug-bundle (v4.2.3): Loading from cache

- Installing easycorp/easy-log-handler (v1.0.7): Loading from cache

- Installing symfony/debug-pack (v1.0.7): Loading from cache

- Installing symfony/dom-crawler (v4.2.3): Loading from cache

- Installing nikic/php-parser (v4.2.0): Loading from cache

- Installing symfony/maker-bundle (v1.11.3): Loading from cache

- Installing symfony/phpunit-bridge (v4.2.3): Loading from cache

- Installing symfony/browser-kit (v4.2.3): Loading from cache

- Installing symfony/panther (v0.2.0): Loading from cache

- Installing symfony/css-selector (v4.2.3): Loading from cache

- Installing symfony/test-pack (v1.0.5): Loading from cache

- Installing symfony/web-server-bundle (v4.2.3): Loading from cache

Generating autoload files

ocramius/package-versions: Generating version class...

ocramius/package-versions: ...done generating version class

Symfony operations: 21 recipes (b3986ed40336733aed65b5bbdded81f4)

- Configuring symfony/flex (>=1.0): From github.com/symfony/recipes:master

- Configuring symfony/framework-bundle (>=4.2): From github.com/symfony/recipes:master

- Configuring doctrine/annotations (>=1.0): From github.com/symfony/recipes:master

- Configuring doctrine/doctrine-cache-bundle (>=1.3.5): From auto-generated recipe

- Configuring symfony/console (>=3.3): From github.com/symfony/recipes:master

- Configuring symfony/routing (>=4.2): From github.com/symfony/recipes:master

- Configuring sensio/framework-extra-bundle (>=5.2): From github.com/symfony/recipes:master

- Configuring doctrine/doctrine-bundle (>=1.6): From github.com/symfony/recipes:master

- Configuring doctrine/doctrine-migrations-bundle (>=1.2): From github.com/symfony/recipes:master

- Configuring symfony/security-bundle (>=3.3): From github.com/symfony/recipes:master

- Configuring symfony/swiftmailer-bundle (>=2.5): From github.com/symfony/recipes:master

- Configuring symfony/translation (>=3.3): From github.com/symfony/recipes:master

- Configuring symfony/validator (>=4.1): From github.com/symfony/recipes:master

- Configuring symfony/twig-bundle (>=3.3): From github.com/symfony/recipes:master

- Configuring symfony/web-profiler-bundle (>=3.3): From github.com/symfony/recipes:master

- Configuring symfony/monolog-bundle (>=3.1): From github.com/symfony/recipes:master

- Configuring symfony/debug-bundle (>=4.1): From github.com/symfony/recipes:master

- Configuring easycorp/easy-log-handler (>=1.0): From github.com/symfony/recipes:master

- Configuring symfony/maker-bundle (>=1.0): From github.com/symfony/recipes:master

- Configuring symfony/phpunit-bridge (>=4.1): From github.com/symfony/recipes:master

- Configuring symfony/web-server-bundle (>=3.3): From github.com/symfony/recipes:master

Executing script cache:clear [OK]

Executing script assets:install public [OK]

Some files may have been created or updated to configure your new packages.

Please review, edit and commit them: these files are yours.

What's next?

* Run your application:

1. Change to the project directory

2. Create your code repository with the git init command

3. Run composer require server --dev to install the development web server,

or configure another supported web server https://symfony.com/doc/current/setup/web_server_configuration.html

* Read the documentation at https://symfony.com/doc

Database Configuration

* Modify your DATABASE_URL config in .env

* Configure the driver (mysql) and

server_version (5.7) in config/packages/doctrine.yaml

How to test?

* Write test cases in the tests/ folder

* Run php bin/phpunit

Step 2 – Change into your new directory:

teddy@teddy:~/Documents/works/symfony4$ cd symfony4-blog/
teddy@teddy:~/Documents/works/symfony4/symfony4-blog$

1 2	teddy@teddy:~/Documents/works/symfony4$ cd symfony4-blog/ teddy@teddy:~/Documents/works/symfony4/symfony4-blog$

Step 3 – Install the Symfony Web Server Bundle: (NO NEED)

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ composer require server --dev
Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache
Restricting packages listed in "symfony/symfony" to "4.2.*"
./composer.json has been updated
Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache
Loading composer repositories with package information
Updating dependencies (including require-dev)
Restricting packages listed in "symfony/symfony" to "4.2.*"
Nothing to install or update
Generating autoload files
ocramius/package-versions:  Generating version class...
ocramius/package-versions: ...done generating version class
Executing script cache:clear [OK]
Executing script assets:install public [OK]

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ composer require server --dev

Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Restricting packages listed in "symfony/symfony" to "4.2.*"

./composer.json has been updated

Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Loading composer repositories with package information

Updating dependencies (including require-dev)

Restricting packages listed in "symfony/symfony" to "4.2.*"

Nothing to install or update

Generating autoload files

ocramius/package-versions: Generating version class...

ocramius/package-versions: ...done generating version class

Executing script cache:clear [OK]

Executing script assets:install public [OK]

Step 4 – Now let’s fire up the web server

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console server:start

                                                                                
 [OK] Server listening on http://127.0.0.1:8000

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console server:start

[OK] Server listening on http://127.0.0.1:8000

OR CAN USE PHP SERVER CLI : php bin/console server:run

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console server:run 
                                                                                
 [OK] Server listening on http://127.0.0.1:8000                                 
                                                                                

 // Quit the server with CONTROL-C.                                             

PHP 7.2.14-1+ubuntu16.04.1+deb.sury.org+1 Development Server started at Thu Feb  7 10:00:54 2019
Listening on http://127.0.0.1:8000
Document root is /home/teddy/Documents/works/symfony4/symfony4-blog/public
Press Ctrl-C to quit.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console server:run

[OK] Server listening on http://127.0.0.1:8000

// Quit the server with CONTROL-C.

PHP 7.2.14-1+ubuntu16.04.1+deb.sury.org+1 Development Server started at Thu Feb 7 10:00:54 2019

Listening on http://127.0.0.1:8000

Document root is /home/teddy/Documents/works/symfony4/symfony4-blog/public

Press Ctrl-C to quit.

That command will start the server and this one will stop it.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console server:stop

                                                                                
 [OK] Stopped the web server.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console server:stop

[OK] Stopped the web server.

Note: You do not need to have any other server running. It may cause problems.

Create an .htaccess file (FOR APACHE WEBSERVER)
Mein is like this. Test it out and see if it works for you.

Now COPY & PASTE the following:

# Enable rewrite engine and route requests to framework
RewriteEngine On
RewriteBase /
  
RewriteCond %{REQUEST_URI} ^/robots.txt
RewriteRule ^(.*)$ /public/robots.txt [L]
  
# resources
RewriteCond %{REQUEST_URI} ^/images/ [OR]
RewriteCond %{REQUEST_URI} ^/js/ [OR]
  
RewriteCond %{REQUEST_URI} ^/fonts/ [OR]
RewriteCond %{REQUEST_URI} ^/css/
RewriteRule ^(.*)$ /public/$1 [L]
  
RewriteCond %{REQUEST_URI} !^/public/
RewriteRule ^(.*)$ /public/$1 [QSA,L]

# Enable rewrite engine and route requests to framework

RewriteEngine On

RewriteBase /

RewriteCond %{REQUEST_URI} ^/robots.txt

RewriteRule ^(.*)$ /public/robots.txt [L]

# resources

RewriteCond %{REQUEST_URI} ^/images/ [OR]

RewriteCond %{REQUEST_URI} ^/js/ [OR]

RewriteCond %{REQUEST_URI} ^/fonts/ [OR]

RewriteCond %{REQUEST_URI} ^/css/

RewriteRule ^(.*)$ /public/$1 [L]

RewriteCond %{REQUEST_URI} !^/public/

RewriteRule ^(.*)$ /public/$1 [QSA,L]

Setup the DB (MySql)
Inside the .env file (probably hidden) find this line

DATABASE_URL=mysql://db_user:db_password@127.0.0.1:3306/db_name

1	DATABASE_URL=mysql://db_user:db_password@127.0.0.1:3306/db_name

replace ‘db_user’, ‘db_password’ and ‘db_name’ according to your database credential.
SORRY, ONLY ADMIN CAN SHOW THIS!
Once that’s done, we need to do this (make sure you have the correct db info added first):

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console doctrine:database:create
Created database `sf4_blog` for connection named default

1 2	teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console doctrine:database:create Created database `sf4_blog` for connection named default

If you already have the database, it’d show this error:

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console doctrine:database:create
Could not create database `sf4_blog` for connection named default
An exception occurred while executing 'CREATE DATABASE `sf4_blog`':

SQLSTATE[HY000]: General error: 1007 Can't create database 'sf4_blog'; database exists

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console doctrine:database:create

Could not create database `sf4_blog` for connection named default

An exception occurred while executing 'CREATE DATABASE `sf4_blog`':

SQLSTATE[HY000]: General error: 1007 Can't create database 'sf4_blog'; database exists

Auto Versioning setup
Get the auto versioning setup first.
NOTE: This has changed and is easier to install thanks to Flex.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ composer update
Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache
Loading composer repositories with package information
Updating dependencies (including require-dev)
Restricting packages listed in "symfony/symfony" to "4.2.*"
Package operations: 0 installs, 1 update, 0 removals
  - Updating ocramius/proxy-manager (2.1.1 => 2.2.2): Downloading (connecting...Downloading (100%)         
Writing lock file
Generating autoload files
ocramius/package-versions:  Generating version class...

What about running composer global require symfony/thanks && composer thanks now?
This will spread some 💖  by sending a ★  to the GitHub repositories of your fellow package maintainers.

ocramius/package-versions: ...done generating version class
Executing script cache:clear [OK]
Executing script assets:install public [OK]

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ composer update

Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Loading composer repositories with package information

Updating dependencies (including require-dev)

Restricting packages listed in "symfony/symfony" to "4.2.*"

Package operations: 0 installs, 1 update, 0 removals

- Updating ocramius/proxy-manager (2.1.1 => 2.2.2): Downloading (connecting...Downloading (100%)

Writing lock file

Generating autoload files

ocramius/package-versions: Generating version class...

What about running composer global require symfony/thanks && composer thanks now?

This will spread some 💖 by sending a ★ to the GitHub repositories of your fellow package maintainers.

ocramius/package-versions: ...done generating version class

Executing script cache:clear [OK]

Executing script assets:install public [OK]

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ composer require shivas/versioning-bundle
Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache
Using version ^3.1 for shivas/versioning-bundle
./composer.json has been updated
Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache
Loading composer repositories with package information
Updating dependencies (including require-dev)
Restricting packages listed in "symfony/symfony" to "4.2.*"

Prefetching 2 packages 🎶
  - Downloading (100%)

Package operations: 2 installs, 0 updates, 0 removals
  - Installing nikolaposa/version (2.2.2): Loading from cache
  - Installing shivas/versioning-bundle (3.1.3): Loading from cache
Writing lock file
Generating autoload files
ocramius/package-versions:  Generating version class...
ocramius/package-versions: ...done generating version class
Symfony operations: 1 recipe (2a272251fc87f1a8e5906923edd9fdc4)
  - Configuring shivas/versioning-bundle (>=3.1.3): From auto-generated recipe
Executing script cache:clear [OK]
Executing script assets:install public [OK]

Some files may have been created or updated to configure your new packages.
Please review, edit and commit them: these files are yours.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ composer require shivas/versioning-bundle

Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Using version ^3.1 for shivas/versioning-bundle

./composer.json has been updated

Cannot create cache directory /home/teddy/.composer/cache/repo/https---flex.symfony.com/, or directory is not writable. Proceeding without cache

Loading composer repositories with package information

Updating dependencies (including require-dev)

Restricting packages listed in "symfony/symfony" to "4.2.*"

Prefetching 2 packages 🎶

- Downloading (100%)

Package operations: 2 installs, 0 updates, 0 removals

- Installing nikolaposa/version (2.2.2): Loading from cache

- Installing shivas/versioning-bundle (3.1.3): Loading from cache

Writing lock file

Generating autoload files

ocramius/package-versions: Generating version class...

ocramius/package-versions: ...done generating version class

Symfony operations: 1 recipe (2a272251fc87f1a8e5906923edd9fdc4)

- Configuring shivas/versioning-bundle (>=3.1.3): From auto-generated recipe

Executing script cache:clear [OK]

Executing script assets:install public [OK]

Some files may have been created or updated to configure your new packages.

Please review, edit and commit them: these files are yours.

The version is automatically updated with Composer and available in your application.

# PHP
getenv('SHIVAS_APP_VERSION')

# Twig
{{ shivas_app_version }}

# PHP

getenv('SHIVAS_APP_VERSION')

# Twig

Console commands
There are two available console commands. The app:version:bump command is automatically called by Composer on every install and update.

# This will display all available version providers
bin/console app:version:list-providers

# Display a dry run of a version bump
bin/console app:version:bump -d

# This will display all available version providers

bin/console app:version:list-providers

# Display a dry run of a version bump

bin/console app:version:bump -d

Go ahead and test those two commands and see what it outputs.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console app:version:list-providers
Registered version providers
 ========== ========================================================= ========== =========== 
  Alias      Class                                                     Priority   Supported  
 ========== ========================================================= ========== =========== 
  version    Shivas\VersioningBundle\Provider\VersionProvider          100        No         
  git        Shivas\VersioningBundle\Provider\GitRepositoryProvider    -25        No         
  revision   Shivas\VersioningBundle\Provider\RevisionProvider         -50        No         
  init       Shivas\VersioningBundle\Provider\InitialVersionProvider   -75        Yes        
 ========== ========================================================= ========== ===========

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console app:version:list-providers

Registered version providers

========== ========================================================= ========== ===========

Alias Class Priority Supported

========== ========================================================= ========== ===========

version Shivas\VersioningBundle\Provider\VersionProvider 100 No

git Shivas\VersioningBundle\Provider\GitRepositoryProvider -25 No

revision Shivas\VersioningBundle\Provider\RevisionProvider -50 No

init Shivas\VersioningBundle\Provider\InitialVersionProvider -75 Yes

========== ========================================================= ========== ===========

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console app:version:bump -d
Provider: Shivas\VersioningBundle\Provider\InitialVersionProvider
Formatter: Shivas\VersioningBundle\Formatter\GitDescribeFormatter
10:16:34 WARNING   [cache] Failed to save key "version" (Version\Version) ["key" => "version","type" => "Version\Version","exception" => Symfony\Component\Cache\Exception\InvalidArgumentException { …}]
Current version: 0.1.0
New version: 0.1.1
Dry run, skipping version bump

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console app:version:bump -d

Provider: Shivas\VersioningBundle\Provider\InitialVersionProvider

Formatter: Shivas\VersioningBundle\Formatter\GitDescribeFormatter

10:16:34 WARNING [cache] Failed to save key "version" (Version\Version) ["key" => "version","type" => "Version\Version","exception" => Symfony\Component\Cache\Exception\InvalidArgumentException { …}]

Current version: 0.1.0

New version: 0.1.1

Dry run, skipping version bump

Create an Advanced Blog with Symfony 4 – part3 (FrontController)
Last Updated On March 28, 2018
Introduction
This part of the tutorial will concentrate on getting a basic Homepage/Frontpage structure setup. I opted for a typical blog look.
We will remove files and folders as well add new ones. The Controller for the homepage will be created and the basic page should be viewable at the end.

Get Twitter Bootstrap Layout
I want to have a different look this time, so we will be using some premade templates from the Startbootstrap website. The one we want is released with an MIT license.

First create the PageController
It is easy to do with Symfony 4.

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console make:controller

 Choose a name for your controller class (e.g. VictoriousPuppyController):
 > PageController

 created: src/Controller/PageController.php
 created: templates/page/index.html.twig

           
  Success! 
           

 Next: Open your new controller class and add some pages!

teddy@teddy:~/Documents/works/symfony4/symfony4-blog$ php bin/console make:controller

Choose a name for your controller class (e.g. VictoriousPuppyController):

> PageController

created: src/Controller/PageController.php

created: templates/page/index.html.twig

Success!

Next: Open your new controller class and add some pages!

Let’s see what got created for us. We have a PageController.php file in our src/Controllers folder and inside of the templates folder we have a new folder and a new file, page/index.html.twig

Now that was all I discovered. Run the server: php bin/console s:r
then open the page on http://localhost:8000/page