搭建项目总结

--公司内网项目,只能贴部分代码,个人梳理总结

--后台采用SpringBoot框架,前台Angular2,打包maven+docker

1.创建一个maven项目,create3个子项目,前台项目,后台项目,合并打包项目

--父pom

  <groupId>com.xxx.xxx</groupId>
  <artifactId>xxx-xxx</artifactId>
  <version>1.0</version>
  <packaging>pom</packaging>
  
  <modules>
  <module>console-backend</module>
  <module>console-frontend</module>
  <module>console-integrated</module>
  </modules>
  
  <properties>
      <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
      <maven.compiler.encoding>UTF-8</maven.compiler.encoding>

  </properties>

--子pom,后台

<parent>
    <groupId>com.huawei.apaas</groupId>
    <artifactId>paas-operation-console</artifactId>
    <version>1.0</version>
  </parent>
  
  <artifactId>console-backend</artifactId>
  <properties>
      <java.version>1.8</java.version>
      <swagger2markup.version>1.2.0</swagger2markup.version>

  </properties>

--子pom,前台

<parent>
    <groupId>com.huawei.apaas</groupId>
<artifactId>paas-operation-console</artifactId>
<version>1.0</version>
</parent>
<artifactId>console-frontend</artifactId>

<packaging>pom</packaging>

--子pom,部署,配置打包名称,路径,resouce来源等

<parent>

    <groupId>com.huawei.apaas</groupId>
    <artifactId>paas-operation-console</artifactId>
    <version>1.0</version>
  </parent>
  
  <artifactId>console-integrated</artifactId>
  <packaging>war</packaging>

2.后台启动

SpringBoot的启动类,注意扫包路径

resources中配置一些启动参数,如:

schema.sql-->项目启动自动执行的数据库脚本

application.yaml可配置以开发模式还是生产模式启动,数据库信息,缓存配置,server信息等

paas-dev.properties可配置环境变量信息等

application-dev.yml可配置数据库信息,日志信息等

(server: port: 8090 servlet-path: /rest --> 表示后台以8090端口启动,暴露/rest来代理localhost:8080;只针对开发模式,生产模式参考server.xml中配置的上下文

(prod模式参考dev模式)

3.前台启动

前台proxy.conf.json文件中配置代理信息

  "/rest": {
    "target": "http://localhost:8090",
    "secure": false

  }

表示以rest代理http://localhost:8090,访问后台接口示例:get('rest/serviceinstances'),rest即代表后台接口

前台启动命令:ng serve  --port 4200 --host 10.134.161.60 --no-live-reload --baseHref /xxx --proxy-config proxy.conf.json

表示以4200端口启动,baseHref /xxx表示主页为10.134.161.60:4200/xxx,可以不加; --proxy-config....表示加载代理文件

可在package.json中的scripts的start中配置此命令,以npm start启动前台项目

.angular-cli.json中配置项目启动预加载的文件

package.json中配置项目名称,启动命令,打包命令,依赖等

4.前后台均启动后,如何访问后台接口

http://10.134.161.60:4200/rest/serviceinstances

http://10.134.161.60:4200 --> 前台启动4200

/rest --> 后台启动8090

/serviceinstances --> 后台controller中配置的mapping接口(@GetMapping(path = "/serviceinstances"))

5.合并部署

命令:mvn clean install -Pdocker -DskipTests

太难...不写了,一堆配置文件

猜你喜欢

转载自blog.csdn.net/ironkee/article/details/80814537