Serverlessな世界をのぞいてみよう！ / Let's dive serverless world

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 自己紹介 3 @sugimount • 杉山卓（すぎやますぐる） • 日本オラクルソリューションエンジニア – Oracle Cloud 全般を扱い、お客様の意思決定を技術的に支援するお仕事 – いわゆる、プリセールスエンジニア • 好きなサービス – Oracle Functions, Oracle Container Engine for Kubernetes

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | サーバレスの歴史 8 2006 2008 2012 Zimki Google App Engine IronWorker Firebase 2014 AWS Lambda サーバレスが広く知られるきかっけ 2016 2017 2018 2019 Google Cloud Functions Azure Functions OpenWisk by IBM IBM Cloud Functions Fn Project by Oracle Knative Firecracker Oracle Functions (New!) KEDA i i

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 課題 10 生み出すプロダクトが市場に合うかわからない開発に時間をかけられないお金・人が少ない初めから大規模なシステムはコストが高い Copyright © 2019, Oracle and/or its affiliates. All rights reserved. |

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | CNCF の定義(意訳) 14 https://github.com/cncf/wg-serverless/tree/master/whitepapers/serverless-overview サーバレスとは • サーバ管理を必要としない、アプリケーションの構築モデルを指す – サーバの作成、メンテナンス、アップデート、スケール、キャパシティ予測から解放 – サーバという考え方が抽象化され、ビジネスロジックに集中できる • 何も動作していない時は、サーバ部分の課金無しサーバレスを実現するためのサービス • FaaS(Functions-as-a-Service) • BaaS(Backend-as-a-Service)

Slide 15

Slide 15 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | CNCF の定義(意訳) 15 https://github.com/cncf/wg-serverless/tree/master/whitepapers/serverless-overview サーバレスとは • サーバ管理を必要としない、アプリケーションの構築モデルを指す – サーバの作成、メンテナンス、アップデート、スケール、キャパシティ予測から解放 – サーバという考え方が抽象化され、ビジネスロジックに集中できる • 何も動作していない時は、サーバ部分の課金無しサーバレスを実現するためのサービス • FaaS(Functions-as-a-Service) • BaaS(Backend-as-a-Service)

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | サーバ管理に必要な作業 17 設計構築運用 • サーバに必要なスペックは？ • どうやって可用性を担保する？ • サーバーへのアクセス制御はどうする？ • どれくらいのスペックが余っているのか • 新しいアプリケーションはどうやってデプロイする？ • このサーバーは正常に動いているのか？などなど・・・ • サーバーを1台ずつ構築していく？ • すべて手作業で行う？

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | CNCF の定義(意訳) 20 https://github.com/cncf/wg-serverless/tree/master/whitepapers/serverless-overview サーバレスとは • サーバ管理を必要としない、アプリケーションの構築モデルを指す – サーバの作成、メンテナンス、アップデート、スケール、キャパシティ予測から解放 – サーバという考え方が抽象化され、ビジネスロジックに集中できる • 何も動作していない時は、サーバ部分の課金無しサーバレスを実現するためのサービス • FaaS(Functions-as-a-Service) • BaaS(Backend-as-a-Service)

Slide 21

Slide 21 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | FaaS(Functions-as-a-Service)とは 21 • 何かの処理を行うコード(=Function) を、クラウドへアップロード • クラウド側で、よしなに運用・管理を行ってくれる • 良く知られているサービス – AWS Lambda, Azure Functions, Google Cloud Functions, IBM Cloud Functions

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 大量のイベントトリガー FaaS サービス Function イベント発生 i イベントに応じて、Functionが起動するイベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i Function Function Function Function Function Function Function Function Function

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | BaaS(Backend-as-a-Service)とは 26 • システムのバックエンドを構成する一部品を、置き換えることの出来るサービス – ユーザ管理、認証、プッシュ通知、メッセージング、分析、Pub/Subキューなど • ビジネスの価値に直結しない部分を、クラウド側に任せるアプリケーションアプリケーション自分で開発自分で開発 BaaS 置き換え自分で開発

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | サーバレスを使うことで、以下のように解決 29 Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 不要な作業を排除しビジネスロジックに集中真の従量課金自動スケールすばやくプロダクトをリリース開発に時間を掛けない低コストなシステム容易にスケール可能

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ユースケース Webアプリのバックエンド 34 認証サービス API Gateway Function データベース Webサイトホスティング Web ブラウザ HTML・CSS・ JavaScript ユーザー認証 HTTP Endpoint JSON Response サーバレスサービスデータ管理処理凡例

Slide 35

Slide 35 text

Slide 36

Slide 36 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ユースケースデータ変換処理 36 Object Storage データ処理元データ変換サービス Function Object Storage データ処理先画像データ動画データデータを格納データ処理画像や動画データの変換処理後のデータを格納サーバレスサービス凡例

Slide 37

Slide 37 text

Slide 38

Slide 38 text

Slide 39

Slide 39 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Oracle Functions 39 • Oracle Cloud Infrastructure(以下OCI)で、提供しているFaaS • 特徴 – OSSベース Fn Project – インフラを選ばないオープンな FaaS 基盤 – Container Native – 基本的にはどのような言語でも動作可能 – 低価格で高性能

Slide 40

Slide 40 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Fn Projectとは 40 • Function as a Service(FaaS)を構築するためのフレームワーク – オラクル主導で開発されているOSS • https://fnproject.io/ • https://github.com/fnproject/ – Iron.ioのFaaS技術(IronFunctions)がルーツ • 任意のインフラ上にFn Projectを展開することで、 Oracle Functions互換の環境を構築可能 – オンプレミス、クラウド、ラップトップ…

Slide 41

Slide 41 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Fn Project互換環境の選択肢 41 • Oracle Functions – Fn Projectのマネージド・サービス – クラウドのFaaSらしい、「使った分だけ」の課金体型 – OCIのEventsサービスと連携したトリガーを容易に構成 • Kubernetes – オンプレミス、クラウドの任意のKubernetesクラスターでFn Projectを実行 – Helmを利用することでプロダクションレベルの構成を容易に構築 • 任意のDockerホスト – Dockerをインストール済みのマシンでコンテナとして Fn Projectを実行 – Oracle Functionsのローカル開発環境としても利用 – Raspberry Piなどで実行して Edgeとしての利用も同一Functionを相互移行可能

Slide 42

Slide 42 text

Slide 43

Slide 43 text

Slide 44

Slide 44 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ事前準備 44 Oracle Functions OCI Registry (Docker Registry) Oracle Cloud Virtual Cloud Network 手元の環境 Docker, Oracle Functions で使う CLI の導入など仮想ネットワークの作成 https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm

Slide 45

Slide 45 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 45 Oracle Functions OCI Registry (Docker Registry) Oracle Cloud Virtual Cloud Network 手元の環境 Application https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm Application という枠組みを作成 Virtual Cloud Network に紐づけ

Slide 46

Slide 46 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 46 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Dockerfile Functionコード + import FDK https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm Docker Image 作成

Slide 47

Slide 47 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 47 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm Imageアップロード

Slide 48

Slide 48 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 48 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm Function 起動条件設定

Slide 49

Slide 49 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 49 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud イベントイベントイベント https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm イベント発生

Slide 50

Slide 50 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 50 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm Instance Instance イベントに応じて、インスタンスの増減インスタンスの作成

Slide 51

Slide 51 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 51 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Instance Instance https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm Image Pull

Slide 52

Slide 52 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 52 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Instance Instance https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm コンテナが Function として稼働イベントに応じて、コンテナの増減コンテナへパラメータを渡す

Slide 53

Slide 53 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 53 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Instance Instance VCN 内のリソース Database など https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm VCN内のリソースにアクセス可能

Slide 54

Slide 54 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 54 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Instance Instance VCN 内のリソース Database など https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm コンテナからレスポンスを受け取り Clientに返す

Slide 55

Slide 55 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 55 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Instance Instance 次回以降のリクエストは、生存しているコンテナが処理を行う https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm

Slide 56

Slide 56 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Function を動かすときの流れ 56 Oracle Functions OCI Registry (Docker Registry) Virtual Cloud Network 手元の環境 Application Oracle Cloud Instance Instance 一定時間経過後削除 https://docs.cloud.oracle.com/iaas/Content/Functions/Concepts/functionshowitworks.htm

Slide 57

Slide 57 text

Slide 58

Slide 58 text

Slide 59

Slide 59 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | メタデータファイル (func.yaml) 59 schema_version: 20180708 name: helloworld-func version: 0.0.2 runtime: go entrypoint: ./func Function を作成する際のメタデータを指定するファイル指定可能パラメータ(抜粋) ・名前・バージョン・ランタイム・タイムアウト値・Functionに割り当てるメモリなど https://docs.cloud.oracle.com/iaas/Content/Functions/Tasks/functionscustomizing.htm https://github.com/fnproject/docs/blob/master/fn/develop/func-file.md 詳細 Document

Slide 60

Slide 60 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ソースコード (func.go) 60 package main import ( "context" "encoding/json" "fmt" "io" fdk "github.com/fnproject/fdk-go" ) func main() { fdk.Handle(fdk.HandlerFunc(myHandler)) } 次に続く・FDK (Function Development Kits) を Import ・Functionが起動した時に、動かす関数 myHandler を指定

Slide 61

Slide 61 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | ソースコード (func.go) 61 type Person struct { Name string `json:"name"` } func myHandler(ctx context.Context, in io.Reader, out io.Writer) { p := &Person{Name: "World"} json.NewDecoder(in).Decode(p) msg := struct { Msg string `json:"message"` }{ Msg: fmt.Sprintf("Hello %s", p.Name), } json.NewEncoder(out).Encode(&msg) } ・myHandler 関数を FDK に渡している・Personという構造体(struct)を生成し、 Nameフィールドには、”World を格納” ・Function実行時のリクエストに、Nameがあれば、構造体のNameフィールドを上書き Nameが無ければ、”World”のまま・FunctionのResponseとして、msg構造体をPrint ・結果、 Hello World と表示される

Slide 62

Slide 62 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 62 FDK(Function Development Kits) とは • Function を簡単に書くための Development Kits • FDK は各種言語のパッケージ / ライブラリ / gem として提供されている • FDK のインターフェースに沿って関数を実装 • 主な機能 – Input データを関数に渡す – Output を Oracle Functions に返す – コンテナがtimeoutするまで Listen しつづけて、次の Request に対して高速に応答する Ruby

Slide 63

Slide 63 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 63 Oracle Functions Function Container myHandler(input){ ... } events events events FDK Oracle Functions から Request を受け取り、 myHandler関数へ抽象化されたIO を受け渡す Golangでは、 io.Reader, io.Writer インターフェースが使われている FDKの役割 HTTP over UNIX Socket 経由で Input, Output https://www.youtube.com/watch?v=TMt2P1pF6lA

Slide 64

Slide 64 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 64 Oracle Functions Function Container myHandler(input){ ... } events events events 独自実装 FDK で実装している IO インターフェースを実装すれば、任意の言語で動作可能ベータ版ツールの Fn HotWrap が参考になる https://github.com/fnproject/hotwrap FDKが提供されていない言語の場合 HTTP over UNIX Socket 経由で Input, Output https://www.youtube.com/watch?v=TMt2P1pF6lA

Slide 65

Slide 65 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | 自動生成 Dockerfile 65 FROM fnproject/go:dev as build-stage WORKDIR /function WORKDIR /go/src/func/ ENV GO111MODULE=on COPY . . RUN cd /go/src/func/ && go build -o func FROM fnproject/go WORKDIR /function COPY --from=build-stage /go/src/func/func /function/ ENTRYPOINT ["./func"] Golang を Build する用のコンテナイメージマルチステージビルド自動生成したソースコードを使用して、 Golang の Build Function として動かすコンテナイメージビルドしているコンテナから、バイナリファイルを COPYして、ENTRYPOINT として指定 Dockerfileは好きな内容に Customize 可能

Slide 66

Slide 66 text

Slide 67

Slide 67 text

Slide 68

Slide 68 text

Slide 69

Slide 69 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | API Gateway 69 Oracle Cloud Internet API Gateway Oracle Functions バックエンド (HTTP) • Oracle Functions も含む、API のエンドポイントを提供 • 認証、スロットリング、Logging、カスタムドメインなどの機能を提供 • 2019年10月現在、限定提供中 Identity Cloud Service authentication

Slide 70

Slide 70 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Events 70 • Oracle Cloud 上の様々なリソースの状態変化に応じて、イベントを発行するサービス • アクションとして、Oracle Functions を起動することが可能 • CNCF で定義されている CloudEvents の仕様に準拠のメッセージを Functions に送る Object Storage Events Oracle Functions 検知トリガー Fileの格納

Slide 71

Slide 71 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | CloudEvents 71 https://cloudevents.io/ • イベントデータの標準化を目指して定義されている仕様 • CNCFの Incubating Project • 各種Service や Platform で発生したイベントの配信を容易にすることを目指している – 例えば、Public Cloud間、オンプレミス、エッジ環境で相互にイベント連携オンプレミス Public Cloud

Slide 72

Slide 72 text

Slide 73

Slide 73 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Fn Flow 73 • Fn Project で進められている、Function のオーケストレーションを実現 • Function のワークフローを定義 • Function の平行処理、順序処理、遅延の待ち、エラー処理などを制御 • Flow 制御を Code で表現 • Oracle Functions では、今後提供予定

Slide 74

Slide 74 text

Slide 75

Slide 75 text

Slide 76

Slide 76 text

Slide 77

Slide 77 text

Slide 78

Slide 78 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Demo 作成に掛かった時間 78 Phoenix リージョン (API Gatewayは、2019年10月現在、Phoenix リージョンで限定提供中のため) API Gateway Oracle Functions Tokyo リージョン Object Storage 画像格納用 User (Web Browser) Events Oracle Functions Oracle DB API Gateway Oracle Functions Webサイトホスティング約2日でサーバレスアーキテクチャ

Slide 79

Slide 79 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | アーキテクチャ画像投稿 79 Phoenix リージョン (API Gatewayは、2019年10月現在、Phoenix リージョンで限定提供中のため) API Gateway Oracle Functions Tokyo リージョン Object Storage 画像格納用 User (Web Browser) 2. Object Storageのアップロード用URLを取得 Events Oracle Functions Oracle DB API Gateway 4. 画像メタデータ保存 (URL, 名前, 作成日時など) Oracle Functions 3. アップロード用URL宛に、直接画像をアップロード Webサイトホスティング 1. 静的ページ取得 (React) HTML, JavaScriptなど

Slide 80

Slide 80 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | アーキテクチャ画像投稿 80 Phoenix リージョン (API Gatewayは、2019年10月現在、Phoenix リージョンで限定提供中のため) API Gateway Oracle Functions Tokyo リージョン Object Storage 画像格納用 User (Web Browser) Events Oracle Functions Oracle DB API Gateway Oracle Functions Webサイトホスティング 1. Object Storage から、事前承認済みリクエストを取得 2. JSON として事前承認済みリクエストを Response GitHub でソース公開 https://github.com/Sugi275/serless_objectstorage_pre-auth

Slide 81

Slide 81 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Object Storage の事前承認済みリクエスト 81 Object Storage 画像格納用 API Gateway Oracle Functions User (Web Browser) 事前承認済リクエスト https://objectstorage.ap-tokyo-1.oraclecloud.com/p//n//b//o/ 1. 事前認証済みリクエストの取得 ※ Oracle Functions に、権限設定済み 2. 事前認証済みリクエストを JSON として渡す 3. ブラウザから直接 Object Storage へアップロード • Object Storage へアップロード権限がないClientへ、一時的なURLを発行する仕組み

Slide 82

Slide 82 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Oracle Functions でやっていること 82 ... snip ... provider, err := auth.ResourcePrincipalConfigurationProvider() client, err := objectstorage.NewObjectStorageClientWithConfigurationProvider(provider) ... snip ... response, err := client.CreatePreauthenticatedRequest(ctx, request) ... snip ... funcResponse := struct { RequestID string `json:"request_id"` AccsessURI string `json:"access_uri"` }{ RequestID: *response.Id, AccsessURI: "https://objectstorage.ap-tokyo-1.oraclecloud.com" + *response.AccessUri, } json.NewEncoder(out).Encode(&funcResponse) リソースプリンシパルと呼ばれる仕組みを使って、Function の権限を取得 Object Storage の client を生成事前承認済みリクエストを取得 JSONとしてエンコードして、 FDK経由でReponseを返す func.go

Slide 83

Slide 83 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | API Gateway でやっていること 83 "routes": [ { “path”: “/getBucketPreAuthURL”, “methods”: [ “GET” ], “backend”: { “type”: “ORACLE_FUNCTIONS_BACKEND”, “functionId”: “” }, "requestPolicies": { "cors":{ "allowedOrigins": ["*", "*"], "allowedMethods": ["*", "GET"], "allowedHeaders": [], "exposedHeaders": [], "isAllowCredentialsEnabled": false, "maxAgeInSeconds": 3000 } } } アクセス path と methods を定義 backend として動かす Function のIDを指定 https:///v1/getBucketPreAuthURL • パス、ルーティング、様々なポリシーを設定 • エンドポイントにアクセスすると、Functionが動く

Slide 84

Slide 84 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | export default function getPreAuthURL() { const p = new Promise((resolve, reject) => { fetch(‘https:///v1/getBucketPreAuthURL') .then(response => { if (response.ok) { return response.json(); } else { return Promise.reject(new Error('エラーです！')); } }) .then(jsonData => { console.log(jsonData); resolve(jsonData.access_uri); }) .catch(e => { console.log(e.message); // エラーです！ }); }); return p; } Front(React) で関係している箇所 84 GitHubでソース公開 https://github.com/Sugi275/serless_front src/oraclecloud/getpreauthuri.js API Gateway経由で、事前認証済みリクエストを取得

Slide 85

Slide 85 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | async handleUploadImage() { console.log("start handleUploadImage") const preAuthURI = await GetPreAuthURI() store.dispatch(addPreAuthURI(preAuthURI)) const files = store.getState().imagePreview.images files.map(file => this.uploadImage(file)) console.log("end handleUploadImage") } ... snip ... uploadImage(file) { axios.put(store.getState().imagePreview.preAuthURI + file.name, file, options) .then(result => { console.log("Response from object storage"); }) .then(() => { store.dispatch(previewClear()) }) } Front(React) で関係している箇所 85 GitHubでソース公開 https://github.com/Sugi275/serless_front src/component/imageupload.js 事前承認済みリクエストを、Reduxの Store に格納事前承認済みリクエストを使って、 file(画像) をObject Storage にUpload

Slide 86

Slide 86 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | アーキテクチャ画像投稿 86 Phoenix リージョン (API Gatewayは、2019年10月現在、Phoenix リージョンで限定提供中のため) API Gateway Oracle Functions Tokyo リージョン Object Storage 画像格納用 User (Web Browser) Events Oracle Functions Oracle DB API Gateway Oracle Functions Webサイトホスティング 1. Events が Object Storage に格納された画像を検知 2. Events が Oracle Functions を起動 3. Oracle Functions はメタデータをデータストアに格納 GitHub でソース公開 https://github.com/Sugi275/serless_metadeta-to-oracledb

Slide 87

Slide 87 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Oracle Functions でやっていること 87 ... snip ... func fnMain(ctx context.Context, in io.Reader, out io.Writer) { // Events から受け取るパラメータ input := &EventsInput{} json.NewDecoder(in).Decode(input) ... snip ... func getDSN() (string, error) { oracleUsername, ok := os.LookupEnv(envOracleUsername) oraclePassword, ok := os.LookupEnv(envOraclePassword) oracleServiceName, ok := os.LookupEnv(envOracleServiceName) ... snip ... query := "INSERT INTO IMAGES (id, ImageName, Detail, ImageURL, UserName, CREATE_DATE, DELETED) " + "values (:1, :2, :3, :4, :5, :6, :7)" Events からパラメータを受け取って、どの画像がアップロードされたかを認識 Oracle DB への接続情報を環境変数から取得 INSERT を実行して、画像のメタデータを保存 func.go

Slide 88

Slide 88 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | Events から渡されるパラメータを抜粋 (CloudEvents) 88 { "cloudEventsVersion": "0.1", "eventID": "51827a0e-7d03-4d6a-b274-fb51e2b0b764", "eventType": "com.oraclecloud.objectstorage.createobject", "source": "objectstorage", ...snip... "data": { "compartmentId": "ocid1.compartment.oc1..secret", "compartmentName": "susugiya", "resourceName": "3eventsample.txt", "resourceId": "", "definedTags": { "Operations": { "CostCenter": "" } }, "additionalDetails": { "namespace": "tenancyname", "publicAccessType": "", "eTag": "498e8542-2e9b-4684-87e2-f75ab90354b9" } どのリソースからイベントが発生したのかリソースの名前 (画像のファイル名) Object Storage の namespace名 (Object Storage へのアクセスに必要)

Slide 89

Slide 89 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | アーキテクチャ画像取得 89 Phoenix リージョン (API Gatewayは、2019年10月現在、Phoenix リージョンで限定提供中のため) API Gateway Oracle Functions Tokyo リージョン Object Storage 画像格納用 User (Web Browser) Events Oracle Functions Oracle DB API Gateway 2.画像メタデータ取得 Oracle Functions 3.画像メタデータ取得 (URL, 名前, 作成日時など) Webサイトホスティング 1. 静的ページ取得 (React) HTML, JavaScriptなど 4. 画像を取得

Slide 90

Slide 90 text

Copyright © 2019, Oracle and/or its affiliates. All rights reserved. | アーキテクチャ画像取得 90 Phoenix リージョン (API Gatewayは、2019年10月現在、Phoenix リージョンで限定提供中のため) API Gateway Oracle Functions Tokyo リージョン Object Storage 画像格納用 User (Web Browser) Events Oracle Functions Oracle DB API Gateway Oracle Functions Webサイトホスティング 1. データストアからメタデータを取得 2. JSON 形式でブラウザへ返却 3. ブラウザがページをレンダリングする時に、直接 Object Storage を参照して画像を表示 https://github.com/Sugi275/serless_get-image-metadata

Slide 91

Slide 91 text

• HTML の img タグの src に Object Storage のURLを指定 • Object Storage は Public Bucket にしている (書式に従ったURLで参照可能) render() { images = store.getState().imageList.images for (var i in images) { list.push(); } return (