nodejs利用readline提示輸入內容實例代碼
前言
最近進行小版本發包測試時忘記修改版本號瞭，進而想到在打包前提示輸入版本號，然後把版本號打進版本說明內。最終效果為雙擊bat文件在終端內提示輸入版本號，輸入完成後保存版本號。
雖說批處理也可以做這事，但用js來寫更得心應手點，故選用js處理。
過程分為四步
- bat執行js
- 終端提示輸入版本號、執行打包命令
- 修改版本號文件
- gulp讀取版本號json文件
簡單來說是用bat文件觸發打包命令進行打包。
1. bat執行js
首先創建兩個文件buildVersion.bat、buildVersion.js。
buildVersion.bat中使用node運行js文件
@echo off set curpath=%~dp0 %curpath%nodejs\node.exe %curpath%buildVersion.js pause
%~dp0為當前目錄。也可以在js後面傳參數，如–buildType default
2. 終端提示輸入版本號、執行打包命令
使用readline實現問答效果，再用child_process執行打包命令行。
進入buildVersion.js文件，先寫簡單的提示輸入效果。
const readline = require('readline');
const rl = readline.createInterface({
input: process.stdin,
output: process.stdout,
});
rl.question(`請輸入新版本號： `, (name) => {
});
這樣達不到效果。我們先顯示之前的版本號，然後再提示輸入新版本號，而且輸入為空時沿用上次版本號。
// 獲取版本信息，具體實現在第三步
var versionInfo;
const versionInfoUrl = './src/config/version/version.js';
function getVersion() {
var buildVersion = "";
try {
versionInfo = require(versionInfoUrl);
buildVersion = versionInfo.version;
} catch (error) {
}
return buildVersion;
}
提示輸入變成這樣
const chalk = require('chalk'); // 引入顏色庫
rl.question(`${chalk.cyan("當前版本號： ")}${chalk.bold.red(getVersion())} \n請輸入新版本號： `, (name) => {
!name && (name=versionInfo?versionInfo.version:"");
console.log(`${chalk.cyan("新版本號是： ")}${chalk.bold.yellow(name)}`);
在終端上效果為
有時版本號前會有固定前綴，我們在提示輸入時把前綴顯示出來，可以隨意刪除
// 寫入默認值
rl.write("Version ")
接下來是運行打包命令。當前項目使用gulp打包。要在終端中顯示gulp的提示信息，選用child_process.spawn
// 解析bat運行傳入的參數
var minimist = require('minimist');
var argv = minimist(process.argv.slice(2), {
string: ["name"]
});
const child_process = require('child_process');
rl.question(`${chalk.cyan("當前版本號： ")}${chalk.bold.red(getVersion())} \n請輸入新版本號： `, (name) => {
!name && (name=versionInfo?versionInfo.version:"");
console.log(`${chalk.cyan("新版本號是： ")}${chalk.bold.yellow(name)}`);
// 記錄新版本號
changeVersion(name);
var buildType = argv.buildType || "build" // 命令為gulp中配置好的
var gulpCmd = `gulp ${buildType} --buildVersion "${name}" --color --f ${__dirname}/gulpfile.js`;
console.log(gulpCmd);
let spawnProcess = child_process.spawn(gulpCmd, [], {
shell: true
});
spawnProcess.stdout.on('data', (data) => {
console.log(`${data.toString()}`);
});
spawnProcess.stderr.on('data', (data) => {
console.log(`stderror: ${data}`);
});
spawnProcess.on('close', (code) => {
if (code !== 0) {
console.log(`close: $[code]`);
}
});
spawnProcess.on('exit', (code) => {
// console.log(`exit: ${code.toString()}`);
console.log(chalk.bold.yellow("----------------- 完成 --------------------"));
});
});
function changeVersion(params) {
if (versionInfo && versionInfo.changeVersion) {
versionInfo.changeVersion(params);
}
}
在終端上效果為
使用其他打包工具可以這樣
let exec = require('child_process').execSync;
exec('vue-cli-service --mode dev build', {
stdio: 'inherit'
});
3. 修改版本號文件
修改文件我想到的事用fs.writeFile寫文件，但這樣對json格式很好處理，對js文件處理很不方便。所以我把版本信息單獨存在json文件中。創建兩個文件version.js、version.json。
var VersionInfoJson;
// 考慮到可能會在html中引用，做瞭區分
if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
getVersionInfo(true);
} else {
if (typeof define === 'function' && define.amd) {
getVersionInfo(false);
} else {
getVersionInfoLocal();
}
}
function getVersionInfo(isModule) {
try {
VersionInfoJson = require("./version.json");
} catch (error) {
VersionInfoJson = {};
}
VersionInfoJson.buildTime = getNowFormatDate();
VersionInfoJson.changeVersion = changeVersion;
if (isModule) {
module.exports = VersionInfoJson;
}else{
define([], function () {
return VersionInfoJson;
});
}
}
async function getVersionInfoLocal() {
try {
VersionInfoJson = await getVersionJson();
} catch (error) {
VersionInfoJson = {};
}
VersionInfoJson.buildTime = getNowFormatDate();
window.VersionInfo = VersionInfoJson;
}
function getVersionJson() {
return new Promise((resolve, reject)=>{
var request = new XMLHttpRequest();
request.open("get", "config/version/version.json");
request.send(null);
request.onload = function () {
if (request.status == 200) {
var json = JSON.parse(request.responseText);
resolve(json);
}else{
var json = {};
resolve(json);
}
}
});
}
function changeVersion(version) {
var copyVersion = cloneObj(VersionInfoJson);
copyVersion.version = version;
if (copyVersion.hasOwnProperty("changeVersion")) {
delete copyVersion["changeVersion"]
}
// console.log(copyVersion, __dirname, __filename)
let fs = require('fs');
fs.writeFile(__dirname + "/version.json", JSON.stringify(copyVersion), (err) => {
});
}
// 1、用new obj.constructor ()構造函數新建一個空的對象，而不是使用{}或者[],這樣可以保持原形鏈的繼承；
// 2、用obj.hasOwnProperty(key)來判斷屬性是否來自原型鏈上，因為for..in..也會遍歷其原型鏈上的可枚舉屬性。
// 3、上面的函數用到遞歸算法，在函數有名字，而且名字以後也不會變的情況下，這樣定義沒有問題。但問題是這個函數的執行與函數名 factorial 緊緊耦合在瞭一起。為瞭消除這種緊密耦合的現象，需要使用 arguments.callee。
function cloneObj(obj) {
if (obj === null) return null
if (typeof obj !== 'object') return obj;
if (obj.constructor === Date) return new Date(obj);
if (obj.constructor === RegExp) return new RegExp(obj);
var newObj = new obj.constructor(); //保持繼承鏈
for (var key in obj) {
if (obj.hasOwnProperty(key)) { //不遍歷其原型鏈上的屬性
var val = obj[key];
newObj[key] = typeof val === 'object' ? arguments.callee(val) : val; // 使用arguments.callee解除與函數名的耦合
}
}
return newObj;
}
function getNowFormatDate() {
var date = new Date();
var seperator1 = "-"; // 年月日間隔
var seperator2 = ":"; // 時分秒間隔
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
" " + date.getHours() + seperator2 + date.getMinutes() +
seperator2 + date.getSeconds();
return currentdate;
}
4. gulp讀取版本號json文件
這一步就簡單瞭。可以直接引用json。
const versionInfo = require(‘./src/config/version/version.js’);
也可以從gulp命令中拿到版本號。
var minimist = require('minimist');
var argv = minimist(process.argv.slice(2), {
string: ["name"]
});
console.log(argv.buildVersion)
做近一步的處理。
總結
到此這篇關於nodejs利用readline提示輸入內容的文章就介紹到這瞭,更多相關nodejs readline提示輸入內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！
推薦閱讀：
- Nodejs處理Json文件並將處理後的數據寫入新文件中
- 基於Vue結合ElementUI的換膚解決方案
- 詳解前端任務構建利器Gulp.js使用指南
- 利用Node.js創建一個密碼生成器的全步驟
- Nodejs搭建多進程Web服務器實現過程