Accueil Le studio Portfolio Contact Blog

la.Crea Studio

• Accueil
• Contact

Le Blog : En vrac

18MARS
2010

Urlrewrite et htaccess sur votre site web

Configurer votre site avec l'urlrewriting pour faciliter votre référencement et simplifier les liens de vos pages L'url rewrite ou réécriture peut être utile pour votre site en terme de référencement pour pouvoir placer des mots clés dans vos liens, on peut facilement croire que http://www.lacrea-studio.com/creation-site-internet est plus pertinent que http://www.lacrea-studio.com/creation.php

Sur votre serveur Apache, le MOD_Rewrite doit être activé, pour utiliser la possibilité de faire vos selections de page avec expressions régulières
Avant toute chose, vous pouvez vérifier que ce module est bien actif en créant une page ne contenant que
<?php
phpinfo();
?>
Dans la section Apache Loaded Modules vous devez trouver la mention mod_rewrite.
Si ce n'est pas le cas alors rendez vous dans votre httpd.conf et décommenter les 2 lignes
LoadModule rewrite_module modules/mod_rewrite.so
AddModule mod_rewrite.c

Pensez à bien redémarer Apache apres avoir fait cette manipulation.
Pour tester que le module fonctionne bien, rien de mieux qui essaie !
Créer une page test.php avec comme contenu ce que vous voulez, par exemple "test d'url rewrite ^^" et créez votre fichier .htaccess avec comme contenu
RewriteEngine on
RewriteRule ^test\.html$ /test.php [L]

Metez tout ça à la racine de votre hébergement et accédez à votre page avec http://www.votredomaine.tld/test.html.
Si vous voyez votre contenu de page c'est parfait ! Sinon vérifiez que vous avez bien tout d'activé.

Maintenant nous allons voir le plus intéressent, L'urlrewrite sur URL dynamiques
Pour que votre .htaccess soit bien complet, il vous ajouter quelques lignes pour pas mal de chose comme :
1. Le serveur doit suivre les liens symboliques
Options +FollowSymLinks
2. Activation du module de réécriture d'URL :
RewriteEngine On
RewriteBase /
3. Duplicate content , rediriger http://votredomaine.tld vers http://www.votredomaine.tld
RewriteCond %{SERVER_NAME} ^votredomaine.tld$ [nc]
RewriteRule ^(.*)$ http://www.votredomaine.tld/$1 [QSA,L,R=301]

4. Gestion des erreurs 404, 403 etc...
ErrorDocument 404 /erreur404.php
ErrorDocument 403 /erreur403.php
5. Vos règles de réécriture !
Vous pouvez utiliser les expressions régulières pour régler vos test et rediriger vers la bonne page !
prenons l'exemple d'un site où tous les liens sont du genre /index.php?page=12, /index.php?page=13 ... le site fait le traitement sur cet identifiant pour resortir le bon résultat, mais le moteur de recherche pour indexer votre lien, dans l'url ne voit qu'un nombre, et l'URL est vraiment important pour mieux vous positionner sur vos moteurs de recherche favoris
On voudrait que le lien devienne /titre-de-page/12. Avec cette manipulation, vous serez référencé aussi sur les mots clés passés dans le lien
Comment faire cette règle de réécriture ? Prenons les choses dans l'ordre
1. Le premier "/" c'est la racine... Rien à faire ^^
2. "titre-de-page" représente une chaine de caractère composée de lettre majuscules, minuscules, des tirets "-" ou encore des chiffres ! donc l'expression régulière ou le Regex peut être celui-ci [a-z,A-Z,0-9,-]*
3. Le deuxième "/" pour faire office de séparation
4. et enfin pour finir l'identifiant ça ne doit être qu'une série de chiffre, l'expression alors est [0-9]*

La suite de votre .htaccess devrait être donc RewriteRule ^([a-z,A-Z,0-9,-]*)/([0-9]*)$ /index.php?page=$2 [L]
le ^ pour annoncer le début de la chaine de caractères, et le $ pour annoncer la fin.
les parenthèses capturantes autour des expressions pour justement pouvoir ressortir un résultat
$0 correspond à la chaine entière, et $1, $2... est le numéro de notre résultat.
sur l'exemple précédent $1 vaut = titre-de-page et $2 = 12
[L] est un flag (drapeau) qui signifie que la règle est la dernière à être appliquée pour ce cas et que le module ne doit plus tenter de réécrire cette chaîne. En gros, on applique la règle une seule fois et basta.
le fichier .htaccess complet est donc # Le serveur doit suivre les liens symboliques :
Options +FollowSymLinks

# Activation du module de réécriture d'URL :
RewriteEngine On
RewriteBase /

#--------------------------------------------------
# Duplicate content :
#--------------------------------------------------
RewriteCond %{SERVER_NAME} ^votredomaine.tld$ [nc]
RewriteRule ^(.*)$ http://www.votredomaine.tld/$1 [QSA,L,R=301]

#--------------------------------------------------
# Gestion des erreurs :
#--------------------------------------------------
ErrorDocument 404 /erreur404.php

#--------------------------------------------------
# Règles de réécriture d'URL :
#--------------------------------------------------
RewriteRule ^([a-z,A-Z,0-9,-]*)/([0-9]*)$ /index.php?page=$2 [L]


15MARS
2010

Fichiers cachés sur Mac OS X

Afficher ou encore masquer les fichiers cachés sur macbook ou Imax Parfois, il est fort agréable de pouvoir accéder facilement à ses fichiers cachés sur son mac (.bashrc, .htaccess...) mais il n'est pas toujours aisé ou inné de regarder via son terminal :)
La solution pour afficher les fichiers cachés dans le Finder:
defaults write com.apple.finder AppleShowAllFiles 1
Et pour les cacher
defaults write com.apple.finder AppleShowAllFiles 0
Pour que les modifications soient prises en compte, il faut bien sûr relancer le finder. Plusieurs solutions s'offrent à vous
1. Depuis cette même console tapez
killall Finder
2. le "Forcer à quitter..." du menu Pomme de votre mac ou encore le si connu "Commande + ALT + ESC" et relancer le Finder
3. Un simple click droit en maintenant la touche ALT sur votre icone de Finder dans le dock :)

Pour éviter de retenir toutes ces lignes de code, si vous avez un .bashrc d'actif sur votre Mac, pourquoi ne pas faire un alias ?
Si vous voulez un tutoriel sur la création d'un .bashrc sur mac rendez-vous sur l'article Parlant du bashrc
Pour créer votre alias entrez ceci à la fin du .bashrc
alias fichierscaches1="defaults write com.apple.finder AppleShowAllFiles 1; killall Finder"
alias fichierscaches0="defaults write com.apple.finder AppleShowAllFiles 0; killall Finder"
Pensez à relancer votre fichier en faisant
[15:26:13 laCrea@hemera ~] . .bashrc
Et voila le travail, vous voulez afficher les fichiers cachés tapez simplement dans votre console fichierscaches1 pour pour les cacher fichierscaches0


11MARS
2010

Configurer votre console : Un .bashrc sur Mac OS

Configuration console : vous voulez colorer votre terminal ou encore créer des alias de commande sur Mac OS X Pour avoir vos couleurs personnalisées dans la console de mac (terminal.app) vous devez créer 2 petits fichiers cachés dans votre home.
Pour accéder à votre home tapez simplement
hemera:~$ cd
Juste en tapant "cd" dans la console, vous vous retrouvez dans votre répertoire personnel.
L'un des deux fichiers cachés à créer est .profile.
Tapez juste dans la console
hemera:~$ nano .profile
Et y entrer les informations suivantes :
if [ -n "$BASH_VERSION" ]; then
# include .bashrc if it exists
if [ -f ~/.bashrc ]; then
. ~/.bashrc
fi
fi

# set PATH so it includes user's private bin if it exists
if [ -d ~/bin ] ; then
PATH=~/bin:"${PATH}"
fi

Pour enregistrer faite : ctrl + x, y, entrer

Ce code va permettre de lancer votre .bashrc lorsque vous lancer la console.

Maintenant il faut aussi créer le fichier .bashrc de la même manière
hemera:~$ nano .bashrc
Ce fichier vous permet de personnaliser votre shell (couleurs, alias...).
Un exemple de fichier .bashrc :
umask 022

#export CLICOLOR=1

function prompt
{

local CYAN="\[\033[0;36m\]"
local GRAY="\[\033[0;37m\]"
local BACK="\[\033[0;30m\]"
local RED="\[\033[0;31m\]"

PS1="${RED}[${GRAY}\T${RED} \u@\h\w ]${BACK} "
}

prompt

Après avoir enregistré et relancé le bashrc en faisant :
hemera:~$ . .bashrc
Attention ! Il y a un bien espace entre les deux points mais pas avant bashrc
Votre termial prend des couleurs !
[ 15:28:27 laCrea@hemera ~ ]
Une partie des codes pouvant être utilisé dans la personnalisation de votre terminal :
Couleurs :

• 30 -> Noir
• 31 -> Rouge
• 32 -> Vert
• 33 -> Jaune
• 34 -> Bleu
• 35 -> Magenta
• 36 -> Cyan
• 37 -> Blanc

Surligner ? aussi :

• 40 -> Noir
• 41 -> Rouge
• 42 -> Vert
• 43 -> Jaune
• 44 -> Bleu
• 45 -> Magenta
• 46 -> Cyan
• 47 -> Blanc

Le fichier .bashrc Permet aussi de créer des alias de commande c'est à dire donner un nom personnel à une commande. Par exemple :
alias ls="ls -h"
alias l="ls -lh"
alias ll="ls -alh"
alias df="df -h"

Mais aussi vos propres scripts !
alias lancer="~/scripts/votrescript.sh"

17FEV
2010

Photo de l'apple store du Louvre

Rien que pour le plaisir une photo de l'apple store du louvre, j'aime particulièrement l'escalier central

Oui j'avoue... j'aime les macs...
Rien que pour le plaisir, une photo de l'apple store du Louvre.
J'aime particulièrement l'escalier.

Si vous y allez, demandez Fred comme vendeur c'est un ami à moi qui y travaille. Il connait (et aime) particulièrement ces petites bêtes à la pomme.

la.Crea Blog

Nouvelles technologies, webmastering et Start-up

Blog l'agence web la.Crea Studio :

L'auteur

Nicolet Verdier est entrepreneur web 2.0 et directeur du studio la.Crea. Webmaster & Webdesigner indépendant il aime le web, le café et la créativité.
Son blog corporate est le reflet de sa vie numérique.

Catégories

• Tous les articles (93)
• Web news (24)
• La life du studio (58)
• En vrac (11)

Archives

• 2010 (10)
• 2009 (32)
• 2008 (22)
• 2007 (29)

Recherche

Amis la.Crea

Florian Thomasset
Illustrateur / Graphiste
flohock.c.la

Gauvain Pocentek
Projets Ulteo / Linutop
gauvain.pocentek.net

Nicolas Sorosac
Développeur fou
nicolas.sorosac.fr

Sebastien Salesses
Graphiste
www.madmonday.fr

Viadeo

Nous soutenons

Promouvoir et défendre le logiciel libre avec l'APRIL

UBUNTU : Une distribution linux qui a le vent en poupe

framasoft un site qui parle des logiciels libres

Un site évoquant la mode du design online : cssmania.com

Nuage de tags du Blog

presse sarl calvito marketing hadopi la sambre
site ruche de maubeuge france telecom conception prestataire
html expérience solution orange bilan question interactif intégration
twitter linux logiciel libre blackberry windows eurl développement domaine
connexion stage formation openoffice flash animation journal du net ajax vidéo firefox
label interview hébergement déontologie browser web w3c crm tarifs partenaire console couleurs
application flex microsoft framework webdesign reportage débit contribution hardy heron
personnel mind mapping réseaux sociaux informatique création creapomme idée pub webmarketing
charte copix apple internet ntic ie pixys édition organiser la voix du nord agence canalfm
clip google voeux adobe article professionnel studio ubuntu entreprise bureau mac photoshop
loi 1and1 design