{"id":306,"date":"2015-03-02T17:33:17","date_gmt":"2015-03-02T16:33:17","guid":{"rendered":"http:\/\/lalloue.fr\/blog\/?p=306"},"modified":"2015-03-02T18:00:11","modified_gmt":"2015-03-02T17:00:11","slug":"afficher-le-numero-de-version-de-son-application-cordova","status":"publish","type":"post","link":"http:\/\/lalloue.fr\/blog\/afficher-le-numero-de-version-de-son-application-cordova\/","title":{"rendered":"Afficher le num\u00e9ro de version de son application Cordova"},"content":{"rendered":"

\"Apache_Cordova1\"<\/a><\/p>\n

Quand on d\u00e9veloppe une application mobile, il est conseill\u00e9 d’afficher quelque part son num\u00e9ro de version.
\nCela peut servir \u00e0 d\u00e9panner un utilisateur en lui demandant la version qu’il utilise mais \u00e9galement \u00e0 l’utilisateur de savoir s’il a bien la derni\u00e8re version par exemple.<\/p>\n

Alors dans une application mobile hybride qui utilise Cordova, comment afficher ce num\u00e9ro de version ?<\/p>\n


\n <\/p>\n

Un plugin bien utile :<\/h3>\n

“Il y a un plugin pour tout”, et dans ce cas, c’est \u00e9galement vrai !<\/p>\n

Le plugin s\u2019appelle “Cordova AppVersion” et est disponible ici :\u00a0https:\/\/github.com\/whiteoctober\/cordova-plugin-app-version\/tree\/master<\/a><\/p>\n

 <\/p>\n

Installation :<\/h3>\n

Pour l’installation, rien de bien compliqu\u00e9, il suffit d’utiliser votre commande habituelle pour installer un plugin Cordova :<\/p>\n

cordova plugin add https:\/\/github.com\/whiteoctober\/cordova-plugin-app-version.git<\/pre>\n
 <\/p>\n
Utilisation :<\/h3>\n
Et l’utilisation est toute aussi simple.<\/p>\n
Si vous utilisez JQuery :<\/p>\n
\r\nif (window.cordova) {\r\n\tcordova.getAppVersion().then(function(version) {\r\n\t\t$('.version').text(version);\r\n\t});\r\n}\r\n<\/pre>\n
Et si vous utilisez AngularJs par exemple :<\/p>\n
\r\nif (window.cordova) {\r\n\tcordova.getAppVersion(function(version) {\r\n\t\t$scope.version = version;\r\n\t});\r\n}\r\n<\/pre>\n
Mais comment ce plugin va chercher la version de votre application ?
\nEt bien il va lire l’information dans les fichiers de param\u00e9trage de votre application.<\/p>\n
Par exemple si vous utilisez ‘Grunt’, cette information est renseign\u00e9e dans le param\u00e9trage cordova :<\/p>\n
\r\n"cordova": {\r\n     "dist": "cordova",\r\n     "id": "com.lalloue.geoffrey",\r\n     "name": "App test",\r\n     "version": "0.1.0",\r\n     "versionCode": "1",\r\n     ...\r\n<\/pre>\n
(si vous ne connaissez pas ‘Grunt’ je vous invite \u00e0 lire cet article : http:\/\/lalloue.fr\/blog\/grunt-installation-et-utilisation\/<\/a>).<\/p>\n
Par d\u00e9faut, dans une application Cordova, le num\u00e9ro de version se trouve dans le fichier ‘config.xml’ :<\/p>\n
\r\n<widget id="com.example.hello" version="0.0.1">\r\n        <name>HelloWorld<\/name>\r\n        <description>\r\n            Description de l'app Cordova\r\n        <\/description>\r\n        <author email="dev@callback.apache.org" href="http:\/\/phonegap.com">\r\n            Apache Cordova Team\r\n        <\/author>\r\n        <content src="index.html" \/>\r\n        <access origin="*" \/>\r\n    <\/widget>\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Quand on d\u00e9veloppe une application mobile, il est conseill\u00e9 d’afficher quelque part son num\u00e9ro de version. Cela peut servir \u00e0 d\u00e9panner un utilisateur en lui demandant la version qu’il utilise mais \u00e9galement \u00e0 l’utilisateur de savoir s’il a bien la derni\u00e8re version par exemple. Alors dans une application mobile hybride qui utilise Cordova, comment afficher … <\/p>\n
Continuer la lecture  \u00ab\u00a0Afficher le num\u00e9ro de version de son application Cordova\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":[17,15,9,32],"tags":[19,24,39,33],"_links":{"self":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/306"}],"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=306"}],"version-history":[{"count":8,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/306\/revisions"}],"predecessor-version":[{"id":314,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/posts\/306\/revisions\/314"}],"wp:attachment":[{"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/media?parent=306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/categories?post=306"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lalloue.fr\/blog\/wp-json\/wp\/v2\/tags?post=306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}