Créer un blog WordPress sur Heroku gratuitement

Créer un blog WordPress sur Heroku gratuitement

Dans ce tutoriel, je vais vous montrer comment créer un blog sous wordpress hébergé 100% gratuitement en cloud. Je recommande ce tutoriel surtout à ceux qui débutent sur Heroku et dans le cloud. En revanche, je déconseille fortement cette configuration là pour un site en production. Le cloud gratuit ne permet pas des performances optimales pour un site internet (sauf pour un très petit site).

I – Installation de wordpress

Télécharger et décompresser WordPress en local

Sur Ubuntu

wget https://fr.wordpress.org/wordpress-latest-fr_FR.zip
sudo unzip wordpress-latest-fr_FR.zip -d /var/www/html/heroku
cd wordpress
mv wp-config-sample.php wp-config.php

Modifier le wp-config.php

Tout d’abord, modifiez les premières lignes de configuration de la base de données pour avoir les mêmes lignes que le code affiché ci-dessous. On se prépare déjà à utiliser les variable d’environnement Heroku.

// ** MySQL settings - You can get this info from your web host ** //
$db = parse_url($_ENV["DATABASE"]);
/** The name of the database for WordPress */
define('DB_NAME', trim($db["path"],"/"));
/** MySQL database username */
define('DB_USER', $db["user"]);
/** MySQL database password */
define('DB_PASSWORD', $db["pass"]);
/** MySQL hostname */
define('DB_HOST', $db["host"]);

Vous allez ensuite faire la même chose pour l’authentification et le salage de wordpress :

define('AUTH_KEY', getenv('AUTH_KEY'));
define('SECURE_AUTH_KEY', getenv('SECURE_AUTH_KEY'));
define('LOGGED_IN_KEY', getenv('LOGGED_IN_KEY'));
define('NONCE_KEY', getenv('NONCE_KEY'));
define('AUTH_SALT', getenv('AUTH_SALT'));
define('SECURE_AUTH_SALT', getenv('SECURE_AUTH_SALT'));
define('LOGGED_IN_SALT', getenv('LOGGED_IN_SALT'));
define('NONCE_SALT', getenv('NONCE_SALT'));

Vous pouvez éventuellement modifier quelques paramètres du fichier comme le préfixe des tables de la base de données WordPress de la même manière. Libre à vous !

Mettre son code WordPress sur Github

Il est très simple sur Heroku de lier son application avec un répertoire github : autant s’en servir ! Alors allons-y ! Vous allez donc créer un nouveau repository sur Github et nommez -le comme vous le souhaitez (de manière à pouvoir le reconnaître quand même :p). Vous pourrez ensuite appliquer le code suivant :

//Placer vous dans votre répertoire wordpress
git init
git add .
git commit -m "first commit"
//Retrouver l'URL qui vous convient directement sur Github en cas de problème
git remote add origin https://github.com/identifiant-github/super-nom-de-repository.git
git push -u origin master

II – Votre base de donnée avec Clever Cloud

Pour la base de données, j’ai choisi Clever Cloud qui m’a semblé avoir l’offre gratuite la plus intéressante du marché. Vous pouvez bien évidemment choisir la base de données de votre choix. Le tout est de pouvoir la connecter avec Heroku.

Pour ceux qui suivent entièrement ce tuto, voici les étapes à suivre en capture d’écran sur Clever Cloud.

  1. comment créer une base de données sur Clever Cloud ?
  2. chosir un add-on mysql sur Clever cloud
  3. Choisir "dev" pour la base de données mysql de clever cloud
  4. Choisir le nom de la base de données Clever cloud
  5. Pensez à noter tous vos identifiants pour vous connecter à la base de données, vous en aurez besoin par la suite.

    identifiants de votre base de données clever cloud

III – Créer son application Heroku

Pour créer l’application Heroku, vous avez encore une fois plusieurs possibilités. Je vais passer par la plus facile qui est la solution graphique. Suivez ces étapes pour créer la vôtre !

  1. Créer une application heroku
  2. Choisir le nom de l'application Heroku
  3. Vous devez ensuite lier votre compte Github à Heroku et visualiser cela dans l’onglet « Deploy » d’Heroku. Lorsque tout est prêt vous pouvez appuyer sur le bouton Deploy entouré en rouge ci-dessous.

    déployer application Heroku

Votre application wordpress en cloud n’est pas encore prête. En effet, il vous manque vos variables d’environnement. Allons y pour cette dernière étape !

  1. Allez dans la rubrique « Settings » d’Heroku
  2. Cliquez sur « Reveal Config Vars »
  3. Configurez vos variables de la manière suivante :

    configurer les variables d'environnement sur Heroku pour WordPress

    Lien pour le salage et l’authentification wordpress

    Pour la base de données, configurez la variable DATABASE de la manière suivante :
    mysql://user:password@host/database?reconnect=true

  4. Et voilà le résultat lorsque vous lancer votre application :

    Résultat wordpress lorsque l'on ouvre l'application heroku

    Merci d’avoir suivi ce tutoriel Heroku. Toute question ou remarque est bonne à prendre en commentaire ! Lisez cet article pour savoir comment promouvoir votre blog sous wordpress avec Twitter.

    Partagez avec vos amis !

Geoffrey Lopez

Geoffrey Lopez est un Web Developer spécialisé dans le commerce électronique. Actuellement apprenti à la Compagnie du Bicarbonate et étudiant en Master Cloud Computing & Mobility, Geoffrey souhaite par la suite devenir directeur e-commerce.

Laisser un commentaire