搭建專案總結

–公司內網專案,只能貼部分程式碼,個人梳理總結

–後臺採用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

太難…不寫了,一堆配置檔案