L'objectif de ce pas à pas est d'expliquer comment installer Laravel et VueJS dans leurs dernière version sur un unique serveur Apache.

Votre développement Laravel pourra être fait en directe, pour Vue il faudra passer par "npm run dev" mais une fois terminé avec une commande le contenue serra transpile et fonctionnera par le biais d'Apache.

Je n'aborde pas ici les notions de sécurité si vous passer cette configuration en production.

Si vous n'avez pas accès au compte root, utiliser sudo pour procédé à l'installation es logicielle ci dessous.

Si vous venez d'installer fraichement votre Linux commencer par le classique

apt update

apt dist-upgrade

A ce jour (mars 2023) Debian ne propose toujours pas PHP 8.1, pour le faire à la "main".
Installer les dépendance :

apt-get install ca-certificates apt-transport-https software-properties-common wget curl lsb-release

Installer automatiquement le dépot packages.sury.org qui continet PHP 8.1

curl -sSL https://packages.sury.org/php/README.txt | bash -x

Rafraichir vos dépot :

apt-get update

Installer Apache2, PHP et MariaDB (MySQL) et cURL:

apt install apache2 mariadb-server 

apt install php8.1  libapache2-mod-php8.1 php8.1-mbstring php8.1-xmlrpc php8.1-soap php8.1-gd php8.1-xml php8.1-cli php8.1-zip php8.1-bcmath php8.1-tokenizer php8.1-mysql php8.1-curl zip unzip

Sécuriser votre instalation de MariaDB :

mysql_secure_installation

> Enter current password for root (enter for none): Tapez Enter

> Switch to unix_socket authentication : n

> Change the root password? : Y

> New password: Mot de passe à noter pour la suite

> Re-enter new password: ...

> Remove anonymous users? Y

> Disallow root login remotely? n

> Remove test database and access to it? Y

> Reload privilege tables now? Y

Notez bien votre mot de passe root !

Installer Composer :

curl -sS https://getcomposer.org/installer | php

mv composer.phar /usr/local/bin/composer

chmod +x /usr/local/bin/composer

Installer NodeJS en version 16 (Minimum requis pour Laravel 10) :

curl -sL https://deb.nodesource.com/setup_16.x | bash -

apt update

apt install nodejs

apt upgrade

npm install -g npm@latest

Installer Laravel, généré une clé et fixer les permissions :
(Attention la premier commande vide votre /var/www)

rm -rf /var/www/*

composer create-project --prefer-dist laravel/laravel /var/www/back/



cd /var/www/back/

php artisan key:generate --ansi

Installer Vue

cd /var/www/

mkdir front

cd front

npm create vue@latest .

npm install



npm run dev



npm run build

Cette dernière commande crée un répertoire dist et transpile le projet dedans, il faudra exécuter cette commande a chaque fois que vous update la version public.

Pour développer, la commande npm run dev vue en formation est à remplacer par npm run serve (en étant dans le repertoire /var/www/public)

Installer phpMyAdmin :

mkdir /var/www/mysql/

cd /var/www/

wget https://www.phpmyadmin.net/downloads/phpMyAdmin-latest-all-languages.tar.gz

tar -zxvf phpMyAdmin-latest-all-languages.tar.gz

rm phpMyAdmin-latest-all-languages.zip

mv phpMyAdmin-5.2.1-all-languages/ ./mysql/

Modifier apache :

nano /etc/apache2/sites-available/000-default.conf

Et remplacer tout le contenue par :

<VirtualHost *:80>

        ServerAdmin webmaster@localhost

        DocumentRoot /var/www/front/dist

        <Directory /var/www/front/dist>

                AllowOverride All

        </Directory>



        Alias /mysql "/var/www/mysql"

        <Directory /var/www/mysql>

                AllowOverride All

        </Directory>



        Alias /api "/var/www/back/public"

        <Directory /var/www/back/public>

                AllowOverride All

        </Directory>



        ErrorLog ${APACHE_LOG_DIR}/error.log

        CustomLog ${APACHE_LOG_DIR}/access.log combined

</VirtualHost>

Activer l'URL Rewriting, fixer les permissions et relance apache2 :

a2enmod rewrite



chgrp -R www-data /var/www/

chmod -R 775 /var/www/



systemctl restart apache2

Il faut bien comprendre cette configuration de Apache.
Les Alias permet de modifier les URL, /api pointera vers Laravel, /mysql vers phpMyAdmin/
N'utiliser pas ces URL dans votre routeur.
Si vous souhaitez utiliser uniquement Laravel en API vous allez devoir avoir ces URL : http://192.168.0.2/api/api/, pour y remedier :

nano /var/www/back/app/Providers/RouteServiceProvider.php

Remplacer :

            Route::middleware('api')

                ->prefix('api')

                ->group(base_path('routes/api.php'));

par :

            Route::middleware('api')

                ->group(base_path('routes/api.php'));

Configurer la connexion de Laravel à la base de donnés :
Commencer par crée une base de donnès "laravel" avec votre phpMyAdmin http://192.168.0.2/mysql/

nano /var/www/back/.env

Et modifier les lignes DB_.

Pour rapelle :
Crée un model, son controlleur et sa migration :

php artisan make:model NomModele -mc

Ne pas oublié la majuscule au début du nom du modele et de l'écrire au singulier.

Modifier la migration :
/var/www/back/database/migrations/2023_08_31_200004_create_todos_table.php

    public function up(): void

    {

        Schema::create('todos', function (Blueprint $table) {

            $table->id();

            

            $table->string('name');

            $table->date('deadline');

            $table->integer('order');

            $table->unsignedBigInteger('user_id');



            $table->foreign('user_id')->references('id')->on('users')->onDelete('cascade');



            $table->timestamps();

        });

    }

Déclencher les migrations :

php artisan migrate

Permetre les requettes CORS : https://dev.to/keikesu0122/a-simple-way-to-enable-cors-on-laravel-55i

Aucun commentaire

Vous devez vous connecter pour poster un commentaire.