GAE/Go ハンズオン

build simple application with GAE/Go

14 June 2014

Daigo Ikeda

Knightso, LLC

アジェンダ

2

GAE/Go紹介

3

GAEとは

4

GAE機能

5

GAE/Goの特徴

6

速い!

特にspin-upが。

もちろん実行速度も。

7

Built-in Concurrency!

平行処理をシンプルに書ける→パフォーマンスチューニングが容易
つまり課金が抑えられる!!

8

開発環境構築

9

Goのインストール

不要!
Google App Engine SDKにGoの環境が含まれている。

10

Google App Engine SDK for Goのインストール

自分のPlatform用SDKをダウンロードして任意の場所に展開して下さい。

11

環境設定

環境変数を設定。

Mac/Linux

$export GAEGO=<SDKをインストールしたパス>
$export GOROOT=$GAEGO/goroot
$export PATH=$GAEGO:$PATH

Windows(未確認)

>set GAEGO=<SDKをインストールしたパス>
>set GOROOT=%GAEGO%\goroot
>set PATH=%GAEGO%;%PATH%

毎回設定するのが面倒なら.bash_profileに記述するなり環境変数に設定するなり・・・ご自由に。

FYI:

12

Hello World作ってみよう!

13

ファイル構成

helloworld/
| hello/
| | hello.go
| app.yaml

cheat:

14

hello.go

package hello

import (
    "fmt"
    "net/http"
)

func init() {
    http.HandleFunc("/", handler)
}

func handler(w http.ResponseWriter, r *http.Request) {
    fmt.Fprint(w, "Hello, world!")
}
15

app.yaml

application: shizgotest
version: 1
runtime: go
api_version: go1

handlers:
- url: /.*
  script: _go_app
16

ローカルで実行

$goapp serve

ブラウザでアクセス下記アドレスにアクセス。

↓が表示されればOK!

Hello, world!
17

動的コンパイル

開発サーバーを起動したままhello.goを修正。
修正したらブラウザを更新。

func handler(w http.ResponseWriter, r *http.Request) {
    //fmt.Fprint(w, "Hello, World!")
    fmt.Fprint(w, "Hello, gopher!")
}

サーバーの再起動なしで修正が反映される!!
コンパイルが高速なのでまるでインタプリタ言語の様に開発出来る(^_^)

18

開発サーバー管理コンソール

19

開発サーバーの終了

Ctrl+C
20

Production環境にデプロイしてみよう!

21

GAEアプリケーションの作成

https://appengine.google.com/start

Googleアカウントでログイン。

「Create Application」をクリック。

22

GAEアプリケーションの作成

23

管理コンソール

旧(GAE Admin Console)

新(Google Developer Console)

もともとGAE単体だったサービスがGoogle Cloud Platformへ統合された。
今後は新コンソールに統一されていく流れだと思うが、まだ旧画面にしかないメニューもたくさん。

24

デプロイ

$goapp deploy

googleアカウントのID/passwordを入力

25

確認

http://your-app-id.appspot.com/
26

簡単なTODOアプリを作ってみよう!

27

仕様

28

29

ユーザー認証

GAEではGoogleアカウントによる認証を簡単に組み込むことが出来る。

FYI:

30

ファイル構成

helloworld/
| hello/
| | hello.go
| todo/
| | todo.go - ## new!
| app.yaml

cheat:

31

todo.go

import (
    "appengine"
    "appengine/user"
    "fmt"
    "net/http"
)

func init() {
    http.HandleFunc("/todo", handler)
}
32

todo.go

func handler(w http.ResponseWriter, r *http.Request) {
    c := appengine.NewContext(r)
    u := user.Current(c) // ログインユーザー取得
    if u == nil {
        // 未ログインの場合はログインURLへリダイレクト
        loginUrl, _ := user.LoginURL(c, "/todo")
        http.Redirect(w, r, loginUrl, http.StatusFound)
        return
    }
    logoutUrl, _ := user.LogoutURL(c, "/") // ログアウトURL取得

    w.Header().Set("Content-type", "text/html; charset=utf-8")

    html := `
<html><body>
Hello, %s ! - <a href="%s">sign out</a><br>
<hr>
This is TODO page under constuction!
</body></html>
`
    fmt.Fprintf(w, html, u.Email, logoutUrl)
}
33

開発サーバーで動作確認

$goapp serve

開発サーバーではダミー認証画面が表示される。

ログインするとTODOトップ画面へ遷移。

34

Production環境で動作確認

$goapp deploy

http://your-app-id.appspot.com/
35

TODOの登録

htmlのformから入力したTODOをGAE Datastoreに保存。

36

ファイル構成

helloworld/
| hello/
| | hello.go
| todo/
| | todo.go     - ## modify
| | todo.tmpl   - ## new!
| | register.go - ## new!
| app.yaml

cheat:

37

html/template

stringで記述していたhtmlをhtml/templateパッケージで書き換え。

FYI:

38

todo.go

import (
    "appengine"
    "appengine/user"
    "html/template"
    "net/http"
)
39

todo.go

    t, err := template.ParseFiles("todo/todo.tmpl") // テンプレート読み込み
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }

    w.Header().Set("Content-type", "text/html; charset=utf-8")

    logoutUrl, _ := user.LogoutURL(c, "/")

    params := struct {
        LogoutUrl string
        User      *user.User
    }{
        logoutUrl,
        u,
    }

    err = t.Execute(w, params) // テンプレート適用!
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }
40

todo.tmpl

<!DOCTYPE html>
<html><body>
Hello, {{.User.Email}} ! - <a href="{{.LogoutUrl}}">sign out</a><br>
<hr>
<form action="/todo/register" method="POST">
todo:<input name="Todo" type="text"></input><br>
note:<textarea name="Notes" type="text"></textarea><br>
dueDate:<input name="DueDate" type="date"></input><br>
<input type="submit"></input>
</form>
</body></html>
41

TODO登録処理

フォームから入力されたTODOをDatastoreに保存。

FYI:

42

register.go

import (
    "appengine"
    "appengine/datastore"
    "appengine/user"
    "net/http"
)
43

register.go

func init() {
    http.HandleFunc("/todo/register", register)
}

// Todo保存用構造体
type Todo struct {
    UserId  string
    Todo    string
    Notes   string
    DueDate string
    Done    bool
}
44

register.go

    if err := r.ParseForm(); err != nil {
        http.Error(w, err.Error(), http.StatusBadRequest)
        return
    }

    // Entity保存用構造体を用意
    todo := Todo{
        u.ID,
        r.FormValue("Todo"),
        r.FormValue("Notes"),
        r.FormValue("DueDate"),
        false,
    }
45

register.go

    key := datastore.NewIncompleteKey(c, "Todo", nil)
    key, err := datastore.Put(c, key, &todo)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }

    http.Redirect(w, r, "/todo", http.StatusFound) // "/todo"にリダイレクト
46

TODOのリスト表示

保存されたTODOをリスト表示する。
Datastoreのクエリ機能を使用。

FYI:

47

ファイル構成

helloworld/
| hello/
| | hello.go
| todo/
| | todo.go     - ## modify
| | todo.tmpl   - ## modiry
| | register.go
| app.yaml
| inded.yaml    - ## to be generated

cheat:

48

todo.go

    q := datastore.NewQuery("Todo").Filter("UserId =", u.ID).Filter("Done =", false).Order("-DueDate")

    var todos []Todo
    _, err = q.GetAll(c, &todos)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }
49

todo.go

    params := struct {
        LogoutUrl string
        User      *user.User
        Todos     []Todo
    }{
        logoutUrl,
        u,
        todos,
    }
50

todo.tmpl

<table border="1">
<thead>
    <tr>
        <th>Todo</th>
        <th>Notes</th>
        <th>DueDate</th>
    </tr>
</thead>
<tbody>
{{range .Todos}}
    <tr>
        <td>{{.Todo}}</td>
        <td style="white-space: pre;">{{.Notes}}</td>
        <td>{{.DueDate}}</td>
    </tr>
{{end}}
</tbody>
</table><br>
51

index.yaml

indexes:

# AUTOGENERATED

# This index.yaml is automatically updated whenever the dev_appserver
# detects that a new type of query is run.  If you want to manage the
# index.yaml file manually, remove the above marker line (the line
# saying "# AUTOGENERATED").  If you want to manage some indexes
# manually, move them above the marker line.  The index.yaml file is
# automatically uploaded to the admin console when you next deploy
# your application using appcfg.py.

- kind: Todo
  properties:
  - name: Done
  - name: UserId
  - name: DueDate
    direction: desc

クエリ実行に必要なインデックス定義ファイル。
開発サーバーでクエリを実行すると自動生成される。

52

Datastoreクエリの罠

回避策

詳細は割愛します。詳しく知りたい方は直接聞いて下さいm(_ _)m

53

TODOの完了

TODOを完了してリストから除外する。

54

ファイル構成

helloworld/
| hello/
| | hello.go
| todo/
| | done.go     - ## New!!
| | todo.go     - ## modify
| | todo.tmpl   - ## modiry
| | register.go
| app.yaml
| inded.yaml

cheat:

55

todo.go

    var todos []Todo
    keys, err := q.GetAll(c, &todos)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }

戻り値にkeyを受け取る。
keyは更新時のパラメータとして使用する。

56

todo.go

    params := struct {
        LogoutUrl string
        User      *user.User
        Todos     []Todo
        Keys      []*datastore.Key
    }{
        logoutUrl,
        u,
        todos,
        keys,
    }

    err = t.Execute(w, params)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }
57

todo.tmpl

<table border="1">
<thead>
    <tr>
        <th>Todo</th>
        <th>Notes</th>
        <th>DueDate</th>
        <th></th>
    </tr>
</thead>
<tbody>
{{$keys := .Keys}}
{{range $index, $element := .Todos}}
    <tr>
        <td>{{.Todo}}</td>
        <td style="white-space: pre;">{{.Notes}}</td>
        <td>{{.DueDate}}</td>
        <td><a href="/todo/done?key={{(index $keys $index).Encode}}">done</a></td>
    </tr>
{{end}}
</tbody>
</table><br>
58

done.go

    // 以下errorチェック省略

    key, err := datastore.DecodeKey(r.FormValue("key"))

    var todo Todo
    err = datastore.Get(c, key, &todo)

    if u.ID != todo.UserId {
        http.Error(w, "forbidden access.", http.StatusForbidden)
        return
    }

    todo.Done = true

    _, err = datastore.Put(c, key, &todo)

    http.Redirect(w, r, "/todo", http.StatusFound)
59

JSON API

JSONでtodoリストを取得するAPIを作成する。

仕様
- URLはTODO一覧取得と同じ http://your-host/todo
- Acceptヘッダが「application/json」だった場合にJSONを返す

FYI:

60

ファイル構成

helloworld/
| hello/
| | hello.go
| todo/
| | done.go
| | todo.go     - ## modify
| | todo.tmpl
| | register.go
| app.yaml
| inded.yaml

cheat:

61

todo.go

import (
    "appengine"
    "appengine/datastore"
    "appengine/user"
    "encoding/json"
    "html/template"
    "net/http"
)
62

todo.go

    if r.Header.Get("Accept") == "application/json" {
        w.Header().Set("Content-type", "application/json; charset=utf-8")
        b, err := json.MarshalIndent(todos, "", "\t")
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
        _, err = w.Write(b)
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
        return
    }
63

確認

Postmanなどのツールで確認してみよう。

64

最後に

FYI:

65

Thank you

Daigo Ikeda

Knightso, LLC

Use the left and right arrow keys or click the left and right edges of the page to navigate between slides.
(Press 'H' or navigate to hide this message.)