Google Assistant with Bitrise API

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

© ZOZO Technologies, Inc. https://wear.jp/  ・日本最大級のファッションコーディネートアプリ  ・ 1,300万ダウンロード突破、コーディネート投稿総数は800万件   以上（ともに2019年3月末時点）  ・全世界（App Store / Google Playが利用可能な全ての国）で  ダウンロードが可能  ・ 10万人以上のフォロワーを持つユーザー（WEARISTA）も誕生  4

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

© ZOZO Technologies, Inc. どうつくるか  12 ● Bitrise APIとGoogle Assistantの連携  ○ ① 音声認識と対応するFunctionの呼び出し  ○ ② Firebase FunctionsからBitrise APIの実行と結果の受け取り  Actions on Google  Dialogflow  Firebase Functions  Bitrise  ②

Slide 13

Slide 13 text

© ZOZO Technologies, Inc. どうつくるか  13 ● Bitrise APIとGoogle Assistantの連携  ○ ① 音声認識と対応するFunctionの呼び出し  ○ ② Firebase FunctionsからBitrise APIの実行と結果の受け取り  ○ ③ Dialogflow APIでの結果の描画  Actions on Google  Dialogflow  Firebase Functions  Bitrise  ③

Slide 14

Slide 14 text

© ZOZO Technologies, Inc. どうつくるか: Bitrise APIの概要  14 ● APIを介してBitriseと他のシステムの統合が可能  ○ https://devcenter.bitrise.io/api/api-index/  ● Swagger UI形式でドキュメントが公開  ○ https://api-docs.bitrise.io/  ○ ドキュメント上で実際に試しながらAPIを学べる  ■ 「Authorize」でTokenの入力が必要な場合有  ■ Account settings -> SecurityでTokenを入手    例. builds API

Slide 15

Slide 15 text

© ZOZO Technologies, Inc. どうつくるか: 使用するAPI  15 ● application API  ○ GET /apps/{app-slug}  ● アプリケーションの詳細情報の取得  ○ GET /apps/{app-slug}/branches  ● ビルド実行済みブランチの一覧取得  ● builds API  ○ GET /apps/{app-slug}/builds  ● アプリケーションに紐づくビルドの一覧を取得  ○ GET /apps/{app-slug}/builds/{build-slug}  ● ビルドの詳細を取得  ○ POST /apps/{app-slug}/builds  ● Workflow、Branchを指定した新しいビルドのトリガー 

Slide 16

Slide 16 text

Slide 17

Slide 17 text

© ZOZO Technologies, Inc. 実装例: アプリケーションの情報取得と表示 Firebase Functionsの実装  17 ● dialogflowFirebaseFulfillmentを定義  ● Dialogflowで定義したIntent名と関数を対応付けhandleRequest関数に登録  ● https://github.com/dialogflow/fulfillment-webhook-nodejs が参考になる    exports.dialogflowFirebaseFulfillment = functions.https.onRequest((request, response) => { function showAppStatus (agent) { return bitrise.getAppStatus().then(body => { /** 結果の処理 **/ }); } // Intent名「Voice OPS for Bitrise Show App Status Intent」 // 対応する関数「showAppStatus」 intent.set('Voice OPS for Bitrise Show App Status Intent', showAppStatus); agent.handleRequest(intent); }

Slide 18

Slide 18 text

© ZOZO Technologies, Inc. 実装例: アプリケーションの情報取得と表示 Firebase Functionsの実装  18 ● GET /apps/{app-slug} へリクエスト  ● app-slug  ○ Appの「code」タブから取得  class Bitrise { getAppStatus() { return new Promise(resolve => { request({ method:'get', url: `${baseUrl}/apps/${appSlug}`, headers: this.header, }, (error, response, body) => { resolve(JSON.parse(body)); }); }); } ｝

Slide 19

Slide 19 text

© ZOZO Technologies, Inc. 実装例: アプリケーションの情報取得と表示 Firebase Functionsの実装   19 ● Dialogflow APIで結果を描画  ○ この例ではCard UIとして結果を表示  ■ https://developers.google.com/actions/assistant/responses#basic_card  agent.add(new Card({ title: `Build status is ${status}.`, imageUrl: imageUrl, text: "", buttonText: 'Go to App Dashboard', buttonUrl: `https://app.bitrise.io/app/${apapSlug()}` }));