此版本為CYeh與我 重現此系統之步驟紀錄。

GitRepositoryAnalysisSystem

Angular + Java Servlet

Angular建置文件

崴崴版

1. replace "~{PathToProject}" under "outputPath" in frontEnd/src/angular.json (ex:F:\workspace\)
2. cd frontEnd
3. ng build --watch --base-href /GitRepositoryAnalysisSystem/frontEnd/ The output will be in the following location: GitRepositoryAnalysisSystem\src\main\webapp\frontEnd\
4. ng add @angular/material to use Angular material
5. npm install @angular/cdk --save
6. 使用連結 http://localhost:8080/GitRepositoryAnalysisSystem/frontEnd/userLogin 即可進入GRAS魔幻世界，HAVE FUN

PS: 如果build完發現頁面均無變化，加入--outputHashing=all
ng build --watch --outputHashing=all --base-href /GitRepositoryAnalysisSystem/frontEnd/

大U版(2024/03/11)

依下列步驟執行

1. 安裝node.js(14.17.3) 、 Angular(10.1.7) (npm install -g @angular/[email protected])
2. cd frontEnd
3. npm install @angular/cdk --save
4. run tomcat
5. ng build --watch --base-href /GitRepositoryAnalysisSystem/frontEnd/
6. cmd執行bin/windows-x86-64/StartSonar.bat

SonarQube建置文件

參考以下網頁 https://blog.51cto.com/huny/3263674

• 版本
  • Java：12以上
  • PostgreSQL：15
  • SonarQube：10.4.1.88267
• conf/sonar.properties設定
• cmd執行bin/windows-x86-64/StartSonar.bat
• 若無法正常執行，則將sonar使用者權限開到admin等級
  1. 將PostgreSQL UserName切回root
  2. 將postgre user的Priviledges SuperUser設為Yes
• 執行成功後，使用連結 http://localhost:9000 即可進入SonarQube登入畫面，首次登入帳號密碼皆為admin

SonarScanner掃描專案

1. 下載SonarScanner (https://docs.sonarqube.org/latest/analysis/scan/sonarscanner/)

2. 將下載完成的SonarScanner解壓至任意位置
   

3. 將 {~path_to_SonarScanner}/bin 加入path系統變數

4. 開啟cmd，輸入 sonar-scanner --version，若出現下圖資訊代表設定成功

5. 修改 {~path_to_SonarScanner}/conf/sonar-scanner.properties 檔案

   #----- Default SonarQube server
   sonar.host.url=http://localhost:9000/sonarqube
   
   #----- Default source code encoding
   sonar.sourceEncoding=UTF-8
   
   sonar.jdbc.url=jdbc:postgresql://localhost/sonar?currentSchema=public
   sonar.jdbc.username=sonar
   sonar.jdbc.password=*****
   

6. 在欲掃描的專案根目錄新增 sonar-project.properties 檔案

   sonar.projectKey=GRAS
   
   # 欲掃描的資料夾
   sonar.sources=src
   
   # Java產生的class檔的資料夾位置
   sonar.java.binaries=C:/Project/GitRepositoryAnalysisSystem/build/classes
   

7. 進入SonarQube頁面，選擇Create Local Project

8. 輸入Project Display Name和Project Key

9. 選擇Use the Global Settings

10. 選擇分析本地專案

11. 點選右上角Account圖示，點選My Account

12. 點選Security Tab，輸入Token Name，Type選擇User Token，Expires選擇無期限，最後點擊Generate

13. 複製Token並保存起來

14. 點選Using existing Token並輸入剛剛複製的Token

15. 選擇Others及Windows，並複製下方掃描指令

16. 開啟cmd並cd至欲掃描專案的根目錄，執行剛剛複製的指令

17. 若出現下方資訊則表示已掃描完成

18. 回到SonarQube頁面可看到掃描結果