程式碼review神器Upsource,讓你快樂的進行CodeReview

語言: CN / TW / HK

我正在參與掘金創作者訓練營第4期,點選瞭解活動詳情,一起學習吧!

​ 大家好,我是王老獅,您的支援就是我創作的動力,大家覺得好的話可以點贊關注收藏三連下。 今天跟大家推薦一個程式碼review的神器Upsource,具體有多強呢?我們一起來看一下他的能力。

一.Upsource簡介

Upsource是Jetbrains公司出品的一款Code Review工具,通過與版本管理軟體( Git、 Mercurial、 Subversion 和 Perforce)結合,通過社交化的形式,將程式碼予以團隊成員或其他人分享、討論。 一般我們程式碼review都是對程式碼有問題的地方進行標註,Upsource也是,但是他可以通過像是聊天或者社群互動的模式一樣,根據程式碼進行交流。並且可以和IDEA進行聯動。當有人review你的程式碼之後,你的IDEA右下角就會彈出聊天框,及時告訴你,並且你也可以實時去回覆。對這塊程式碼進行討論。

image.png

什麼?你對我寫的程式碼有意見。來吧,開戰吧!哈哈~

image.png

接下來我們來介紹下Upsource的具體功能以及使用流程。希望能夠幫助大家。

二.Upsource使用流程

2.1.基礎能力

2.1.1.登入

1、使用管理員賬號進行登入,由於要建立專案和管理使用者和組,先用管理員賬號進行建立 image.png

2.1.2.建立專案

2、建立專案,按照標籤將資訊填入即可,Branches裡面的資訊清空,不然會報如下異常 **VCS connection test failed:** Failed to get current state for repository. Directory 'branches' not found in revision 309678 imag1.png

點選建立,剛才建立的倉庫會顯示灰色,因為還沒有同步完成。同步完成之後就可以點選專案

2.2.程式碼review流程

2.2.1.檢視專案

當我們建立好專案之後,程式碼同步完畢,那麼我們就可以點選建立的專案,可以看到如下資訊 image.png

2.2.2.程式碼review

點選右側review會彈出create Review等資訊,點選create Review可以進行程式碼評審

image.png

程式碼評審模式下展示資訊如下: image.png 可以對程式碼提交資訊,評審人,作者和歷史版本差異進行檢查。 image.png

2.2.3.程式碼問題標註

當代碼存在問題之後,可以通過標註進行記錄資訊。如果繫結郵箱會通過郵箱通知作者

image.png 如果裝了IDea UpSource查件的話,就可以通過IDEA底部的reviews模式檢視程式碼評審記錄,然後選擇相關程式碼檢視評審。

image.png 並且在IDEA中標註要修改的程式碼

image.png 批註點選右鍵可以進行恢復以及標註是否解決。

image.png 審查完畢點選Close即可完成程式碼評審,但若干也可以重新開啟

image.png

2.3.程式碼審計

2.3.1.程式碼提交

該欄可以看到程式碼一年內的提交資訊以及每個人的提交記錄

image.png

2.3.2.專案樹

review審計,如果已經review的則以深色顯示出來,可以更明顯的看到哪些review了,哪些沒有。 image.png

2.3.3.review大盤

整體來看專案團隊內程式碼review成都如何。 image.png

2.4.許可權管理

為了方便團隊成員管理,Upsource有著強大的使用者管理能力

2.4.1.建立使用者

image.png

新增使用者有兩種方式,一種是管理員建立,一種是使用者自己註冊。以新增使用者為例 輸入相關資訊新增使用者即可完成建立 image.png

2.4.2.檢視使用者

使用者所擁有的資訊如下: image.png

2.4.3.許可權管理

Upsource支援角色和專案組。通過使用者加入專案租的方式可以給一組使用者設定許可權。主要的許可權控制還是在角色上。 角色主要有以下能力粒度: image.png 當角色新增好之後,對應的成員進去之後就可以看到相關專案,進行程式碼review或者管理程式碼。

三.Upsorce安裝

Upsource的能力和使用流程給大家介紹了一下,接下來給大家介紹一下具體的安裝流程

3.1.服務安裝

1、下載UpSource安裝包 http://www.jetbrains.com/upsource/download/

2、解壓包

3、進入安裝目錄/bin  如:/opt/upsource-2020.1.1802/bin

4、執行 ./upsource.sh start

image.png 出現如圖所示則為啟動成功。 5、用瀏覽器開啟http://IP:8080(安裝伺服器域名),顯示如下頁面

image.png

6、點選Set Up進行安裝

7、配置域名和埠

image.png

8、建立管理員賬號

image.png

9、輸入購買的license Kye ,免費版預設10個使用者

image.png 10、等待安裝完成

image.png

3.2.外掛安裝

UpSource安裝支援IDEA,可以在IDEA上就收到相關Revicew資訊,進行程式碼處理

1、開啟plugins,輸入upsource

image.png 2、點選安裝,待安裝完成之後重啟IDEA

3、重啟完畢之後右下角會有一個Up的圖示

image.png

4、開啟設定,服務地址為upsource服務的安裝地址

image.png

5、點選右下方小圖示會跳出授權頁面,輸入賬號密碼授權

image.png

image.png

6、成功之後可以看到擁有許可權的專案

image.png

7、通過左下方reviews欄可以對提交的程式碼進行評審和歸檔

image.png

好了,到此就安裝完成啦。今天就介紹到這裡了,大家覺得好的話可以關個注,下回更新不迷路。