前言

作为一个后端，服务器的管理基本就是我的责任了。目前管理的是window服务器，和linux类似,window提供了一个批处理进行一些简单的操作。今天下午我就临时现学了下如何使用批处理替换指定文件的内容。

问题

公司前端同事写了静态页面,部署到nginx服务器上时,需要修改请求接口的地方。配置接口url和端口的地方在一个文件中。由于使用jenkins自动部署，所以需要该操作需要自动完成。

解决

百度谷歌了许久，才找到一些例子，参考着实现了下面的代码
直接贴代码了。

@echo off
setlocal enabledelayedexpansion
set file=D:\lightai-web\js\loginvue.js
set file_tmp=D:\lightai-web\js\loginvue_tmp.js
set file_bak=D:\lightai-web\js\loginvue_bak.js
set source1=100.224.226.100
set  source2=180

set replaced1=127.0.0.1
set replaced2=80

for /f "delims=" %%i in (%file%) do (
    set str=%%i
        set "str=!str:%source1%=%replaced1%!"
        set "str=!str:%source2%=%replaced2%!"
        echo !str!>>%file_tmp%
)
copy "%file%" "%file_bak%" >nul 2>nul
move "%file_tmp%" "%file%"

解释下逻辑

• 定义3个变量。分别是源文件、 临时文件 、 备份文件。
• 定义2对变量。source是 替换前的字符串。 replaced是 替换后的字符串。
• 读取文件的每一行。进行替换。将内容写入到临时文件。
• 备份源文件。
• 临时文件覆盖源文件。完成替换。

使用方法

• 准备好文件。D:\lightai-web\js\loginvue.js
  例如下面的文件。

var app = new Vue({
  el: '.popbox',
   data: {
     usename:'',
     password:null,
     ip:'http://100.224.226.100',
     port:'180',
   },
    methods:{
        loginbtn:function(){
            this.$http.jsonp(this.ip+':'+this.port+'/user/login',{params:{'userName':this.usename,'password':this.password}
      }).then(function(response){
                var res=response.body
                if(res.success){
                localStorage.tara=res.data.token.token
                localStorage.name=res.data.token.userName
                localStorage.role=res.data.user.role
                localStorage.http=this.ip
                localStorage.port=this.port
                window.location.href="index.html"
                }
                else{
                  alert(res.message)
                }
            })
        },
        forget:function(){
            $('.contant').addClass("show")
        }
    }
})

• 保存到bat文件中。双击执行即可。
• 此时打开文件。即可发现变成如下结果

var app = new Vue({
  el: '.popbox',
   data: {
     usename:'',
     password:null,
     ip:'http://127.0.0.1',
     port:'80',
   },
    methods:{
        loginbtn:function(){
            this.$http.jsonp(this.ip+':'+this.port+'/user/login',{params:{'userName':this.usename,'password':this.password}
      }).then(function(response){
                var res=response.body
                if(res.success){
                localStorage.tara=res.data.token.token
                localStorage.name=res.data.token.userName
                localStorage.role=res.data.user.role
                localStorage.http=this.ip
                localStorage.port=this.port
                window.location.href="index.html"
                }
                else{
                  alert(res.message)
                }
            })
        },
        forget:function(){
            $('.contant').addClass("show")
        }
    }
})

存在的不足和坑

• 目前如果文件路径存在空格，上面的脚本无法正常执行。尝试过加引号，未能解决。还好正常情况，路径就不应该 有空格。所以可以避免。
• 替换后的文件可能多出 ECHO 处于打开状态的内容，如果出现了，请找到相应的位置，应该是空字符串引起的。删除掉源文件的空行即可避免。

吐槽

最后这个脚本，我反而没用上。白费了一些时间，记录下来以让其他人可以发挥作用。