项目前台打版

构建开发环境

本机安装jdk8,安装node,git。需要Eclipse编译Java文件。需要Tomcat验证java工程是否有编译错误。

更新代码

创建一个新的目录,然后从Git上更新client和java工程。

检验代码是否有编译错误

  • Java工程

    启动Eclipse,对Java工程执行clean操作,重新编译class文件。编译结束后需要确认class目录的创建时间是当前时间。

    然后启动Tomcat,看控制台没有错误,正常启动就可以。

  • client工程

    • cmd进入到client目录后,执行

    npm install 

    初次执行时可能遇到 phantomjs-prebuilt安装失败的问题,如果遇到,重新执行npm install 就可以了。

    • 修改client\src\app\platform\system-setting\system-setting.ts文件,将访问的后台服务URL修改为现场环境的IP。(文本编辑器即可)

      将下面代码注释掉:

    public static baseURL = http://localhost:8080/cpad_new/api‘;

    将下面代码的注释打开:

      // public static baseURL = ‘http://10.1.21.28:8081/cpad_new/api‘;
    • 修改登录页面,将默认的登陆用户,密码,和验证码删掉。

      client\src\app\platform\main\login\login.component.ts中下面代码中L45的admin,admin351,和1删掉,修改为空的字符串就可以。

            ‘account‘: new CustomFormControl(‘admin‘, Validators.required, {label: ‘用户名‘}),     ‘password‘: new CustomFormControl(‘admin351‘, Validators.required, {label: ‘密码‘}),     ‘inputCode‘: new CustomFormControl(‘1‘, Validators.required, {label: ‘验证码‘}),

      修改为:

            ‘account‘: new CustomFormControl(‘‘, Validators.required, {label: ‘用户名‘}),     ‘password‘: new CustomFormControl(‘‘, Validators.required, {label: ‘密码‘}),     ‘inputCode‘: new CustomFormControl(‘‘, Validators.required, {label: ‘验证码‘}),
    • 正常安装后,执行

    ng serve

检验工程是否能正常启动。无错误正常启动就OK。

 

执行build操作

  • java工程

    上一步执行clean操作后,把java目录下的webroot目录整个复制出来,留作给镜像文件使用。

  • client工程

    1. 修改ngc和webpack命令的内存参数: --max_old_space_size=4096。每个文件添加两处设定。

      client\node_modules\.bin\ngc.cmd

      client\node_modules\.bin\webpack.cmd\ngc.cmd

      修改如下:

      ngc.cmd:

      @IF EXIST "%~dp0\node.exe" (
        "%~dp0\node.exe"  --max_old_space_size=4096 "%~dp0\..\@angular\compiler-cli\src\main.js" %*
      ) ELSE (
        @SETLOCAL
        @SET PATHEXT=%PATHEXT:;.JS;=;%
        node  --max_old_space_size=4096 "%~dp0\..\@angular\compiler-cli\src\main.js" %*
      )

      webpack.cmd:

      @IF EXIST "%~dp0\node.exe" (
        "%~dp0\node.exe" --max_old_space_size=4096 "%~dp0\..\webpack\bin\webpack.js" %*
      ) ELSE (
        @SETLOCAL
        @SET PATHEXT=%PATHEXT:;.JS;=;%
        node --max_old_space_size=4096 "%~dp0\..\webpack\bin\webpack.js" %*
      )

      2.cmd在client目录下执行

      npm run build:webpack
      • 由于我们工程比较大,执行时比较耗内存,所以把其他eclipse,tomcat等占内存的应用关掉。

        另外,执行时间比较长,估计20分钟左右吧。最后执行完,没有错误就OK。

      • 此时如果有错误的话,就是周五我发的几个邮件相关的AOT预编译的错误。你把错误群发一下,谁的文件找谁进行修改。

        改完之后,再重新执行上面命令。

      • 成功执行后,会在client目录下生成dist目录。这个目录就是client工程编译后的最终结果。

       

在docker环境build镜像文件

  • 创建java工程镜像文件。

    1. 将上一步得到的webroot目录复制到12_java_bj目录下,名称修改为:cpad_new

    2. 将\12_java_bj\cpad_new_config目录下的WEB-INF目录复制到cpad_new目录下。覆盖cpad_new下的配置文件。

    3. 确认Dockerfile中tomcat的镜像库位置是否正确。(应该修改为你的镜像库,你的镜像库没有的话,就找一台能连接外网的机器 docker pull tomcat:8,然后用

      docker save -o xxx.tar tomcat:8导出,再导入到你要执行下面第四步命令的机器上。然后把Dockerfile中的FROM 192.168.131.200/library/tomcat:8 修改为 FROM tomcat:8 应该会好用,有问题再联系。)

    4. 将12java_bj复制到服务器上,在12java_bj目录内执行

      docker build -t cpad_java_bj .

      就会创建cpad_java_bj,标签为latest。

  • 创建client工程的镜像文件

    1. 将上一步得到的dist文件夹复制到13_client_bj目录下,名称修改为cpad

    2. 确认Dockerfile中tomcat的镜像库位置是否正确。细节同上。

    3. 将13client_bj复制到服务器上,然后在13client_bj目录内执行

      docker build -t cpad_client_bj .

      就会创建cpad_client_bj,标签为latest。

相关文章
相关标签/搜索