Web Service 協同開發 - Angular 部署於 WildFly
這是我們預想中的網路服務主要元件架構圖 後端主要由 WildFly (前身為JBoss) + MariaDB，提供一些API Service 前端為AngularJS，主要讓前端使用者使用 中間的Jenkins主要是拿來做自動化測試與部署用的 Source Code則是放在Bitbucket 為了讓開發中也可以使用，也不需讓開發者自行建設這些服務 就使用Docker Compose組起來，這個配置我們等最後都串好全部的流程了再談 也有很多東西要解決跟討論的，但我們先將焦點放在我們的應用情境上 理想狀態是上了一個Change之後 Bitbucket就會送一個Webhook到Jenkins Server 接著，Jenkins就會依照我們的設定進行 Build (Angular、WildFly api service) 測試 部署到對應的MariaDB、WildFly、Angular三台Server 但是我們現在只有一台可以對外的Production Server Angular就得放到WildFly上面跑 所以我們得先了解，如何讓Angular的Dist folder全部放到WildFly上 再寫成Shell Script透過Jenkins自動化部署過去 將電腦本機端的Angular Distribution 丟到 WildFly web server 以下的操作是以2018/1/1的Angular install為範例 也假設我們已經部署好了Docker 已經跑起來了名為jboss_Backend的container 修改<ANGULAR-ROOT-FOLDER>/src/index.html 把這行 <base href="/"> 改成 <base href="."> 把初始的Angular原始碼下以下指令 ng build 會看到dist長出來的結構如下圖： 進入 jboss_Backend containter (以下二擇一) MAC: bash -c "clear && docker exec -it jboss_Backend bash" ...