quasar-front-nginx.md

Quasar front in production with nginx

• https://quasar.dev/quasar-cli/installation

Pré-requis

• Avoir Quasar-Cli sur son server
• nginx
• gestion des domaines sur le serveur
• un accès ssh à un server ( ou heroku, ...)

vous trouverez facilement sur internet ;)

Mettre quasar en prod avec Nginx & ubuntu 18.04 (surment d'autre)

Créé un dossier qui va acceuillir notre projet avec quasar-cli sur notre server (vous pouvez importer un projet quasar a la place de créé un dossier mais le principe est le même a par si vous brancher un api en node par exemple, ...)

mkdir ~/home/user/gh
cd ~/home/user/gh
quasar create tuto
cd tuto
npm i
quasar build
sudo vim /etc/nginx/sites-enabled/tuto-quasar.conf

coller le contenu de ./site.conf du repo github (remplacer les domaines x4, le user dans le path root)

server {
    server_name monsite.com www.monsite.com;
    root /home/user/gh/tuto/dist/spa/;
    index index.html index.htm;
    location / {
        try_files $uri $uri/ =404;
	}
    # location /api {
    #     proxy_pass    http://localhost:8000;
    # }
}
server {
    listen 80;
    listen [::]:80;
    server_name monsite.com www.monsite.com;
    return 404;
}

pour quitter vim:

• echap
• :wq
• entrée

sudo systemctl restart nginx

accèder à votre domaine http://monsite.com

Pour le sécuriser en https avec certbot:

• https://certbot.eff.org/lets-encrypt/ubuntubionic-nginx

J'espère que ça pourra vous aidez

cours

Pour créé un repo github avec quasar depuis votre pc

• créé un repo sur github avec un readme.md intégrer

• cloner votre repo sur votre pc

git clone votreRepository

• créé un project quasar

• en graphique (avec la souris) allez dans le projet quasar afficher les fichiers caché

  • supprimer le dossier .git et README.md du projet quasar, si il sont existant
  • copier l'intégralité du projet quasar dans le repo github

• ouvrir votre repo github

git status git add . git commit -m 'init' git push origin master

Et votre repo à bien votre projet quasar