Hiromasa Kakehashi hrmsk66

Collect and log client information

sequenceDiagram
    participant Client
    participant C@E
    participant WeatherAPI
    participant LogService
    Client->>C@E: Beacon
    C@E->>Client: 204
    Note over C@E: Check Geo and User-Agent

Convert Fastly Terraform Project to CDKTF (TypeScript)

Note: As of April 2023, it appears that only TypeScript supports the conversion of existing Terraform projects.

Working Directory

The project directory structure in this example steps is as follows: cdktf is the working directory and tf is the existing Terraform Project.

C@E integration getting started

Follow the documentation to set up your redirection.io account and install the tools to get started with Compute@Edge.

Documents:

Creating a new object store

1. create an object store

curl -i -X POST \
https://api.fastly.com/resources/stores/object \
-H "Fastly-Key: $FASTLY_API_KEY" \
-d '{"name":"test-object-store"}'

*点線はオリジナル画像のリクエスト/レスポンス

sequenceDiagram
    autonumber
    participant Client
    participant Edge/Deliver
    participant Edge/Fetch
    participant Shield/Deliver
    participant Shield/Fetch

*点線はオリジナル画像のリクエスト/レスポンス

sequenceDiagram
    autonumber
    participant Client
    participant Edge/Deliver
    participant Edge/Fetch
    participant Shield/Deliver
    participant Shield/Fetch

import {
  decodeWebSocketEvents,
  encodeWebSocketEvents,
  WebSocketContext,
  WebSocketMessageFormat,
} from "@fanoutio/grip";
import { Publisher } from "@fastly/grip-compute-js";
import { GRIP_URL } from "./env";

はじめに

Compute@Edge の開発の流れやツールを紹介するためのハンズオンワークショップです。

ワークショップへ参加する為には Fastly CLI のインストールと JavaScript の開発環境が必要です。まだ準備ができていない場合は、こちらの記事を参考にご対応ください。 https://zenn.dev/hrmsk66/articles/74e2e890726e99

Fastly CLI のバージョンの違いによるトラブルを避けるために fastly update コマンドを実行しておいてください。

Create backend definitions from a list of maps

variables.tf

variable "backends" {
    type = list(map(string))
}

	package main

	import (
	"flag"
	"fmt"
	"net/http"
	"strconv"
	"time"
	)