问题
How do I find out, which version my Cordova app is? I need that information to display it in an About screen.
Is it possible to read the config.xml and get the version string, which i am already maintaining in this file?
<widget ... version="0.0.1" ...
I would like to have a solution where I do not have to maintain the app's version number in several places in the code. Also, I do not want a plugin for that purpose, because most plugins do not support Android, iOS and browser as platforms.
Or am I overlooking a core plugin attribute?
Or is there a solution where I maintain one file, which is no the config.xml, and the config.xml gets the version information from that file?
How are you implementing "display version info" in your app's about screen? Any hint is appreciated.
My Cordova version is:
>cordova -v
4.2.0
回答1:
If you are not interested in using any third party plugin to achieve this, then I feel Cordova hooks is the way to go. You can come up with a before_build hook to read the version from config.xml file and make use of the same in app.
Fortunately, this hook is readily available for you in the following link where they are reading version from config.xml and injecting it as a dependency wherever required.
Suggest you to also have a look at the official documentation of cordova hooks for better understanding.
In fact, you can also try out reading version info from config.xml and directly put it in some placeholder that you can create in your index.html to display the version info. This can be done before cordova build using hooks which in turn uses windows batch file that does the file operations. You can checkout a working sample of cordova hook that uses batch file in my github page.
回答2:
Based on the script that @Gandhi pointed to in his answer, I updated the script to make it work for me with the current cordova@8: I use it as "after_prepare" hook, not "before_build", as in the later case the changed file got overwritten again when cordova copied the stuff to the platform directory soon after the hook has been executed ...
The script uses xml2js, so be sure to exec npm i xml2js --save-dev to make xml2js available.
#!/usr/bin/env node
// taken from https://www.bram.us/2015/01/04/cordova-build-hook-script-for-displaying-build-version-in-your-app/
// see https://stackoverflow.com/a/42650842
// This plugin replaces text in a file with the app version from config.xml.
// be sure to exec `npm i xml2js --save-dev` to make xml2js available
var wwwFileToReplace = "js/config.js";
var fs = require('fs');
var path = require('path');
var xml2js = require('xml2js');
function loadConfigXMLDoc(filePath) {
var json = "";
try {
var fileData = fs.readFileSync(filePath, 'ascii');
var parser = new xml2js.Parser();
parser.parseString(fileData.substring(0, fileData.length), function (err, result) {
//console.log("config.xml as JSON", JSON.stringify(result, null, 2));
json = result;
});
console.log("File '" + filePath + "' was successfully read.");
return json;
} catch (ex) {
console.log(ex)
}
}
function replace_string_in_file(filename, to_replace, replace_with) {
var data = fs.readFileSync(filename, 'utf8');
var result = data.replace(new RegExp(to_replace, "g"), replace_with);
fs.writeFileSync(filename, result, 'utf8');
//console.log("replaced in ", filename, "(", to_replace, " -> ", replace_with);
var data2 = fs.readFileSync(filename, 'utf8');
console.log(data2);
}
module.exports = function(context) {
// var rootdir = process.argv[2]; // old cordova version
var rootdir = context.opts.projectRoot;
console.log("projectRoot=", rootdir);
var configXMLPath = "config.xml";
var rawJSON = loadConfigXMLDoc(configXMLPath);
var version = rawJSON.widget.$.version;
console.log("Version:", version);
// var currentBuildPlatforms = process.env.CORDOVA_PLATFORMS.split(","); // old cordova version
var currentBuildPlatforms = context.opts.cordova.platforms;
//console.log(JSON.stringify(context));
console.log("Current build platforms: ", currentBuildPlatforms);
if (rootdir) {
currentBuildPlatforms.forEach(function(val, index, array) {
var wwwPath = "";
switch(val) {
case "ios":
wwwPath = "platforms/ios/www/";
break;
case "android":
wwwPath = "platforms/android/assets/www/";
break;
default:
console.log("Unknown build platform: " + val);
}
var fullfilename = path.join(rootdir, wwwPath + wwwFileToReplace);
if (fs.existsSync(fullfilename)) {
replace_string_in_file(fullfilename, "%%VERSION%%", version);
console.log("Replaced version in file: " + fullfilename);
}
});
}
}
Include this hook in your config.xml:
<hook src="scripts/after_prepare_read_app_version.js" type="after_prepare" />
回答3:
i use the plugin describe at https://github.com/whiteoctober/cordova-plugin-app-version 1 step : cordova plugin add https://github.com/whiteoctober/cordova-plugin-app-version.git
2 step (cut and paste) If you are using jQuery or AngularJS, promise style is supported. Use something like:
cordova.getAppVersion.getVersionNumber().then(function (version) {
$('.version').text(version);
});
If not, pass a callback function:
cordova.getAppVersion.getVersionNumber(function (version) {
alert(version);
});
cheers
回答4:
I would just do something like this:
cordova.getAppVersion.getVersionNumber().then(function (version) {
if (!window.localStorage['version'] || window.localStorage['version'] < version) {
window.localStorage['version'] = version;
}
});
That way you can call window.localStorage['version'] where ever you need it.
来源：https://stackoverflow.com/questions/28304156/how-do-i-get-the-version-string-i-defined-in-the-config-xml