はじめに
Blog記事「Instanaを使ってOpenShift上で動作するアプリのパフォーマンスを監視する (1)」の後続の記事になります。
この回では、Bee TravelsのアプリケーションにInstanaで監視できるようにコードを埋め込み、OpenShiftクラスターにBee Travelsアプリケーションをデプロイするところまで取り扱います。
情報をクイックに把握されたい方向け
これからAPMやInstanaについて情報だけクイックに把握されたい方は、
Instanaで各言語をWebSite監視・トレースするために必要なこと
をインプットされると良いと思います。
特に、Node.js 、Pythonについては、コードにポインタをつけて、どの部分を挿入すべきなのか、画像で視覚化しています。
以下の2つをサクッと見て雰囲気だけ掴んでもらえればと思います。
3.InstanaでのWebsite監視設定-End User Monitoring-EUM
4.Instanaでのトレース
5. Instanaの組み込み例:BeeTravelsアプリケーション
そもそもInstanaとは?
Instanaはアプリケーション・パフォーマンス管理(APM)ツールの1つでサービスに問題が発生した時に、インフラからアプリまでの依存関係を視覚化し、どこのサービスで、ソースコードの何行目が問題があるのか原因究明コストを大幅に削減できるのが特徴なツールです。可観測性(observability)という領域のツールです。
手順
- 事前準備
- リポジトリのfork
- InstanaでのWebsite監視設定-End User Monitoring-EUM
- Instanaでのトレース
- Instanaの組み込み例:BeeTravelsアプリケーション
- OpenShiftへアプリケーションのデプロイ
- アプリケーションの接続確認
1. 事前準備
- OpenShiftクラスターを用意する。
- Docker HubのID
- 作業用端末 に以下の2つが導入されていること
- Instanaへのアクセス。
- SaaS版の14日間フリートライアルを上記サイトで申請して使用します。
2. リポジトリのfork
- Git Hubリポジトリ: https://github.com/IBM/instana-openshiftにアクセスし、右上の Fork ボタンをクリックしてリポジトリをフォークします。
3. InstanaでのWebsite監視設定( End User Monitoring - EUM)
Instanaで、Website監視設定を行うためには、 クライアントのブラウザからInstanaのバックエンドサーバにデータを送信するために、アプリケーションにJavaScriptを組み込む必要があります。
まず、Instanaのフリートライアル申請行い、Instanaのデプロイが終了したら
Instanaにログインしダッシュボードに接続します。 赤枠の Add Website
をクリックします。
![image.png](https://camo.qiitausercontent.com/0db1e23dbc1de7e5879737cc65cf54588a64f112/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f61316132376161642d366235642d323337662d643137352d3636653464323532323031622e706e67)
そして 赤枠の Website Nameに、任意の名前を入力し(今回は Tok04 Bee Travels
)し Add Website
ボタンをクリックします。
![image.png](https://camo.qiitausercontent.com/9c4c6f7b3c11816986d5ace3d4a4d7914b4883b4/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f37376433616662632d373030352d353766302d623135362d6665396462313561333762632e706e67)
Websiteをモニタリングするためのスクリプトが表示されます。保存を行うためにCopy to clipboard
ボタンをクリックしクリップボードに保存します。
![image.png](https://camo.qiitausercontent.com/322fa4564130d7a600736cb9f2c279a27e364ae3/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f30393135303464382d646538642d363535642d346237622d3633653837343035366338622e706e67)
クリップボードにコピーしたスクリプトをHTMLファイル: " /src/services/ui/frontend/public/index.html "の<head>
タグの間に挿入します。
![image.png](https://camo.qiitausercontent.com/95896025f2e061a85ef755a6020161c599d605ca/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f30616665343537612d646163642d613631612d393139652d3961613735383463626535372e706e67)
これで、InstanaでフロントエンドアプリケーションのWebsite監視ができるようになりました。
これにより、アプリケーションのフロントエンドでページの読み込みやトラフィックなどを分析できるようになります。
4. Instanaでのトレース
Instanaでアプリケーションの各サービス間のトレースを行うために、以下の4つの方法を提供しています。
-
ソースコードへの変更なしにトレースできる言語 - Instana AutoTraceという独自技術
- Java、PHP、Python、.NET、Scala、Clojure
-
最低限の変更ライブラリのimportなど
でトレースできる言語
-
Instanaが提供するSDKを使用してトレースできる言語
-
他のトレース技術との統合
- OpenTracing、OpenCensus、Jaeger、Zipkin
Instanaでアプリケーションをトレースできるようになるとサービスに対して行われた呼び出しに関する分散トレース、テレメトリ、およびその他の情報をInstanaに送信できます。さらに、個々のトレースコールを分析して、サービスが互いにどのように通信しているかを示すことができます。
以下にアクセスすると、Instanaが各BeeTravelsサービスにどのように組み込まれているかを確認できます。
5. Instanaの組み込み例:BeeTravelsアプリケーション
リポジトリをForkした段階で、BeeTravelsアプリケーションではInstanaのライブラリが組み込まれた状態になってます。
Destination Service
Car Rental Service
Hotel Service
Pythonは InstanaではAutotrace対応なので、ソースコードの変更なしにトレース可能なのですが、Frameworkを使ったり、WSGIを利用する場合は、 上記の様にソースコードの変更が必要です。
Instanaドキュメント:WSGI & ASGI Stacks
Currency Exchange Service
これで、Bee TravelsアプリケーションにInstanaのコードが組み込まれていることを確認し、アプリケーションのデプロイをするだけになりました。ついに、 OpenShiftに Instana Agentを導入して、モニタリングできるようにします。
6. OpenShiftへアプリケーションのデプロイ
1. OpenShiftコンソールを開き、Copy Login Command
から OpenShiftクラスタにログインするためのコマンド(oc login...
)をコピーします。![openshift_login.png](https://camo.qiitausercontent.com/6c0258276a5e189c2e9cef52a13e6b937b974149/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f39663965306232392d653832302d353565362d626564392d6464326361306265663464312e706e67)
2. 前の手順でコピーしたログインするためのコマンドをTerminalでペーストしOpenShiftクラスタにログインします。
console
oc login --token=sha256~xyz --server=https://aaa.bbb.ccc:111
You have access to xx projects, the list has been suppressed. You can list all projects with ' projects'
Using project "default".
Welcome! See 'oc help' to get started.
3. Terminalで build-and-deploy.sh
スクリプトを実行してBee Travelsアプリケーションをビルドし、OpenShiftクラスターにデプロイします。
注: Terminalを起動している環境でDockerが起動している必要があります。変数: <DOCKERHUB_USERNAME>はDockerHubのIDを入力します。
cd instana-openshift
./build-and-deploy.sh -d <DOCKERHUB_USERNAME>
build-and-deploy.sh
スクリプトの実行が完了したら、
Openshiftコンソールで Workloads
-> Pods
といどうして、Openshiftクラスターでアプリケーションが実行していることを確認します。下図の様に bee-travelsプロジェクトにPodが作成されていることを確認します。![openshift_pods.png](https://camo.qiitausercontent.com/1596a206cb14d0a1af666f6f4607cfdd30336d15/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f30646535646433662d633932612d383735332d383430332d6562613630343933303464362e706e67)
4. Bee TravelsアプリケーションがOpenShiftにデプロイしたので、RouteをしようしてUIを外部に公開します。OpenShiftコンソールで Networking
-> Routes
の順番に移動し、 Create Route
ボタンをクリックします。![openshift_route.png](https://camo.qiitausercontent.com/56bd686a03007f52358f3d0a16a26bb8ece38aab/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f37346531393534642d376465322d613561372d656234352d3636346232303033333136662e706e67)
5.次に、下図のように入力して、Routeを作成します。![openshift_routespecs.png](https://camo.qiitausercontent.com/ad595906ec92c6cd1fcec56381b0c4bcbd72385a/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f31616630306639652d333066302d613439392d353162332d6137333136336436393834632e706e67)
6.そして、新しく作成されたRouteのLocationのURLをメモをしておいてください。
![image.png](https://camo.qiitausercontent.com/574e0a96fc021ac5244024a39e7df967a24e6d4c/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f31376437313736372d643564312d616636302d303037652d3434646162633762353963342e706e67)
7. アプリケーションの接続確認
ブラウザでURLにアクセスすると、下図のようなBee Travelsのアプリケーションが表示されます。tokyo
と入力し、表示されたTokyo, Japan
をクリックします。
![image.png](https://camo.qiitausercontent.com/3f9820237375f80bd170a78744d73e16abd21e09/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f34316562323139652d626637612d663666332d666435372d3564633065623334333538642e706e67)
Tokyoの案内が表示され、Hotelsの Date From
から Date To
に日程を入力すると、東京に存在しないホテルの一覧が表示されます。(サンプルデータなので)
![image.png](https://camo.qiitausercontent.com/14036e8b944b8775a482cb6c8376979105e7e1d1/68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3230393137302f30363132393832352d616539632d313233632d343863392d6636396531363630636464382e706e67)
最後に
これで、Bee Travelsアプリケーションが利用できる様になりました。
次の回では、OpenShitftクラスターに Instana Agentを導入し、Bee TravelsのアプリケーションをInstanaを使ってモニタリングしたいと思います。
#bestpractice#bestpracties#Openshift#APM#Instana#microservices#microservice