{"id":39,"date":"2014-09-30T12:54:59","date_gmt":"2014-09-30T12:54:59","guid":{"rendered":"http:\/\/lalloue.fr\/blog\/?p=39"},"modified":"2014-11-20T22:55:36","modified_gmt":"2014-11-20T21:55:36","slug":"creer-un-fichier-de-configuration-javascript","status":"publish","type":"post","link":"http:\/\/lalloue.fr\/blog\/creer-un-fichier-de-configuration-javascript\/","title":{"rendered":"Cr\u00e9er un fichier de configuration Javascript"},"content":{"rendered":"

Il est souvent utile de centraliser tous le param\u00e9trage de votre application javascript dans un seul et m\u00eame ficher et d’avoir acc\u00e8s \u00e0 ces propri\u00e9t\u00e9s n’importe o\u00f9 ensuite.
\nPar exemple, on peut y mettre les\u00a0informations de connexion \u00e0 la base de donn\u00e9es, le num\u00e9ro de version, etc…<\/p>\n

Et surtout, \u00e7a \u00e9vite d’avoir des variables un peut partout dans le code qu’il faut rechercher \u00e0 chaque fois quand on veut modifier un petit param\u00e9trage.<\/p>\n

Vous ne voyez pas l\u2019int\u00e9r\u00eat sur votre projet de 300 lignes? Et bien attendez de vous retrouver avec un projet de 10.000 lignes et vous en verrez vite l\u2019int\u00e9r\u00eat \ud83d\ude09<\/p>\n

<\/p>\n

Cr\u00e9ation du fichier de configuration<\/h3>\n

Dans un premier temps on va cr\u00e9er ce fichier de configuration.
\npour ma part je vais l’appeler “config.js”<\/strong> et le placer dans un r\u00e9pertoire “\/js”<\/strong> sur mon projet.<\/p>\n

A l’int\u00e9rieur on va cr\u00e9er un objet “globalConfig” compos\u00e9 des diff\u00e9rentes variables que vous souhaitez param\u00e9trer :<\/p>\n

\r\nvar globalConfig = {\r\n  bddHost: 'http:\\\\localhost',\r\n  bddUser: 'admin',\r\n  bddPassword: 'admin',\r\n  enabled: true,\r\n  version: 2\r\n};\r\n<\/pre>\n
On peut ainsi y ins\u00e9rer des variables de tout type, des tableaux, etc… avec la syntaxe : <key>: <value><\/strong><\/p>\n
Utilisation<\/h3>\n
Pour que ce fichier soit prit en compte il faut maintenant l’inclure dans votre fichier “index.html” :<\/p>\n
\r\n<!doctype html>\r\n<head>\r\n<script src="js\/config.js"><\/script>\r\n...\r\n<\/pre>\n
Puis, dans tous vos fichiers js il vous suffira d’effectuer un appel \u00e0 l’objet “globalConfig” pour r\u00e9cup\u00e9rer ses informations :<\/p>\n
\r\n...\r\n  if (globalConfig.enabled) {\r\n      var host = globalConfig.bddHost;\r\n      var user = globalConfig.bddUser;\r\n      var password = globalConfig.bddPassword;\r\n  }\r\n  ...\r\n<\/pre>\n
C’est tout simple, mais c’est “le” petit truc qui organise bien vos param\u00e8tres d’application et votre code et qu’on oublie toujours !<\/p>\n","protected":false},"excerpt":{"rendered":"
Il est souvent utile de centraliser tous le param\u00e9trage de votre application javascript dans un seul et m\u00eame ficher et d’avoir acc\u00e8s \u00e0 ces propri\u00e9t\u00e9s n’importe o\u00f9 ensuite. Par exemple, on peut y mettre les\u00a0informations de connexion \u00e0 la base de donn\u00e9es, le num\u00e9ro de version, etc… Et surtout, \u00e7a \u00e9vite d’avoir des variables un … <\/p>\n
Continuer la lecture  \u00ab\u00a0Cr\u00e9er un fichier de configuration Javascript\u00a0\u00bb<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[39],"_links":{"self":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/39"}],"collection":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":7,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":162,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/39\/revisions\/162"}],"wp:attachment":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}