【20211027_toranoana.deno#2】とりあえずDenoを CloudRunで動かしてみる

Copyright 2021 Toranoana Inc.
とりあえずDenoを
CloudRunで動かしてみる
植竹　惇
虎の穴ラボ株式会社
1

目次 
2
● 自己紹介 
　 
● 何をするのか 
 
● 実際にやってみた 
 
● 解説 
 
● まとめ

Copyright (C) 2020 Toranoana Inc. All Rights Reserved.
自己紹介
植竹惇（ウエタケ　ジュン）
‣ 2018/08 入社のWebエンジニア
‣ 新規事業系　開発リーダー
‣ 前職：エンタメ系アプリ
　　　サーバーサイドエンジニア
入社理由
‣ 最高のモチベーションを
発揮できる業界で働きたい！
比較的得意なもの
‣ Rails
‣ GCP
Deno歴
‣ 3日程度
いま熱いコンテンツ
‣ バンドリ
‣ 淫獄団地

Deno初心者なので何から 
手を付けるか…… 
4

とりあえず 
 
実際に使うことを想定し、 
クラウドサービスで動作させたい 
5

※CloudRunについては8月のテックカンファレンスでも登壇  
https://www.slideshare.net/toranoana-lab/fantiagcp-250009922 
6
CloudRunとはGCPにある、  
サーバーレスのコンテナ化された  
フルマネージドな 
コンピューティング環境

やってみた 
7

参考にしたサイト 
https://future-architect.github.io/articles/20200612/ 
 
 
 
 
 
 
 
 
8
DockerでのHello Worldはできたが…

$ docker build -t deno-lt . 
 
$ docker tag deno-lt asia.gcr.io/XXXXXXXX/deno-lt:latest
 
 
$ docker push asia.gcr.io/XXXXXXXX/deno-lt:latest
 
 
$ gcloud beta run deploy deno-lt …..(略)
 
9
ビルドして 
 
タグ付けして 
 
GCPのコンテナ登録して 
 
デプロイする 
これだけで指定ポートにアクセスしたら動くようになっていなくてはいけない。

つまりは 
 
docker-conpose抜きで、 
 
サーバーの起動まで実行されている必要がある 
10

自分のDocker＋CloudRunの理解が半端だったこともあり、だいぶ苦戦。 
 
「これだ」というサンプルはないため、Dockerの基礎的な部分で躓く。 
11

最終的に参考にしたサイト 
https://github.com/denoland/deno_docker 
 
 
 
 
 
 
 
 
12

13
$ docker build -t deno-lt .
$ docker run -it -p 8080:8080 deno-lt
server starting on http://localhost:8080/
Ctrl-C to shutdown container
結局のところ、ローカル環境で上記の build+run 直後の 
 
サーバー起動ができればCloudRunで動きます

FROM denoland/deno:1.14.1
EXPOSE 8080
WORKDIR /app
USER deno
ADD . .
RUN deno cache main.ts
CMD ["run", "--allow-net", "--allow-read", "main.ts"]
Dockerfile
公式のイメージ 
利用ポート解放 
denoのお作法ネッ
ト解放 
denoのお作法 
ファイル読取許可

import { serve } from "https://deno.land/std@0.113.0/http/server_legacy.ts";
const server = serve({ port: 8080 });
const template = await Deno.readTextFile("app/html/hello.html");
console.log("server starting on http://localhost:8080/nCtrl-C to shutdown
container");
for await (const req of server) {
req.respond({ body: template });
}
main.ts
readFileStrではローカル上のhtmlファイルを読んでいます。  
 
あとはお決まりのようなものなので特筆することもなく…。

 
実際に動く環境を見てみよう  
16

 
次にoak（ミドルウェアフレームワーク） 
を使ったルーティングのAPIも作ってみる 
17

利用したサンプルコードのサイト 
https://github.com/oakserver/oak 
 
 
 
 
 
 
 
 
 
18

19
import { Application, Router } from "https://deno.land/x/oak/mod.ts";
const samples = new Map<string, any>();
samples.set("1", {
id: "1",
title: "CloudRun Test Deno",
author: "JUNE-JUNE",
});
const router = new Router();
router
.get("/", (context) => {
context.response.body = "Hello world!";
})
.get("/sample", (context) => {
context.response.body = Array.from(samples.values());
})
.get("/sample/:id", (context) => {
if (context.params && context.params.id && samples.has(context.params.id)) {
context.response.body = samples.get(context.params.id);
}
});
const app = new Application();
app.use(router.routes());
app.use(router.allowedMethods());
await app.listen({ port: 8080 });
main.tsで動かすコード

20
await app.listen({ port: 8080 });
サンプルコードをそのまま使えます。 
listenするポートを、CloudRunに合わせるのだけ忘れないように。

 
実際に動く環境を見てみよう  
21

 
まとめ 
 
・とりあえず超簡易的に実用できるような検証をした 
 
・どちらかといえばDockerとCloudRunの勉強になりました 
 
・次はデータベースへの接続までCloudRunで試したい 
22

【20211027_toranoana.deno#2】とりあえずDenoを CloudRunで動かしてみる

More Related Content

What's hot

More from 虎の穴 開発室

【20211027_toranoana.deno#2】とりあえずDenoを CloudRunで動かしてみる

More from 虎の穴開発室