2017-09-06 88 views
0

顯示信息,我想創建一個網頁(如儀表板)來顯示像的ServiceNow信息:創建Web頁面從的ServiceNow

  1. 在歐洲地區客戶數量
  2. 事件
  3. 號碼開事件
  4. 接近事件

能否請你建議我應該如何進行的呢?(我知道Java和有想法關於REST)

感謝

+0

有沒有,你是不是能夠內的ServiceNow本身,而不是外界建立這個儀表盤上的特別的原因?爲了確切的目的,ServiceNow中有非常簡單的選項。 – Kirk

+0

嗨柯克,謝謝你的回覆。我期待在網絡中製作一個儀表盤。頁。就像我有一個URL,我會打這個,然後會看到一些餅圖/圖表從其他API獲取信息(來自ServiceNow)。我現在可以使用服務製作Web應用程序儀表板嗎? – Himanshi

回答

1

我會爲柯克提出的上述評論,在的ServiceNow建立這一點,但是,如果這不是一種選擇,這是另一種方式。

找出您需要爲列出的四個數據點獲取的查詢; 例如/cmn_company_list.do?sysparm_query=u_region=europe

然後使用Aggregate API進行其餘呼叫。

您可能需要修改Servicenow中的[CORS] [2]以允許您的站點擊中此端點以及使用服務帳戶。你在Java中的代碼可能看起來像這樣;

OkHttpClient client = new OkHttpClient(); 

Request request = new Request.Builder() 
    .url("https://something.service-now.com/api/now/stats/incident?sysparm_query=active%3Dtrue&sysparm_sum_fields=active") 
    .get() 
    .addHeader("content-type", "application/json") 
    .addHeader("authorization", "Basic NeverGunnaGetIt") 
    .addHeader("accept", "application/json") 
    .build(); 

Response response = client.newCall(request).execute(); 

這應該導致類似這樣的事情;

{ 
    "result": { 
     "stats": { 
      "sum": { 
       "active": "6146" 
      } 
     } 
    } 
} 
+0

謝謝Jace。這部分已經完成並準備就緒。我正在尋找現在以網頁的形式製作前端(餅圖和圖表)。你能提出一些建議嗎? – Himanshi

0

我建議在建築的ServiceNow這不是一個單獨的網頁,但如果這不是你可能需要用某種JavaScript庫的http://www.chartjs.org/

看一看創建圖表選項文檔,但是您可以通過這些行來處理通過REST提取的數據。這是一個條形圖,但該圖書館有許多圖表選項。

<script src="../lib/Chart.min.js" type="text/javascript"></script> 
<canvas id="myChart" width="400" height="400"></canvas> 
<script> 
    var data = [12, 19, 3, 5, 2, 3, 12, 19, 3, 5, 2, 3]; 
    var ctx = document.getElementById("myChart").getContext('2d'); 
    var myChart = new Chart(ctx, { 
     type: 'bar', 
     data: { 
      labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], 
      datasets: [{ 
       label: '# of Incidents per Month', 
       backgroundColor: 'rgba(0, 0, 220, 0.5)', 
       data: data 
      }] 
     } 
    }); 
</script> 

這裏您需要將data設置爲來自REST的數據數組。

enter image description here