続いて第1話、第2話ではゆったりパンツと交互にCircleCIの動きを行います.

1.開発に必要な目次調査

circleワークフローを処理するためのドキュメント

ゆったりしたズボンで対話するためのドキュメント

2.作成するドキュメントの表示

ワイドパンツは様々な方法でコミュニケーションをサポートしています.

Approveもいいと思います.
複数のコレクションに配置するVariantsを選ぶのも面白いようです.
簡単に考えてみると、UIだけが変化し、CircleCIを制御するロジックはあまり変化しません.
まず基本的な形を作るために、単一のボタンでApproveという形で行いましょう.

ガイドをよく探してみると、ブロックビルダーが見つかります.
基本テンプレートを切り取り、簡単な構成を行いました.

3.開発以外に必要な優先パラメータ

ゆったりした設定

パンツアプリケーションの作成に進み、Interactive ComponentsとIncoming Webhooksを選択します.


Interactive Componentsが選択されている場合、ボタンを押したときにPOSTリクエストを送信するURLを入力するウィンドウが表示されます.まずテストを行い、簡単なサーバをローカルに配置し、ngrokを使用します.
アプリケーションを作成した場合は、チームに登録し、作成したテンプレートメッセージを
incoming hookで送ると、下記のように確認できます.

受信したメールのボタンをクリックすると、上に登録したURLからもメールがよく届きます.

CircleCI設定

ワークフロー管理をAPIにするために、まずカードループトークンの発行を行う.CircleCI <-> 서버 <-> 슬랙形式で通信するため、CircleCIは必要な環境変数を登録する必要がある.SLACK_ACTION_URLに登録し、CircleCIからサーバにメッセージを送信しました.

4.サーバ開発を行う

現在動作実行動作により、送信されるメールの更新のように開発されている.
たとえば、ワークフローがキャンセルされている場合は、[キャンセル](Cancel)ボタンを再度クリックすることはできません.
また、導入のライセンス/キャンセルをクリックした人を追跡する必要があります.
サーバ上で処理するアクションコードは、お客様のニーズに合わせてよく実装できます.
追加テンプレートリポジトリを参照

5.CircleCIワークフローでのメール送信

これで、CircleCIワークフローでサーバにリクエストを送信できます.
要求に使用される環境変数の構築が検索され、使用される.

  send-slack-message:
    working_directory: ~/project
    docker:
      - image: circleci/node:latest
    steps:
      - checkout
      - run:
          name: "Setup environment variable"
          command: echo export APP_VERSION=$(node -e "console.log(require('./package.json').version)") >> $BASH_ENV
      - run:
          name: "Request message"
          command: |
            curl -H "Authorization: $SLACK_ACTION_TOKEN" \
              -d version=$APP_VERSION \
              -d workflowId=$CIRCLE_WORKFLOW_ID \
              -d branch=$CIRCLE_BRANCH \
              $SLACK_ACTION_URL/circleci/react-native \

また、アプリケーションのバージョンを送信する必要があるので、スクリプトを追加しました.
作成が完了すると、ワークフローは通常、メモでメッセージを送信します.
ボタンを押すと、動作が実行できることを確認し、実行しているユーザーをログ追跡できます.

6時間以内に終わります!