部署地图并修改代码所需要做的工作

Posted 2020-12-02 rogge7

文件：    1、CS.rar地图项目文件
        2、htmlDeployClient.rar部署到测试服或者预上线服的 项目代码
        3、grunt.rar 同事自己手动配置好的 grunt所需要的文件，解压用即可
        

一、安装IIS，部署CS代码到IIS，要到地图项目中改两个地方，用本地的6081端口
    1、 ..CSarcgis_js_v314_apiarcgis_js_apilibrary3.143.14init.js 改localhost:80  ==>localhost:6081 全文搜索
    2、 ..CSarcgis_js_v314_apiarcgis_js_apilibrary3.143.14dojodojo.js  改localhost
    3、把地图项目部署到iis，用浏览器输入 http://localhost:6081/index.html 验证，看到地图就是成功了。
二、安装Grunt和 Grunt 插件,必须先安装Node.js 
   到http://www.gruntjs.net/getting-started 下面点击 node.js下载安装（安装路径可以修改）
   看当前网页有说明，
    1、安装 CLI 到控制台执行 npm install -g grunt-cli
    2、配置好package.json 和 Gruntfile.js 文件 ，【这个时候就需要用到同事配置好现成的文件了】
        网页中提到的https://github.com/gruntjs/grunt-cli 下有样本，但没有同事的好。
    3、安装Grunt 和 grunt插件 【请仔细阅读说明】
        例如，下面这条命令将安装Grunt最新版本到项目目录中，并将其添加到devDependencies内：
            npm install grunt --save-dev
        同样，grunt插件和其它node模块都可以按相同的方式安装。下面展示的实例就是安装 JSHint 任务模块：
            npm install grunt-contrib-jshint --save-dev
        【特殊说明，因为同事的package.json模板中已经写入有插件名称了，所有上方执行的指令后面不需要加 --save-dev】
        【实际安装过程中本人没有执行 npm install grunt ，就执行安装grunt的插件了，也没有问题，估计自动帮忙安装了】
        【安装插件时，先cmd下到同事给的文件grunt 目录下，应该会自动找package.json 和 Gruntfile.js】
    4、安装了以下插件：单引号里面的就是插件名，都是在 cmd下安装
        grunt.loadNpmTasks(‘grunt-contrib-clean‘);//清理
        grunt.loadNpmTasks(‘grunt-contrib-uglify‘);//压缩js
        grunt.loadNpmTasks(‘grunt-contrib-requirejs‘);//几个js压缩到一起
        grunt.loadNpmTasks(‘grunt-contrib-concat‘);//几个js连接在一起 合并
        grunt.loadNpmTasks(‘grunt-contrib-cssmin‘);//压缩css
        grunt.loadNpmTasks(‘grunt-spritesmith‘);//
        //grunt.loadNpmTasks(‘grunt-sync‘);
        grunt.loadNpmTasks(‘grunt-contrib-watch‘);//检测js改动
        grunt.loadNpmTasks(‘grunt-usemin‘);//合并js后替换原来的路径
        grunt.loadNpmTasks(‘grunt-filerev‘);
        grunt.loadNpmTasks(‘grunt-contrib-copy‘); //复制文件
        grunt.loadNpmTasks(‘grunt-contrib-htmlmin‘); //压缩html
        【安装完插件后，..grunt
ode_modules 目录里面已经安装了很多很多文件了】

三、上传程序  HTMLDeployClient 
    1、VS打开项目 ，在grunt文件夹下建dest文件夹， 配置文件App.config里面的  <add key="SourceDir" value="F:ProjectsHTMLgruntdest"/>  上传源地址
    2、代码用用的是rar压缩软件，下载安装，配置环境变量 path添加 rar的路径  C:Program FilesWinRAR;【自己的安装路径】
      processStartInfo.FileName = "winRar"; 修改代码，winRar就是rar的exe文件名，必须正确。提醒：用360压缩软件不可以。
            
    代码中生成的压缩指令：" a -xF:\Projects\HTML\grunt\dest\arcgis_js_v314_api\ -xF:\Projects\HTML\grunt\dest\*.rar -xF:\Projects\HTML\grunt\dest\Config.js F:\Projects\HTML\grunt\dest\CSOutNet180705174453.rar F:\Projects\HTML\grunt\dest\*.* -r -ep1"

    压缩文件放在 F:\Projects\HTML\grunt\destCSOutNet180705173548.rar
    Post的数据："testDestDir=C:\inetpub\wwwroot\TestMap&preDestDir=C:\inetpub\wwwroot\PreMap&testGruntfile=C:\inetpub\wwwroot\grunt\TestGruntfile.js&preGruntfile=C:\inetpub\wwwroot\grunt\PreGruntfile.js&base64Content=UmF..很长的一段压缩数据..BAA="

四、用很不好的方式来监控代码所做的修改，
    同事给的 grunt文件 文件说明：
    GruntWatch.exe 运行执行 bat文件，其实就是相当于在CMD窗口运行 grunt watch
    作用：启动grunt watch 监控项目所做的修改，并把文件拷贝到 dest文件夹中
     调用bat文件 启动监听修改，看Gruntfile.js文件，监听js中HTMLPath路径下的文件类型，在js的watch中设定，如下：
        watch:{
            main:{   files: [HTMLPath + ‘/*.png‘, HTMLPath + ‘/*.html‘, HTMLPath + ‘/*.js‘, HTMLPath + ‘/js/**/*.*‘, HTMLPath + ‘/css/**/*.*‘]    

    【特别说明：实操中，运行GruntWatch.exe，这时理应已经启动监听了，但是修改了地图项目中的文件，发现并没有把修改的文件拷贝到dest中，
      说明grunt watch 命令并未生效，到CMD下手动运行 grunt watch 提示以下异常】
        F:ProjectsHTMLgrunt>grunt watch
        grunt-cli: The grunt command line interface (v1.2.0)
        Fatal error: Unable to find local grunt.
        If you‘re seeing this message, grunt hasn‘t been installed locally to
        your project. For more information about installing and configuring grunt,
        please see the Getting Started guide:
        http://gruntjs.com/getting-started
  直接运行grunt命令也不准确，看上方网址，一大版英文，原来grunt没有在启动状态，需要先运行npm install
五、...