Définition de l’url rewriting

Comme je viens de le dire, l’url rewriting est une technique qui permettra de remplacer une URL compliquée à comprendre, par exemple :

https://mon-site.com/index.php?type=p&id=2

En :

https://mon-site.com/exemple-url-rewriting

Pourquoi mettre en place l’url rewriting

Maintenant que tu as vu quel changement la ré-écriture d’url apporte à ton site, pourquoi devrais-tu le mettre en place. Il y a plusieurs raisons :

• gagner en lisibilité pour ton visiteur qui verra en un coup d’œil dans la barre d’adresse, l’article qu’il est en train de lire
• améliorer le référencement. Les moteurs de recherche indexent les pages que tu publies, aucun de ses moteurs apprécient les url complexes.
• en tant qu’administrateur / développeur de ton site, tu pourras garder une hiérarchie dans tes pages et celle-ci sera bien plus stable. La stabilité est très appréciée par les moteurs de recherche
• avoir une vue voire un contrôle sur les mots clés même si l’importance de l’url rewriting n’est pas aussi grande que l’on souhaiterai, elle joue un rôle important.

Voici des raisons suffisantes pour mettre en place cette technique sur ton site. Tu peux avoir plus d’informations sur ce lien.

Comment mettre en place l’url rewriting

En fonction de l’hébergement choisi (voir l’article sur l’hébergement), tu auras plus ou moins le choix. Si tu es sur un serveur dédié, tu peux la mettre en place dans la configuration de ton site directement sur le serveur web. Si tu es un peu plus limité et que tu utilises Apache, tu peux placer, à la racine de ton site un fichier .htaccess (lien).

Si tu utilise Nginx (une alternative d’Apache), je t’invite à suivre ce lien.

Tu peux également passer par le PHP (et oui c’est étonnant, c’est le sujet de l’article). D’ailleurs, tu vas pouvoir découvrir comment le mettre en place sur un serveur tournant sur Apache.

Des CMS comme WordPress proposent directement la mise en place de la ré-écriture d’url :

L’url rewriting en PHP sur Apache

Je ne connais pas suffisamment Nginx pour en décrire le fonctionnement et j’en suis désolé mais si tu as des questions, n’hésites pas à demander, j’en profiterai pour faire quelques recherches.

Tout d’abord, nous allons mettre dans le fichier htaccess (à la base de ton site), la redirection de toutes les requêtes vers la page index.

Cela va permettre de pouvoir gérer toutes les url de ton site.

Configuration de .htacces

RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_URI} !^/controleur/*
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^(.*)$ index.php [QSA,L]

Petites explications

RewriteEngine on

Ceci active le module de ré-écriture.

RewriteBase /

Cette ligne permet d’indiquer la racine du site, en général, la racine du site n’est pas la racine du serveur.

RewriteCond %{REQUEST_URI} !^/controleur/*

J’ai placé cette ligne pour information, elle permet d’exclure un sous-dossier des règles d’écriture.

RewriteCond %{REQUEST_FILENAME} !-f

Il s’agit d’une condition préalable primordiale pour la bonne éxecution de la ré-écriture, elle indique qu’il ne s’agit pas d’un fichier réel.

RewriteRule ^(.*)$ index.php [QSA,L]

Il s’agit de la règle qui renvoie les adresses correspondant aux conditions vers la page index. QSA indique que les paramètres sont passés comme arguments.

Les informations ont été, en partie, trouvées sur cette page.

Mise en place avec PHP

Ici, je ne parlerai que de la partie de la gestion des adresses, je n’aborderai pas la création d’un site complet.

Je vais procéder par étape, à la fin, tu auras le contenu du fichier complet.

Dans un premier temps, tu vas devoir réfléchir sur la construction de tes url.

Une fois que tu as défini la syntaxe, tu devras l’inclure dans les regles :

$regles = array( 
    'image'   => "/image/(?'text'[^/]+)/(?'id'\d+)",    // '/image/un-texte/51'
    'album'     => "/album/(?'album'[\w\-]+)",              // '/album/album-slug'
    'categorie'  => "/categorie/(?'categorie'[\w\-]+)",        // '/categorie/categorie-slug'
    'page'      => "/page/(?'page'about|contact)",          // '/page/about', '/page/contact'
    'post'      => "/(?'post'[\w\-]+)",                     // '/post-slug'
    'accueil'      => "/"                                      // '/'
);

Maintenant, tu vas devoir récupérer l’URI qui est demandé (il s’agit de l’identifiant de ta page), par exemple /image/51.

$uri = rtrim( dirname($_SERVER["SCRIPT_NAME"]), '/' );
$uri = '/' . trim( str_replace( $uri, '', $_SERVER['REQUEST_URI'] ), '/' );
$uri = urldecode( $uri );

A présent, il te reste à déterminer à quelle règle correspond ton uri :

foreach ( $regles as $action => $regle) {
    if ( preg_match( '~^'.$regle.'$~i', $uri, $params ) ) {
        // Maintenant, tu sais quelle action et les paramètres qui correspondent
    }
}

Avec ceci, tu devrais obtenir ton fichier index.php, on va rajouter simplement 2 lignes qui permettront :

• d’arrêter le programme, une fois que la page recherchée est trouvée
• d’afficher une page dans le cas où la page demandée n’est pas connue

Le fichier final :

$regles= array( 
    'image'   => "/image/(?'text'[^/]+)/(?'id'\d+)",    // '/image/un-texte/51'
    'album'     => "/album/(?'album'[\w\-]+)",              // '/album/album-slug'
    'categorie'  => "/categorie/(?'categorie'[\w\-]+)",        // '/categorie/categorie-slug'
    'page'      => "/page/(?'page'about|contact)",          // '/page/about', '/page/contact'
    'post'      => "/(?'post'[\w\-]+)",                     // '/post-slug'
    'accueil'      => "/"                                      // '/'
);

$uri = rtrim( dirname($_SERVER["SCRIPT_NAME"]), '/' );
$uri = '/' . trim( str_replace( $uri, '', $_SERVER['REQUEST_URI'] ), '/' );
$uri = urldecode( $uri );

foreach ( $regles as $action => $regle) {
    if ( preg_match( '~^'.$regle.'$~i', $uri, $params ) ) {

        include( $action . '.php' );
        exit();
    }
}

// Si rien n'est trouvé, on affiche une page 404.php
include(  '404.php' );

Dans notre exemple, dans ton dossier et au même niveau, il y a les fichiers suivants :

• index.php
• 404.php
• image.php
• album.php
• categorie.php
• page.php
• post.php
• accueil.php

Conclusion

Voilà, tu es en mesure de mettre en place l’url rewriting sur ton site et cela de manière simple.

Cette page a été faite après avoir longtemps eu des problèmes, ja source a été trouvé sur le forum stackoverflow.com.

L’article PHP, l’url rewriting est apparu en premier sur La programmation sur le web.

Tu peux te retrouver dans cette situation (pas dramatique) parce que tu as choisi d’héberger ton site chez toi ou bien choisi un hébergeur où tu es maître de tout (voir l’article sur l’hébergement).

Avant que tu ailles plus loin, je te détaille sur quoi j’ai fait mon installation :

• Raspberry Pi4, voir le lien Amazon d’un pack complet.
• Disque dur SSD en format M2 avec boitier extérieur, lien Amazon pour le disque dur et lien vers le boitier.

Le Raspberry Pi4 ne permet pas encore (à l’écriture de ces lignes) un fonctionnement complet sur un disque externe. En revanche, un démarrage sur la carte SD puis un basculement vers le disque dur est possible, ce qui rallonge grandement la durée de vie de la carte SD.

Tu pourras donc suivre cet article si tu souhaites créer un serveur sur un OS dérivé de Debian.

Cette page fait partie d’une suite d’article consacré à « Comprendre et créer un site Internet« .

Qu’est-ce-qu’un serveur web

On distingue deux types de serveur web :

• le hardware qui sera une machine dédiée à stocker l’ensemble des fichiers qui compose un site
• le software qui contient différents fragments qui contrôlent la façon dont les utilisateurs peuvent accéder aux fichiers hébergés. On trouvera a minima un serveur HTTP. Un serveur HTTP est un logiciel qui comprend les URL et le protocole HTTP (le protocole utilisé par le navigateur pour afficher les pages web).Vu sur Mozilla.org.

Ici, nous nous intéresserons au côté software.

Installation d’un serveur web complet

Il existe plusieurs serveurs ou configuration disponible. Pour ma part, j’ai choisi d’installer un LAMP pour Linux Apache2, MariaDB, Php (sachant que le M peut être pour MySQL et le P pour Perl).

L’installation se fait via le terminal soit en direct soit en SSH (qui sera certainement le cas).

Dans votre terminal, commences par une mise à jour de la liste des paquets et de ton système en saisissant :

sudo apt-get update && sudo apt-get upgrade -y

Ensuite, tu vas installer la base du LAMP (le serveur web complet pour Linux) :

sudo apt-get install apache2 php libapache2-mod-php mariadb-server php-mysql

SI tu souhaites installer mysql, tu remplaces simplement mariadb-server par mysql-server.

Pour compléter l’installation, je te conseille d’installer des modules supplémentaires notamment si tu compte utiliser un CMS comme WordPress :

sudo apt install php-curl php-gd php-intl php-json php-mbstring php-xml php-zip

Ton serveur est maintenant prêt, pour vérifier, dans ton navigateur, tape l’adresse suivante : http://localhost, tu dois voir apparaître :

Maintenant, il est temps de faire quelques petites choses, notamment niveau sécurité.

De manière optionnelle, tu peux installer PhpMyAdmin qui te permettra de gérer ta base de données via le navigateur :

sudo apt-get install phpmyadmin

Sécurisation

Apache2

Il s’agit surtout de protéger les informations qui peuvent être transmise à des petits malins. Le but étant de cacher des informations, en cherchant sur internet différentes solutions, celles remontées étaient déjà mise en place dans l’installation de base, dans le fichier /etc/apache2/conf-available/security.conf, modifies les valeurs :

• ServerTokens en mettant Prod
• ServerSignature en mettant Off

J’ai pris par habitude de restreindre tous les dossiers se trouvant dans la racine des sites d’Apache (sous debian, c’est /var/www), pour cela, toujours dans le fichier précédent, ajoutes :

<Directory />
     Order Allow,Deny
     Allow from all
     AllowOverride None
     Options -Indexes -ExecCGI -FollowSymLinks -Includes
     Require all denied
     AllowOverride None
</Directory>

Sécurisation de MariaDB

De base, MariaDB, lors de l’installation crée un utilisateur root sans mot de passe, ce qui n’est pas le plus sur.

Dans le terminal, saisir :

sudo mysql_secure_installation

En répondant Y (oui) à toutes les réponses, tu auras un système bien plus sécurisé, mais dis-toi que ce ne sera jamais assez face aux petits malins et surtout, la première source d’erreur, de fuite, se situe entre le clavier et la chaise.

Conclusion

Si tu as suivi cet article, tu as fait un pas de plus à la mise en ligne de ton site.

Il existe d’autre serveur http tel Nginx et d’autres gestionnaire de base de données, mais j’avoue que j’ai l’habitude d’être sur Apache et MariaDb, côté langage de programmation, j’aime beaucoup PHP mais ce n’est qu’un avis personnel.

L’article Installer un serveur web complet est apparu en premier sur La programmation sur le web.

Mais au final, es-tu capable de dire ce qu’est internet ? Quand est-il apparu ? Comment fonctionne-t-il (dans les grandes lignes) ? J’imagine que si tu débute ta création de site en lisant ces lignes, c’est qu’il y a peu de chance que tu puisses y répondre.

Sans vouloir faire de toi un expert, je vais essayer d’apporter quelques éléments de réponse.

Définition

Tout d’abord, une petite définition définition, en tapant dans google : « définition internet », tu auras le droit à :

Bon, j’avoue que c’est un peu léger, pour amener un peu plus de concret, Internet est bien un réseau informatique mondial composé de réseaux nationaux, régionaux et privés. Ce réseau utilise le même protocole de communication appelé TCP/IP. Il permet essentiellement :

• l’accès a des sites internet via le « Web » (ou la toile)
• l’envoi de courriels
• le transfert de fichier grâce au protocole FTP

Il s’agit des trois principales activités, bien entendu, des services utilisant ce réseau est présent.

Un peu d’histoire

Les réseaux informatiques existaient avant l’apparition d’Internet, on peut parler d’internet à partir du moment des réseaux ont été interconnectés. Avant Internet, les réseaux étaient locaux, sans aucune ouverture sur le monde.

L‘ARPANET, en 1969, est considéré comme le premier réseau, l’ancêtre d’internet, initialement conçu pour la communication entre militaire et entre scientifique, il a également servi de berceau à ce qu’est internet.

En 1971, le premier e-mail est créé par Ray Tomlinson.

En 1973, Vinton Cerf, de Stanford, et de Bob Kahn développe ce que l’on appelera le protocole TCP/IP qui sera le fondement de l’Internet, pour faire simple, le protocole TCP/IP permet la communication entre deux machines en leur assignant une adresse unique (par exemple 192.168.0.1).

En 1983, jaillit le DNS (ou Domain Name System), avec l’augmentation du nombre de poste sur le réseau, les erreurs (doublon) sur les adresses IP étaient fréquentes et pouvez mettre en péril le réseau. Le DNS a été créé afin d’éviter ce problème, ce système permet d’attribuer à une adresse un nom. Cet « annuaire » d’adresse de couple IP/nom est divisé en zone pour simplifier la gestion, mais tous ces couples sont connu de chacun.

Puis en 1989, c’est la naissance du World Wide Web (www), l’ouverture au grand public de ce réseau, il s’agit du web actuel (mais depuis, il y a eu quelques changements)

A partir de cette date, tout n’a été que guerre, fusion, amitié et divorce sur le net et à donner naissance aux géants que l’on connait actuellement.

Les notions clés

Maintenant que tu as eu une petite histoire d’internet, nous allons simplement 3 notions qui vont te permettent de bien comprendre ce qu’est internet et comment y participer

Le protocole TCP/IP

Il s’agit d’un protocole (ou plutôt un ensemble de protocoles) de communication. Le premier protocole IP permet de formaliser les données qui sont envoyées, l’adresse de destination, l’adresse d’expédition, les différentes informations. Le protocole TCP, quant à lui permet de s’assurer que les paquets émis arrivent, de préparer les paquets à envoyer.

La conjugaison des deux permet l’envoi et la réception à une adresse d’une donnée dans sa totalité.

Ton adresse IP (publique) sera donc indispensable pour la mise en ligne et surtout faire connaître ton site car c’est grâce à elle que les visiteurs pourront venir voir ton site.

Le DNS

Le DNS ou système de nom de domaine va grandement simplifier l’utilisation d’internet. Je ne t’imagine pas rentrer dans ton navigateur l’adresse IP du site que tu as l’habitude de visiter, tu utilises un nom de site. Pour que le réseau informatique comprenne quel site tu souhaite afficher, il a besoin de convertir ta chaîne de caractère en adresse IP, c’est là qu’intervient le DNS.

De la même manière que tu connais ton adresse IP, tu devras choisir un nom pour ton site, tu achèteras un domaine, tu peux te rendre sur ce lien IONOS qui est mon fournisseur pour le nom de domaine. Ce prestataire mettra dans l’annuaire ton couple nom/ip.

Le serveur web

La dernière notion est le serveur web. Un serveur web est une machine qui proposera un service sur internet, dans notre cas un site. C’est lui que les navigateurs du monde entier viendront questionner pour afficher ton site.

Tu pourras l’auto-héberger ou bien payer un hébergement.

Conclusion

Voilà, j’espère que j’ai réussi à t’apporter quelques informations, si oui, j’en suis ravi, sinon n’hésites pas à me dire ce qu’il te manque pour comprendre. Soit j’étofferai cet article en faisant des mises à jour, soit je te répondrai dans les commentaires.

En tout cas, tu peux revenir sur le sommaire de « Création d’un site internet« 

L’article Internet, c’est quoi au juste ? est apparu en premier sur La programmation sur le web.

Cette page sera vivante, il se peut que tous les articles ne soit pas encore disponibles, alors n’hésites pas à t’abonner soit par la newsletter, soit par les réseaux sociaux. Si tu vois qu’un article manque(ra), n’hésites pas à le dire en commentaire.

En venant sur ce site, j’imagine que tu as dans l’idée de mettre en ligne (sur le web ou localement) un site internet. La mise en ligne et la conception peut être très simple, encore faut-il savoir comment s’y prendre. Tu verras qu’en quelques minutes, un site peut être publié mais avant de se lancer dedans, il est important de comprendre ce qu’il faut et connaître les mécanismes d’internet (dans les grandes lignes).

A la fin de cet article tu seras en mesure d’avoir ton propre site mais pour cela et pour que ce soit plus digeste (j’ai pas une plume des plus légères), j’ai découpé le sujet en plusieurs parties.

Chacune aura son intérêt, peut être facultative mais te donnera une idée générale.

Je n’ai pas pour objectif de révolutionner le sujet, mais j’essayerai d’amener un maximum d’informations.

Internet ? C’est quoi au juste?

Internet est un outil du quotidien, tellement quotidien que l’on oubli qu’il n’a pas toujours existé, la première partie t’amèra sur cette page.

Pour lire l’article, je t’invite à suivre ce lien.

Hébergement local ou extérieur ?

Tu devra faire un choix, faire héberger ton site chez un hébergeur ou bien l’auto-héberger. Les deux ont leurs avantages et inconvénients.

En fonction de tes besoins, tu verras que ton idée initiale n’aura pas été la meilleur.

L’article est visible sur cette page.

Un nom de domaine

Que tu sois hébergé à l’extérieur ou chez toi (je parle de ton serveur), tu aura certainement besoin d’un nom de domaine, si tu as lu la première partie, tu sauras. Malheureusement, ce nom de domaine aura un coût (ne t’affole pas, il sera faible).

Plus d’explication dans cet article.

Un serveur web

On progresse, tu as ton hébergement, ton nom de domaine, maintenant, il est temps d’avoir ton site …, je m’emballe, avant cela, il te faut un serveur web.

Pour ma part, je vais te montrer comment installer un serveur web chez toi à base Apache, MariaDB et PHP, en plus, on installera PHPMyAdmin.

En général, les hébergements extérieurs proposent déjà des installations cela fait parti des avantages comme des inconvénients.

Je t’invite à suivre ce lien, si tu veux en découvrir plus, lien.

La création du site

On y vient enfin, tu auras le choix de produire un site de A à Z ou bien d’utiliser un CMS comme WordPress, en fonction de ton niveau mais également du temps disponible et du genre de site que tu veux faire, le choix t’appartient.

Voici deux articles qui te montreront les outils nécessaires pour faire ton site :

• avec WordPress
• à la dure, en codant tout ton site.

Pour en lire plus, suivre ce lien.

Le référencement (facultatif)

C’est bien ton site est en ligne, encore faut-il le faire connaître. Le mettre en bonne place dans un moteur de recherche est un sacerdoce. Plein de règles plus ou moins défini, des outils et surtout de la patience.

Pourquoi ai-je mis que c’était facultatif ? Tout simplement parce que tu ne souhaite pas obligatoirement avoir un site en tête de recherche, il s’agit peut-être d’un site pour ton usage personnel mais accessible de partout (dans ce cas, même le nom de domaine n’est pas indispensable)

La page est enfin accessible à cette adresse.

La rémunération (facultative)

J’ai bien préciser dès le titre du chapitre, la rémunération de ton site est facultative, cela ne fera pas mieux fonctionner ton site.

Il serait même extraordinaire que tu puisses en vivre, même si c’est tout le mal que je te souhaite.

Pour voir l’article, suivre ce lien.

La veille (toujours facultative)

La veille te permettra de te tenir à jour sur le thème de ton site, bien sûr, il se peut que cela ne soit pas nécessaire, mais la veille peut te permettre aussi de trouver des idées originales ou d’actualités à publier.

L’article pour la création de son système de veille est sur cette page.

Conclusion

En arrivant à la fin de cet article, tu devrais être armé pour créer toi même ton site.

N’hésites pas à partager cette page et surtout à faire des commentaires, sur une partie qui te sembles importante et que j’aurai totalement mise de côté.

L’article Comprendre et créer son site internet est apparu en premier sur La programmation sur le web.

Parce que c’est un site 100% amateur et pour lequel, le seul budget que j’y consacre est destiné au nom de domaine ainsi qu’à la consommation électrique. Il est hors de question de mettre en ligne des photos qui ne soient pas gratuites. Le but du site est également de proposer des astuces ou des liens qui ne nécessite pas de débourser un sous (sauf les liens vers des produits en relation avec les articles).

Obtenir des photos est simple, tu pourras en trouver plein sur internet mais leur recherche s’avère parfois être compliqué.

Certaines de ces banques te proposeront un téléchargement direct, d’autres nécessiteront une inscription gratuite.

Pour les banques en langue anglaise, tu devras faire un petit effort sur les mots clés et trouver la traduction correspondant le mieux pour cibler correctement.

Pourquoi utiliser des images gratuites et libre de droit ?

Mise à part le côté financier qui est d’acheté des images, il est important de respecter les droits d’auteurs et même si ton site ne viendra pas concurrencer les grandes maisons.

Une image qui n’est pas libre de droit peut vous exposer à des sanctions, les moins grave seront des pénalités dans le référencement (même si cela est dommageable) et cela peut aller jusqu’à des poursuites judiciaires

Conseils et bonnes pratiques

Voici quelques petits conseils quant à l’utilisation des médias pour votre site (source sur commentcamarche.net)

• Opter, dans la mesure du possible, pour la création et la diffusion de vos propres œuvres : pour promouvoir votre savoir-faire dans un domaine précis, générer du trafic vers votre site web grâce des travaux apportant une valeur ajoutée, ou réseauter. Vous pourrez également exercer votre propre droit d’auteur sur l’oeuvre créée, lui attribuer une licence d’utilisation, etc.
• Toute oeuvre est soumise au droit d’auteur, même si aucune mention ne l’indique expressément. La réutilisation d’œuvres originales par des sites web tiers -ayant ou non l’autorisation de les utiliser- n’affranchissent pas du respect du droit d’auteur pour tout autre utilisateur. Théoriquement, aucune oeuvre ne peut être utilisée sans l’autorisation de son créateur.
• Être attentif aux codes de la propriété intellectuelle : le signe ©, les mentions « Copyright », « Tous droits réservés », ou « all rights reserved » doivent alerter, même si, en France, celles-ci ne sont pas nécessaires pour garantir la protection d’une oeuvre.
• Demander à l’auteur l’autorisation d’utiliser son oeuvre : il est préférable d’utiliser cette oeuvre si une licence lui est déjà attribuée. En effet, si les droits de reproduction et de représentation peuvent être cédés à des tiers, la procédure requiert la signature d’un contrat entre les deux parties (voir ici un modèle de contrat de cession de droits d’auteur)
• En cas de partage d’une oeuvre sur ou via un réseau social (ex : Youtube, Pinterest), utiliser l’URL source, provenant du site/blog ayant les droits sur celle-ci.
• Ajouter, dans la charte d’utilisation des réseaux sociaux de l’entreprise, un paragraphe de bonnes pratiques et précautions concernant l’utilisation d’œuvres protégées pour les collaborateurs actifs sur le web (activités de blogging, etc.)

Afin de vous astreindre de demander systématiquement l’autorisation à l’auteur (ce qui peut être un casse-tête en particulier à cause de google image), des sites mettent à dispositions des images libres de droits.

La sélection des banques d’images

Rentrons dans le vif du sujet, tout d’abord, cette sélection est subjective. Le choix est fait selon mes habitudes de recherche.

• Barn images      

• Burst

• CCO.photo

• Compfight

• Designers Pics  

• Devostock      

• Foodies Feed   

• Fotomelia          

• Free images      

• Free stocks    

• Freephoto.cc

• Jeshoots            

• Kaboompics

• Negative Space

• Photober

• Photostockeditor

• Pixabay

• Pixambo

• Pixnio

• Plixs

• Public Domain Pictures

• Skitter Photo

• Visualhunt

VOIlà ma petite sélection, j’espère que cela pourras t’aider ou te simplifier. Sache qu’il n’y a pas vraiment de bonne ou mauvaise banque, je te conseille de bien choisir ton mot clé et d’en essayer plusieurs.

L’article Sélection des banques d’images gratuites est apparu en premier sur La programmation sur le web.