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

Copyright © 2019, Oracle and/or its affiliates. All rights reserved.
| Serverlessな世界をのぞいてみよう！日本オラクル株式会社オラクル・デジタル第二ソリューションエンジニアリング部ソリューションエンジニア杉山卓 Oracle Cloud Hangout Café Season2 #3

| 1. サーバレスをざっくりと理解する 2. Oracle のサーバレスサービスを知る今日の目標 2

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

| ServerlessDays Tokyo 2019 4 • 登壇しました • Oracle もスポンサーしましたここ灰色のロゴ

| 本日の内容 • サーバレス入門 • Oracle Functions の紹介 • サーバレス Web アプリケーションデモ • まとめ 5

| サーバレス入門 6

| アンケート • サーバレスを使ったことある人？ 7 • 本番環境で使っている人？

| サーバレスの歴史 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

| サーバレスで解決 12 フレキシブル低コストスケーラブルシンプル

| サーバレスとは • 誤解「それサーバあるじゃん」 13 サーバレスサービス

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

| サーバ管理を必要としないってどういうこと？その前に、サーバを使った時に必要な作業を振り返ってみよう 16

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

| サーバレスにすることで 18 • サーバ自体が不要になるため、サーバ管理作業は必要なし • ビジネスに価値のある作業(=アプリケーション開発)に集中することが可能

| 具体的に、どうやってサーバ管理をなくすの？ 19

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

| Function のアップロード Function アップロード起動条件設定 FaaS サービス

| FaaS サービス 1個のイベントトリガー Function イベント発生 i イベント発生をトリガーにして、Functionが起動し、処理を行う

| 大量のイベントトリガー FaaS サービス Function イベント発生 i イベントに応じて、Functionが起動するイベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i イベント発生 i Function Function Function Function Function Function Function Function Function

| 一定時間後削除一定時間後削除 FaaS サービス

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

| サーバレスの課金体系例 27 従来システム構成サーバレス構成 0 1 2 3 4 5 サーバ台数 0 1 2 3 4 5 Function実行時間確保しているサーバ分お金が掛かる Functionの実行時間のみ課金アイドル時間は課金されない

| 制限事項 30 • コールドスタート問題 (FaaS) • Function の実行時間上限 (FaaS)

| 対応方法 31 • コールドスタート問題 (FaaS) • Function の実行時間上限 (FaaS) → Function の定期実行 → アプリケーションの設計をイベントドリブンに変更 ※バッチ処理のような時間の掛かる処理はFaaS化は難しい

| ユースケース 32

| 主なユースケース 33 Web バックエンドビッグデータ IoT データ変換処理定期実行

| ユースケース Webアプリのバックエンド 34 認証サービス API Gateway Function データベース Webサイトホスティング Web ブラウザ HTML・CSS・ JavaScript ユーザー認証 HTTP Endpoint JSON Response サーバレスサービスデータ管理処理凡例

| ユースケースビッグデータ・IoT 35 Stream処理データベース Function ソーシャルメディアデータ IoT ビジネスの中で発生したデータ大量データをストリーム処理データ加工データ管理サーバレスサービス凡例データ分析

| ユースケースデータ変換処理 36 Object Storage データ処理元データ変換サービス Function Object Storage データ処理先画像データ動画データデータを格納データ処理画像や動画データの変換処理後のデータを格納サーバレスサービス凡例

| ユースケース定期実行 37 Function システムシステムヘルスチェックサーバレスサービス凡例メール送信サービス問題が発生した場合、メール送付

| Oracle Functions の紹介 38

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

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

| 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を相互移行可能

| Container Native 42 • Function をコンテナイメージとして実装 • 依存関係を簡単にパッケージ • コンテナ上で、どのような言語でも実装可能

| Oracle Functions の価格 43 リソース利用リクエスト数 $0.00001417 43 $0.20 FREE FREE OCIR(Oracle Cloud Infrastructure Registry)

| 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

| 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 に紐づけ

| 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 作成

| 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アップロード

| 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 起動条件設定

| 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 イベント発生

| 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 イベントに応じて、インスタンスの増減インスタンスの作成

| 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

| 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 として稼働イベントに応じて、コンテナの増減コンテナへパラメータを渡す

| 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内のリソースにアクセス可能

| 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に返す

| 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

| 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

| Demo : Hello World in Oracle Functions 57

| Demo : Hello World 58 •Oracle Functions で Hello World を実行する

| メタデータファイル (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

| ソースコード (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 を指定

| ソースコード (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 と表示される

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

| 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

| 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

| 自動生成 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 可能

| Demo : 終 66

| Oracle Functions 関連サービス 67

| Oracle Functions の起動方法 68 • SDK, CLIから直接実行 • oci-curl を使用して実行 • HTTPから実行 (API Gateway経由) • 他サービスとの連携 – Eventsサービス経由 • 定期実行 (今後予定)

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

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

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

| ログ・メトリクス 72 • Oracle Functions のログ・メトリクスは、Oracle Cloud 上で確認可能 • Metrics – 実行回数 – 実行時間 – エラー発生回数 – スロットリングで制限 (too many request)

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

| ワークフロー定義 74 https://www.youtube.com/watch?v=TMt2P1pF6lA Function 3個を定義 3個の Function を順番に実行して、エラーが無かったら成功処理エラーが発生したらキャンセル処置

| フローの可視化 75 https://github.com/fnproject/tutorials/blob/master/FlowSaga/README.md 3個の Function の実行時間、及び、成功した事を可視化

| Demo : Web Apps with Serverless 76

| Web Apps with Serverless 77 • サーバレスサービスを活用した、画像投稿サービス(Webアプリケーション) デモアプリなので、トランザクションの異常系などは考慮しておりません。

| 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日でサーバレスアーキテクチャ

| アーキテクチャ画像投稿 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など

| アーキテクチャ画像投稿 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

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

| 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

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

| export default function getPreAuthURL() { const p = new Promise((resolve, reject) => { fetch(‘https://<API GatewayのEndpoint>/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経由で、事前認証済みリクエストを取得

| 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

| アーキテクチャ画像投稿 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

| 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

| 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 へのアクセスに必要)

| アーキテクチャ画像取得 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. 画像を取得

| アーキテクチャ画像取得 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

| ブラウザが直接 Object Storage を参照 91 <img tabindex="0" src="https://objectstorage.ap-tokyo-1.oraclecloud.com/n/<namespace>/b/<bucket>/o/<image>"> • HTML の img タグの src に Object Storage のURLを指定 • Object Storage は Public Bucket にしている (書式に従ったURLで参照可能) render() { images = store.getState().imageList.images for (var i in images) { list.push(<ImageCard key={images[i].id} image={images[i]}></ImageCard>); } return ( <div className="flex"> {list} </div> ) React の Component

| Demo : 終 92

| まとめ 93 • サーバレスの特徴 – シンプル、フレキシブル、低コスト、スケーラブル • Oracle もサーバレス • コミュニティと共に、サーバレス業界を盛り上げていきたい

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

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

More Decks by sugimount

Other Decks in Technology

Featured

Transcript