天天看點

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

雙11就要來了,實時大屏準備好了嗎?

雙11馬上就要到了,是不是還在為如何用最短的代碼做出最酷炫的實時大屏而苦苦掙紮?營運mm要大屏實時重新整理,最好秒級傳回關鍵名額資料;研發gg不想熬夜學習多套系統,隻想用一套代碼就解決存儲、查詢、對接BI工具等多種問題......

以往大家做實時大屏,最常用的方法可能是将資料存在消息日志/資料庫中,通過實時計算(Flink)去實時處理資料,将資料初步聚合後寫入到資料庫中,再對接實時大屏。整個鍊路中,資料存儲和高并發的查詢是最需要解決的問題,而市面上滿足存儲要求的産品并不能提供多元化的查詢服務,滿足查詢要求的産品又需要維護多套存儲系統,開發、運維的成本都隻升不降....

就在大家為各種問題争分奪秒苦苦掙紮時,小編帶着《互動式分析六脈神劍》來了。六脈神劍的第4劍是指右手小指—少陰—心經—少沖劍,其特點是輕靈迅速。而互動式分析的另一核心功能是能夠直接對接實時計算(Flink),實作實時資料實時寫入實時查詢,秒級互動式響應。同時還相容PostgreSQL生态,能将查詢到的實時資料直接對接BI分析工具,快速實作資料的可視化展現和分析。整個鍊路圖展示如下;

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

今天小編将通過做一個雙11交易實時大屏的案例,來講述如何實作從資料采集--資料處理--資料服務--實時大屏的完整鍊路。

案例背景:某手機專營店想利用實時大屏實時展示目前類目的交易資料。

資料處理平台:實時計算

資料服務平台:HoloStudio(有關HoloStudio的介紹可參見

HoloStudio簡介

實時大屏:DataV

前提準備

1.開通互動式分析服務,請參見

開通執行個體

2.開通實時計算服務,請參見

開通服務和建立項目

3.開通DataV服務,請參見

開通DataV服務

操作步驟

因涉及業務敏感資料,本案例隻展示如何使用實時計算将資料進行初步聚合,再由互動式分析實時查詢資料并對接到實時大屏DataV,關于如何采集資料在此不做闡述。

實時計算實時清洗資料

在實時計算裡面将采集到的資料做初步的清洗聚合,将表資料連接配接到互動式分析,示例SQL如下:

create table holo_sink (id BIGINT, user_id BIGINT, item_name VARCHAR, number INT, cost FLOAT, province VARCHAR, city VARCHAR, salltime TIMESTAMP) with (
  type = 'custom',
  tableFactoryClass = 'com.alibaba.blink.connectors.hologres.HologresTableFactory',
  `endpoint` = '互動式分析vpc網絡位址',
  `userName` = '目前賬号的Access ID',
  `password` = '目前賬号的Access Key',
  `dbName` = '連接配接的互動式分析資料庫',
  `tableName` = '要映射的互動式分析表'
);           

将作業釋出到生産環境:

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

互動式分析實時寫入查詢

在互動式分析中可直接将實時計算裡面的資料實時寫入實時查詢,達到秒級傳回。本案例中使用HoloStudio來執行查詢,關于Holostudio的介紹,可以參見

整張表查詢出來的部分資料如下:

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

DataV實時大屏

在互動式分析中查詢完資料後,可使用互動式分析對接DataV,制作實時大屏,具體操作步驟如下:

1.添加資料源

在DataV首頁選擇PostgreSQL資料源,并填寫配置資訊

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟
配置項 說明
類型 PostgresSQL資料源
名稱 自定義
域名 互動式分析的公共網絡位址
使用者名 目前賬号的Access ID
密碼 目前賬号的Access Key
端口 互動式分析的公共網絡端口
資料庫 可選擇表所在的資料庫

2.建立實時大屏

根據大屏想要顯示的内容,選擇需要的插件。本案例中選擇了基本柱狀、輪播、基礎平面地圖、數字翻牌器等。并給每個插件按照展示内容配置資料源資訊。

示例配置輪播清單資料源

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

并給輪播清單配置标題、邊框、字型、顔色等資訊,最終展示如下:

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

3.展示實時大屏

給大屏的各個插件配置完資料源之後,可根據自行對每個插件進行美化,并适當添加裝飾元素,最終的實時大屏如下:

  • 左側實時顯示每個城市的交易額,以及top1城市交易的類目占比
  • 地圖實時重新整理每一筆交易訂單的位置,并實時顯示總的銷售額
  • 右側實時顯示單品的交易額,以及實時交易情況
雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟

完成以上步驟,就說明你已經學會如何使用互動式分析對接實時計算并生成實時大屏了,互動式分析能夠做到實時資料實時寫入與查詢,秒級互動式響應,雙11馬上就要到了,實時大屏趕緊準備起來吧!

關于《互動式分析六脈神劍》往期記錄,傳送門:

  1. 5分鐘學會互動式分析?!
  2. 《互動式分析六脈神劍》之Dataworks-HoloStudio初體驗
  3. 《互動式分析六脈神劍》之真正的秒級互動式響應

若大家有任何關于互動式分析的問題,歡迎大家進釘釘群開撩小編哦

雙11就要來了,實時大屏準備好了嗎?雙11就要來了,實時大屏準備好了嗎?前提準備操作步驟