Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
マイクロサービスダッシュボードの紹介
Search
Yuta UEKUSA
December 15, 2021
Technology
1
1.8k
マイクロサービスダッシュボードの紹介
https://mercari.connpass.com/event/230951/
Yuta UEKUSA
December 15, 2021
Tweet
Share
Other Decks in Technology
See All in Technology
AWSサービスアップデート 2024/12 Part3
nrinetcom
PRO
0
140
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
54k
.NET AspireでAzure Functionsやクラウドリソースを統合する
tsubakimoto_s
0
190
GoogleのAIエージェント論 Authors: Julia Wiesinger, Patrick Marlow and Vladimir Vuskovic
customercloud
PRO
0
160
#TRG24 / David Cuartielles / Post Open Source
tarugoconf
0
580
Reactフレームワークプロダクトを モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
130
Oracle Base Database Service:サービス概要のご紹介
oracle4engineer
PRO
1
16k
2025年の挑戦 コーポレートエンジニアの技術広報/techpr5
nishiuma
0
140
2024AWSで個人的にアツかったアップデート
nagisa53
1
110
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
250
Godot Engineについて調べてみた
unsoluble_sugar
0
410
今年一年で頑張ること / What I will do my best this year
pauli
1
220
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.2k
Done Done
chrislema
182
16k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Building an army of robots
kneath
302
45k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
How to train your dragon (web standard)
notwaldorf
89
5.8k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
Scaling GitHub
holman
459
140k
Faster Mobile Websites
deanohume
305
30k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Transcript
Infrastructure as Codeで構築したリソースの可視化と再利用 マイクロサービスダッシュボードの紹介
2 自己紹介 2017年7月に旧ソウゾウに入社 2018年1月にメルペイに異動。テックリードとしてマイクロサービスの開発を担当 2019年7月にArchitectチームに異動 現在は主にマイクロサービスのためのダッシュボードの開発を担当 Merpay, Inc. Architect Team
Yuta Uekusa
3 Agenda メルペイのマイクロサービスアーキテクチャについて 01 マイクロサービスダッシュボードの紹介 02 今後の取り組み 03
メルペイのマイクロサービスアーキテクチャに ついて 4
5 マイクロサービスアーキテクチャ Client API Gateway Service B Service A Service
C Authority Cloud Spanner Pub/Sub Cloud Spanner Cloud Storage
6 マイクロサービスアーキテクチャ API Gateway Service B Service A Service C
Authority Cloud Spann er Pub/ Sub Cloud Spann er Clo ud Stor age API Gateway Service B Service A Service C Authority Cloud Spann er Pub/ Sub Cloud Spann er Clo ud Stor age Development Production
7 マイクロサービスアーキテクチャ Client Cloud Spanner Pub/Sub Cloud Spanner Namespace Cloud
Storage Service C Namespace Namespace Namespace Namespace Service B Service A API Gateway Authority
8 マイクロサービスアーキテクチャ: インフラ構築 Namespace: Service A Project: Service A boot
strap Service A
9 マイクロサービスアーキテクチャ: インフラ構築 microservices-terraform リポジトリ
10 マイクロサービスアーキテクチャ: 通信プロトコル Client Cloud Spanner Pub/Sub Cloud Spanner Namespace
Cloud Storage Service C Namespace Namespace Namespace Namespace Service B Service A API Gateway Authority gRPC gRPC gRPC
マイクロサービスダッシュボードの紹介 11
12 マイクロサービスダッシュボードとは? マイクロサービスに関する様々なデータを収集 01 集めたデータを可視化するウェブポータルサイト 02 集めたデータをAPIとして提供 03
13 モチベーション マイクロサービスの状態や品質を把握したい 01 ドキュメントが自動的に生成される状態にしたい 02
14 機能紹介 ・トップ画面 ・サービス詳細画面 ・サービス詳細画面: インフラ ・サービス詳細画面: アプリケーション ・サービス詳細画面: API
・サービス詳細画面: SLO
15 機能紹介: トップ画面
16 機能紹介: トップ画面
17 機能紹介: サービス詳細画面
18 機能紹介: サービス詳細画面 serviceID: merpay-service-a description: This is service-a corporation:
MERPAY teamName: merpay-architect-jp contact: slack: generalChannelId: C0123456 alertChannelId: C12345678 … service spec file
19 機能紹介: サービス詳細画面(サービスの依存関係, 費用のグラフ)
20 機能紹介: サービス詳細画面(インフラタブ)
21 機能紹介: サービス詳細画面(アプリケーションタブ)
22 機能紹介: サービス詳細画面(アプリケーションタブ)
23 機能紹介: サービス詳細画面(APIタブ)
24 機能紹介: サービス詳細画面(APIタブ)
25 機能紹介: サービス詳細画面(SLOタブ)
26 機能紹介: SLOダッシュボード
27 マイクロサービスダッシュボードの仕組み 技術スタック Backend Frontend • Go • Cloud Spanner,
Pub/Sub, Scheduler, Tasks • gRPC, GraphQL (99designs/gqlgen, vektah/dataloaden) • TypeScript • React, Material-UI • GraphQL (apollo-client)
28 マイクロサービスダッシュボードの仕組み Single Page Application API Gateway Microservice Dashboard Go
serves assets gRPC server GraphQL server Cloud Spanner Browse Get / Assets GraphQL Query Data etc
29 データ収集の仕組み Cloud Scheduler: 定期的にデータを取得 01 Cloud Pub/Sub: イベントメッセージからデータを取得 02
Cloud Tasks: マニュアルオペレーション 03 データ収集のトリガー
30 データ収集の仕組み トリガー発動後 API Gateway Microservice Dashboard gRPC server Cloud
Spanner HTTP Cloud Scheduler Cloud Tasks Pub/Sub HTTP HTTP gRPC データ収集 etc
31 データ収集の仕組み トリガー発動後 API Gateway Microservice Dashboard gRPC server Cloud
Spanner HTTP Cloud Scheduler Cloud Tasks Pub/Sub HTTP HTTP gRPC タイムアウト 処理中... etc
32 データ収集の仕組み 愚直に集めている 管理するデータの構造を定義して機械的に処理可能にする データを集める
33 データ収集の仕組み: データを集める マイクロサービスの一覧 API Gateway Microservice Dashboard gRPC server
Cloud Spanner Pub/Sub etc microservices-terraform リポジトリ CIで各microserviceの service-specをpublish service-specを保存
34 データ収集の仕組み: データを集める マイクロサービスの依存関係のグラフ Datadog: /api/v1/service_dependencies Network: network policyの設定(terraformをパース) ServiceEnv:
Podの環境変数の宛先
35 データ収集の仕組み: データを集める 毎月の費用グラフ Microservice Dashboard Cloud Spanner etc 費用データを格納
費用データを保存 BigQuery 費用データを取得 Platform
36 データ収集の仕組み: データを集める GCPリソース Microservice Dashboard Cloud Spanner etc GCPリソースのデータを保存
Cloud Asset API で取得 Cloud APIs microservices-terraform git clone & parse terraform
37 データ収集の仕組み: データを集める Kubernetesリソース API Gateway Microservice Dashboard GraphQL server
Cloud Spanner etc Browse Kubernetes API GraphQL Query Kubernetes API Development Production kubernetes/client-go
38 データ収集の仕組み: データを集める gRPC API定義 API Gateway Microservice Dashboard gRPC
server Cloud Spanner Pub/Sub etc platform-proto リポジトリ CIでFileDescriptorSetを生成してpublish FileDescriptorSetを保存
39 データ収集の仕組み: データを集める SLO Microservice Dashboard Cloud Spanner etc デイリーでSLOの履歴を保存
datadog API で取得
40 データ収集の仕組み: データを集める Schema Service Spec Service Dependency Service Cost
Google Project Kubernetes Namespace Service API Service SLO
41 データの再利用 GraphQL APIを提供 API Gateway Microservice Dashboard GraphQL server
Cloud Spanner Browse GraphQL Query etc GraphQL Query System
42 データの再利用 マイクロサービスに関するデータのHUB Microservice Dashboard
今後の取り組み 43
44 今後の取り組み データの更新イベント Microservice Dashboard Cloud Spanner etc 2.データの更新をpublish Pub/Sub
1.何かデータを保存
45 今後の取り組み データの更新イベントをきっかけに行動を起こす Microservice Dashboard Cloud Spanner etc 2.データの更新をpublish Pub/Sub
1.何かデータを保存 System 3.データの更新をsubscribe 4.アクション
46 抱えている課題 各マイクロサービスに対応してほしいことがあるとき Service A Service C Service B …
🙇 🙇 🙇 🙇
47 抱えている課題 マイクロサービス毎にTODOの管理 Service A: TODO Service C: TODO Service
B: TODO … Microservice Dashboard Service A Owner Platform 進捗確認 やること確認
48 今後の取り組み TODO管理用のAPIの提供 Service A: TODO Service C: TODO Service
B: TODO … Microservice Dashboard GraphQL API TODO System TODO更新
49 今後の取り組み イベントをきっかけとしたTODOの更新 Service A: TODO Service C: TODO Service
B: TODO … Microservice Dashboard GraphQL API TODO System TODO更新 Pub/Sub データ更新イベント
50 今後の取り組み イベントをきっかけとした一貫したデータの変換 something Microservice Dashboard GraphQL API System 変換&更新
Pub/Sub データ更新イベント
51