0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

AWS Step FunctionsのWorkflow StudioをVS Codeで動かす

Posted at

はじめに

AWS Step Functionsを作る際、GUIで作成できるWorkflow Studioの機能があります。

これが、VSCodeで使えるようになったとのことで触ってみました。

概要

  • VSCodeの拡張機能AWS Toolkit 3.49.0以上が必要
  • ローカルで作成して反映、作成済みのステートマシンをローカルで編集、の両方が可能

参考

やってみた

VSCode Toolkitインストール

AWS Toolkitが必要です。バージョンは3.49.0以上が必要とのことです。
現在は3.52.0が最新版でした。

image.png

新規にステートマシンを作成

VSCodeで作成して、その内容をAWSに反映してみます。
反映する際にIAMロールを指定する必要がありますので、ロールは先に用意しておきます。

作成・編集

VSCodeからサンプルのステートマシンを作成します。
image.png

テンプレートから適当なものを選びます。
image.png
記述形式を選びます。
image.png

コードの上のところにある、Open with Workflow Studioをクリックします。
image.png
GUIの画面が出てきました。
image.png

試しにWaitの時間を変更してみました。
image.png

反映

AWS上に反映するには、コードモードのPublish to Step Functionsをクリックします。
image.png
リージョンを選択します。
image.png
Quick Createを選択します。
image.png
用意していたロールを選択します。
image.png
名前を指定します。
image.png
コンソールから、作成されていることが確認できます。
image.png

既存のステートマシンを更新

既に作成済みのステートマシンを操作してみます。

コンソールからテスト用のステートマシンを作成します。
image.png

VSCodeから開く

VSCodeの左ペインから、先ほど作成したステートマシンを右クリックし、Open with Workflow Studioをクリックします。
image.png

左側にコードが、右側にGUIが出てきました。
image.png

編集して反映

GUIを操作して、ステートマシンを編集できます。最後のステートを変更してみました。
image.png

元のステートマシンに反映するには、コードモードのPublish to Step Functionsをクリックします。
image.png
リージョンを選びます。
image.png
Quick Updateを選びます。
image.png
上書きする対象を選択します。
image.png
ブラウザから見ると、更新されていることが確認できます。
image.png

テスト・実行

そのまま続けて、ステートのテストを行ってみます。
コンソールでの操作と同じように、ステートを選択してテスト状態をクリックします。
image.png
テストを開始します。
image.png
問題なく実行できます。
image.png

ステートマシン全体を実行する場合は、左ペインから指示するようです。
image.png
image.png
結果はコンソールから確認できます。
image.png

おわりに

今回はVSCodeで出来るようになったAWS Step FunctionsのWorkflow Studioを触ってみました。
VSCodeに使い慣れた人や、ステートマシーンのコードをGitで管理している人には便利な機能ではないでしょうか。

この記事がどなたかのお役に立ちましたら幸いです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?