Afficher le numéro de version de son application Cordova

Apache_Cordova1

Quand on développe une application mobile, il est conseillé d’afficher quelque part son numéro de version.
Cela peut servir à dépanner un utilisateur en lui demandant la version qu’il utilise mais également à l’utilisateur de savoir s’il a bien la dernière version par exemple.

Alors dans une application mobile hybride qui utilise Cordova, comment afficher ce numéro de version ?


 

Un plugin bien utile :

“Il y a un plugin pour tout”, et dans ce cas, c’est également vrai !

Le plugin s’appelle “Cordova AppVersion” et est disponible ici : https://github.com/whiteoctober/cordova-plugin-app-version/tree/master

 

Installation :

Pour l’installation, rien de bien compliqué, il suffit d’utiliser votre commande habituelle pour installer un plugin Cordova :

cordova plugin add https://github.com/whiteoctober/cordova-plugin-app-version.git

 

Utilisation :

Et l’utilisation est toute aussi simple.

Si vous utilisez JQuery :

if (window.cordova) {
	cordova.getAppVersion().then(function(version) {
		$('.version').text(version);
	});
}

Et si vous utilisez AngularJs par exemple :

if (window.cordova) {
	cordova.getAppVersion(function(version) {
		$scope.version = version;
	});
}

Mais comment ce plugin va chercher la version de votre application ?
Et bien il va lire l’information dans les fichiers de paramétrage de votre application.

Par exemple si vous utilisez ‘Grunt’, cette information est renseignée dans le paramétrage cordova :

"cordova": {
     "dist": "cordova",
     "id": "com.lalloue.geoffrey",
     "name": "App test",
     "version": "0.1.0",
     "versionCode": "1",
     ...

(si vous ne connaissez pas ‘Grunt’ je vous invite à lire cet article : http://lalloue.fr/blog/grunt-installation-et-utilisation/).

Par défaut, dans une application Cordova, le numéro de version se trouve dans le fichier ‘config.xml’ :

<widget id="com.example.hello" version="0.0.1">
        <name>HelloWorld</name>
        <description>
            Description de l'app Cordova
        </description>
        <author email="dev@callback.apache.org" href="http://phonegap.com">
            Apache Cordova Team
        </author>
        <content src="index.html" />
        <access origin="*" />
    </widget>

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Prouve moi que tu es bien humain ->