패스틀리(Fastly), Compute@Edge를 사용해 보자 #2

지난 Posting에서 Compute@Edge(이하 C@E) 서비스에서 간략하게 소개드렸습니다. 이번에는 서비스를 시작하는 방법에 대해서 알아 보도록 하겠습니다.

 

저는 Javascript로 시작하는 방법에 대해서 안내해 드리도록 하겠습니다.

 

먼저 서비스를 사용하기 위해서는 fastly CLI (Command Line Interface)의 설치가 필요합니다. Fastly CLI 는 패스틀리에서 제공하는 툴로 해당 툴을 사용하시면 UI에서 해야 하는 작업을 Console에서 명령어로 Fastly서비스에 관련 여러가지 설정을 진행하실 수 있습니다. C@E에서는  서비스를 위해서 작성한 source code를 build, test 및 Fastly Edge로 업로드 하여 deploy하기 위해서 사용됩니다. 

 

Mac기준으로 설명드리면 아래의 명령어를 실행해서 fastly CLI를 설치합니다.

brew install fastly/tap/fastly

설치가 완료되면 아래와 같이 version확인이 가능합니다.

$ fastly version
Fastly CLI version vX.Y.Z (abc0001)
Built with go version go1.20.1 linux/amd64
Viceroy version: viceroy X.Y.Z

사용전에는 새로운 update가 있는지 아래와 같이 확인하시고 사용하시면 좋습니다.

$ fastly update
✓ Updating versioning information

Current version: X.Y.Z
Latest version: X.Y.Z

설치가 끝났으면 CLI를 사용할 사용자의 profile을 생성합니다. API token정보가 필요합니다.

$ fastly profile create

그 다음엔 서비스를 위한 별도의 디렉토리를 작성해주고 해당 디렉토리에 들어가서 fastly compute init 를 실행해 줍니다.

아래에서 language 부분은 자신이 선호하는 프로그램 언어를 선택해 주시고, Starter kit: 옵션에서는 1번 default starter를 선택해 주시면 서비스 설정을 위한 기본 파일 및 샘플까지 자동으로 설치가 됩니다.

$ fastly compute init

Creating a new Compute@Edge project.

Press ^C at any time to quit.


✓ Validating directory permissions

Name: [test]
Description: test
Author (email): [test@test.com]
Language:
(Find out more about language support at https://developer.fastly.com/learning/compute)
[1] Rust
[2] JavaScript
[3] Go
[4] AssemblyScript
[5] Other ('bring your own' Wasm binary)
Choose option: [1] 2
Starter kit:
[1] Default starter for JavaScript
    A basic starter kit that demonstrates routing, simple synthetic responses and
    overriding caching rules.
    https://github.com/fastly/compute-starter-kit-javascript-default
[2] Empty starter for JavaScript
    An empty application template for the Fastly Compute@Edge environment which simply
    returns a 200 OK response.
    https://github.com/fastly/compute-starter-kit-javascript-empty

INFO: For a complete list of Starter Kits:
https://developer.fastly.com/solutions/starters/

Choose option or paste git URL: [1] 1

그리고, 아래 처럼 npm install 을 실행하여 줍니다.

 $ npm install

그리고, 마지막으로 아래의 명령어로  sample의 build 및 deploy로 Fastly Edge에 컴파일된 binary를 올려주고, 자동으로 생성된 service domain으로 정상적으로 엑세스가 되는지 확인하면 기본적인 세팅이 끝나게 됩니다.

$ fastly compute build
✓ Verifying package manifest
✓ Identifying package name
✓ Identifying toolchain
✓ Running [scripts.build]
✓ Creating package archive

SUCCESS: Built package (pkg/<name>.tar.gz)

$ fastly compute deploy

There is no Fastly service associated with this package. To connect to an existing service
add the Service ID to the fastly.toml file, otherwise follow the prompts to create a
service now.

Create new service: [y/N] y

Service name: [example]

✓ Creating service

Domain: [compute-edge-fastly.edgecompute.app]

Backend (hostname or IP address, or leave blank to stop adding backends):

✓ Creating domain 'compute-edge-fastly.edgecompute.app'
✓ Uploading package
✓ Activating service (version 1)
✓ Checking service availability (status: 200)

Manage this service at:
    https://manage.fastly.com/configure/services/servide_id

View this service at:
    https://compute-edge-fastly.edgecompute.app


SUCCESS: Deployed package (service servide_id, version 1)

 

이번 포스팅에서는 간단하게 compute@edge 설정하는 환경을 준비하는 과정에 대해서 알아 봤습니다. 다음 시간에는 sample로 compute@edge로 설정하는 방법에 대해서 안내해 드리도록 하겠습니다.

 

끝까지 읽어주셔서 감사합니다.