Blog pro de Jean-Baptiste HEREN - développement Web

Configure Virtual Hosts in WAMP Server (MS Windows)

Jean-Baptiste HEREN — Mon, 24 Jan 2011 23:45:00 +0100

WAMP is a standalone LAMP(Linux Apache Mysql Php) installation package for windows. It is very usefull when you want to try or develop something fast on your local machine.

In the following example, WAMP is located on d:\wamp. This is not really important here, but I have four different hosts installed :

sf.localhost : symfony project
mag.localhost : Magento Installation
a.localhost : Apostrophe CMS installation
localhost : the default WAMP home page

1- Edit the httpd.conf

Uncomment the following line to inclute the httpd-vhosts.conf file.

[script]
# Virtual hosts
Include conf/extra/httpd-vhosts.conf

2- Define your virtual hosts with the httpd-vhosts.conf The file is located in wamp\bin\apache\Apache2.2.11\conf\extra. Here is an example defining 3 virtualhosts plus the default localhost

[script]
#
# Virtual Hosts
#
# If you want to maintain multiple domains/hostnames on your
# machine you can setup VirtualHost containers for them. Most configurations
# use only name-based virtual hosts so the server doesn't need to worry about
# IP addresses. This is indicated by the asterisks in the directives below.
#
# Please see the documentation at 
# <URL:http://httpd.apache.org/docs/2.2/vhosts/>
# for further details before you try to setup virtual hosts.
#
# You may use the command line option '-S' to verify your virtual host
# configuration.

#
# Use name-based virtual hosting.
#
NameVirtualHost *:80

#
# VirtualHost example:
# Almost any Apache directive may go into a VirtualHost container.
# The first VirtualHost section is used for all requests that do not
# match a ServerName or ServerAlias in any <VirtualHost> block.
#

# Magento
<VirtualHost *:80>
    ServerAdmin webmaster@mag.localhost
    DocumentRoot "D:\wamp\www\magento"
    ServerName mag.localhost
    ErrorLog "logs/mag.localhost-error.log"
    CustomLog "logs/mag.localhost-access.log" common
    <Directory "D:\wamp\www\magento">
        Options Indexes FollowSymLinks
        AllowOverride all
        Order Deny,Allow
        Deny from all
        Allow from 127.0.0.1
    </Directory>
</VirtualHost>

# localhost
<VirtualHost *:80>
    ServerAdmin webmaster@localhost
    DocumentRoot "d:\wamp\www"
    ServerName localhost
    ErrorLog "logs/localhost-error.log"
    CustomLog "logs/localhost-access.log" common
    <Directory "d:\wamp\www">
        Options Indexes FollowSymLinks
        AllowOverride all
        Order Deny,Allow
        Deny from all
        Allow from 127.0.0.1
    </Directory>
</VirtualHost>

# Symfony
<VirtualHost *:80>
    ServerAdmin webmaster@sf.localhost
    DocumentRoot "d:/wamp/www/sf_sandbox/web/"
    ServerName sf.localhost
    ServerAlias www.sf.localhost
    ErrorLog "logs/sf.localhost-error.log"
    CustomLog "logs/dummy-host.localhost-access.log" common
    <Directory "d:/wamp/www/sf_sandbox/web/">
        Options Indexes FollowSymLinks
        AllowOverride all
        Order Deny,Allow
        Deny from all
        Allow from 127.0.0.1
    </Directory>
    Alias /sf/ "d:\wamp\www\sf_sandbox\lib\vendor\symfony\data\web\sf/" 
    
    <Directory "d:\wamp\www\sf_sandbox\lib\vendor\symfony\data\web\sf/">
        Options Indexes FollowSymLinks MultiViews
        AllowOverride all
            Order allow,deny
        Allow from all
    </Directory>    
</VirtualHost>

# Apostrophe Symfony
<VirtualHost *:80>
    ServerAdmin webmaster@a.localhost
    DocumentRoot "d:/wamp/www/asandbox/web/"
    ServerName a.localhost
    ServerAlias www.a.localhost
    ErrorLog "logs/sf.localhost-error.log"
    CustomLog "logs/dummy-host.localhost-access.log" common
    <Directory "d:/wamp/www/asandbox/web/">
        Options Indexes FollowSymLinks
        AllowOverride all
        Order Deny,Allow
        Deny from all
        Allow from 127.0.0.1
    </Directory>
    Alias /sf/ "d:\wamp\www\asandbox\lib\vendor\symfony\data\web\sf/" 
    
    <Directory "d:\wamp\www\asandbox\lib\vendor\symfony\data\web\sf/">
        Options Indexes FollowSymLinks MultiViews
        AllowOverride all
            Order allow,deny
        Allow from all
    </Directory>    
</VirtualHost>

3- Add your virtual hosts to the local hosts.conf

Edit the file located in C:\WINDOWS\system32\drivers\etc\hosts, then add your virtual hosts.

[script]
127.0.0.1       localhost
127.0.0.1       sf.localhost
127.0.0.1       mag.localhost
127.0.0.1       a.localhost

4- Start Wamp & give a try

After you started wamp, you can now open your navigator an give a try to your dirrefent virtual hosts. Apache will recognize automatically the address you want to access, even if everything is hosted on the same machine.

désactiver le timeout avec sfGUardSecurityUser dans Symfony

Jean-Baptiste HEREN — Wed, 12 Jan 2011 21:55:00 +0100

Voici comment désactiver le timeout des sessions Symony, utilisant une classe myUser dérivée de sfGuardSecurityUser.

Modifier la durée maximale de session dans php.ini

[ini]
 session.gc_maxlifetime = 86400

Modifier la classe apps/votre_app/lib/myUser.class.php

[php]
class myUser extends sfGuardSecurityUser
{
  // on surcharge le constructeur afin de fixer la valeur du timeout.
  public function initialize(sfEventDispatcher $dispatcher, sfStorage $storage, $options = array())
  {
    // timeout est fixé à false. On peut également fixer une valeur en secondes.
    $options['timeout'] = false;
    parent::initialize($dispatcher, $storage, $options);
  }
}

Merci à Blue Horn pour son précieux post, ainsi que le groupe de discussion Symfony :)

Symfony : une tâche pour recréer un index Lucene

Jean-Baptiste HEREN — Mon, 01 Nov 2010 20:25:00 +0100

Cela fait maintenant quelques mois que je travaille avec le framework PHP symfony, et j'en profite pour partager un peu.

Si comme moi (et comme dans le tutoriel Jobeet) vous utilisez les index Lucene, issus du Framework PHP Zend, vous avez certainement eu besoin de ré-indexer des données suite à un import de données ou à une erreur quelconque(!).

Voici donc le code d'une tâche symfony, qui reconstruit intégralement l'index Lucene d'une table à partir des données existantes.

Dans cet exemple, je ré-indexe les champs d'une table user. Pour limiter l'utilisation de mémoire, je traite les données par paquets de 500 lignes.

-------------
|  user     |
-------------
| id (pk)   |
| firstname |
| lastname  |
| username  |
| email     |
-------------

Le fichier userReindexTask.class.php se trouve dans le dossier /lib/Task
Pour l'exécuter dans l'environnement de prod, par exemple: ./symfony user:reindex --env=prod

Elastic, le CSS devient un bonheur.

Jean-Baptiste HEREN — Mon, 18 Oct 2010 19:57:00 +0200

Pourquoi un Framework CSS ?

Aprés les FrameWork PHP et Javascript, il restait un élément à simplifier : CSS.
Les frameworks CSS permettent de simplifier la définition de Modèles (ou "layouts"). il s'agit de
- s'affranchir des interprétations des différents navigateurs.
- améliorer la lisibilité du code et donc son maintien
Tout cela permettant bien sûr d'accélérer le développement.

Un exemple de Framework CSS : Elastic

Vous trouverez sur le web, une liste foisonnante de frameworks CSS, blueprint en tête.

Pour ma part, j'ai testé (et adopté) Elastic. Un petit tour du côté des démos CSS vous donnera certainement envie, j'ai particulièrement aimé les layouts adaptatifs.

Elastic utilise JQuery en interne, une preuve de bon goût, et sa prise en main est vraiment rapide. Je en saurai faire mieux que le site Elastic lui-même, commencez donc par les layouts web Typiques.

Une Alternative à la suite Graphique Adobe pour OSX ?

Jean-Baptiste HEREN — Tue, 20 Jul 2010 00:10:00 +0200

En tant que travailleurs du Web, nous sommes habitués à travailler avec les logiciels Adobe, même pour réaliser des tâches simples comme de petites illustrations vectorielles, ou simplement du découpage d'images avec optimisation pour le Web.

En tant qu'indépendant ou pour un usage personnel, se pose d'un coup la question du coût des licences logicielles. Pourquoi donc dépenser 2000€ sans comparer les offres. N'existe-il pas des logiciels équivalents (voire meilleurs) et moins onéreux ?

Après des mois de recherche pour monter une chaine logicielle alternative, à la fois fonctionnelle et pas cher, voici ce que j'ai pu trouver : nous verrons que, passé un petit temps d'adaptation, certaines de ces applications nous offrent beaucoup plus qu'un alternative.

Chacun de ces logiciels est disponible en version d'essai. Un excellent moyen de se faire sa propre idée !

Remplacer Photoshop

Pour la retouche d'image, le Mac n'est pas en reste, avec des applications très bien faites.

Pixelmator

Le logiciel le plus reconnu du secteur sur Mac. Son interface ne déroutera pas l'habitué de photoshop, les menus sont situés au même endroit et les fonctions sont similaires. Il dispose de tout le nécessaire pour la photo édition et le découpage. On trouve également une fonction d'export pour le web.

Pixelmator est capable d'ouvrir vos fichiers PSD, vous retrouverez vos calques, textes, tout cela en parfait état !

On regrettera l'absence de certains outils comme le lasso magnétique, tellement pratique pour le détourage, peut-être dans une prochaine version ?

Les Plus :

On garde nos habitudes issues de Photoshop.
Interface soignée
Tarif abordable : 49$
Traduit en Français !
Trés nombreux formats gérés, y compris RAW et PSD !
Gestion des tablettes graphiques
Documentation très riche (http://www.pixelmator.com/learn/)

les Moins :

Pas de lasso magnétique.

Acorn

A l'ouverture du logiciel, on remarque que les développeurs ont vraiment voulu faire un remplaçant allégé de photoshop. Les menu, comme pour Pixelmator, sont calqués sur le logiciel d'Adobe. On remarque simplement un moins grand nombre d'outils, mais des options assez poussées, par exemple dans le choix des pinceaux et encres. Il dispose aussi de plus nombreux effets.

Les Plus :

On garde nos habitudes issues de Photoshop.
Tarif abordable : 29€
Gestion des tablettes graphiques
Boite à outil originale et simple d'utilisation

les Moins :

Pas de lasso magnétique.
Pas de langue Française.
Peu de documentation

Replacer Illustrator

Pour quiconque travaille avec Illustrator sans y avoir été entrainé au berceau, ce logiciel est un calvaire. Absolument pas intuitif, lourd et instable, ce logiciel est en fait un incontournable du fait de sa présence historique dans le milieu de l'imprimerie et de la création graphique. Vous allez dire que je ne suis pas objectif ? C'est tout à fait exact, en fait je n'ai jamais réussi à faire quoi que ce soit avec Illustrator, sans doute n'y suis-je pas adapté ;).

Drawit

Ce logiciel dont la licence "à vie" vous coutera 29$, est relativement atypique. Il s'agit en fait d'un logiciel de dessin vectoriel, mais avec la possibilité d'appliquer des effets bitmap. Certains le comparent plutôt à Fireworks. Il est parfait pour la création vectorielle et ne rebutera pas le débutant. Cela fait maintenant quelques mois que je l'utilise régulièrement et si son interface ne ressemble à rien que je connaisse, elle est très efficace et intuitive.

Les Plus :

Interface Novatrice, Simple et intuitive
Vraiment pas cher pour une licence à vie : 29$
Système de superposition d'effets

les Moins :

Pas d'export SVG (sans doute lié aux effets BItmap)
Taille de Canva Fixe (on peut se débrouiller avec copier coller vers un nouveau projet)
Quelques Bugs résiduels dans la gestion des groupes

LineForm

Logiciel le plus connu dans ce secteur, j'avoue ne pas avoir accroché du tout. Il faut dire que je ne suis pas non plus un adepte de Illustrator. Il m'est donc difficile de donner un avis sur les différences / similitudes avec celui-ci.

Les Plus :

Gestion du SVG
Dessin 100% Vectoriel

les Moins :

Tarif relativement élevé (comparé à drawit) : 79$
Interface Old School

Conclusion

Cela reste un choix personnel, mais voici les logiciels que j'ai choisi :

Pixelmator : Beau, léger, rapide. J'espère un jour y voir le lasso magnétique :)
Drawit : Interface efficace, outils faciles à apprivoiser, souple.

Côté Flash, malheureusement il n'y a pas vraiment d'alternative. Pour moi, pas question de développer des interface complexes avec Flash: Son usage se limite à des bannières, boutons ou menus améliorés. Toutes ces choses sont réalisables avec CSS/Javascript (http://script.aculo.us/), et je ne doute pas qu'un outil nous permettra bientôt de réaliser ce travail via une interface similaire à Flash.

Pour aller plus loin

Très complet, voici un comparatif entre PixelMator, Acorn et Drawit