1 of 66

從紙上走出來的履歷：

打造會分析的個人網站 !

Allen Hsieh, Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

1

https://reurl.cc/ekOxGx

從紙上走出來的履歷： 打造會分析的個人網站 !

2 of 66

2

7th AWS Educate Cloud Ambassador – Tech@AWS

Kiki Huang

Allen Hsieh

從紙上走出來的履歷： 打造會分析的個人網站 !

3 of 66

Agenda

3

從紙上走出來的履歷： 打造會分析的個人網站 !

4 of 66

4

Agenda

14:30 - 14:45

15 mins

AWS 101、Hands-on 免費方案提醒開啟

14:45 - 15:00

15 mins

開場暨工作坊介紹、workshop studio 環境啟動

15:00 - 15:15

15 mins

Hands-on lab - Part 1

15:15 - 15:20

5 mins

Cloudformation, API GW, Lambda, DynamoDB

15:20 - 15:25

5 mins

Amazon S3

15:25 - 15:50

25 mins

Hands-on-lab - Part 2

15:50 - 16:00

10 mins

Hands-on-lab - Clean Up

從紙上走出來的履歷： 打造會分析的個人網站 !

5 of 66

還沒有註冊帳號的學員請舉手 !

5

從紙上走出來的履歷： 打造會分析的個人網站 !

6 of 66

在開始工作坊前，

我們要先註冊 AWS 帳號，才能使用雲端運算資源！

掃描 QR Code 進入帳號註冊頁面

Step 1: 點擊 Create a Free Account

從紙上走出來的履歷： 打造會分析的個人網站 !

7 of 66

雲端運算與 AWS 簡介

Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

7

從紙上走出來的履歷： 打造會分析的個人網站 !

8 of 66

雲端運算是什麼？

使用 On-Premises IT

透過網路

使用雲端供應商提供的服務

8

從紙上走出來的履歷： 打造會分析的個人網站 !

9 of 66

雲端運算是什麼？

On-Premises IT

透過網路

使用雲端供應商提供的服務

9

從紙上走出來的履歷： 打造會分析的個人網站 !

10 of 66

雲端運算的優點？

10

  • Cost Optimization
  • Variable Expenses
  • Speed and Agility
  • …

從紙上走出來的履歷： 打造會分析的個人網站 !

11 of 66

Why AWS？

  • 約 300 種雲端服務
  • 高度安全且穩定
  • 創新解決方案
  • 全球性的基礎設施

11

從紙上走出來的履歷： 打造會分析的個人網站 !

12 of 66

Why AWS？

  • AWS 持續領先全球雲端市場

12

Source: https://www.statista.com/chart/18819/worldwide-market-share-of-leading-cloud-infrastructure-service-providers/

從紙上走出來的履歷： 打造會分析的個人網站 !

13 of 66

開啟 AWS 免費方案提醒

Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

13

從紙上走出來的履歷： 打造會分析的個人網站 !

14 of 66

從紙上走出來的履歷： 打造會分析的個人網站 !

15 of 66

從紙上走出來的履歷： 打造會分析的個人網站 !

16 of 66

使用root user 登入

從紙上走出來的履歷： 打造會分析的個人網站 !

17 of 66

從紙上走出來的履歷： 打造會分析的個人網站 !

18 of 66

從紙上走出來的履歷： 打造會分析的個人網站 !

19 of 66

從紙上走出來的履歷： 打造會分析的個人網站 !

20 of 66

從紙上走出來的履歷： 打造會分析的個人網站 !

21 of 66

開啟免費方案提醒，

才不會一不小心被收費喔 !

21

從紙上走出來的履歷： 打造會分析的個人網站 !

22 of 66

Part 0. Workshop Studio 登入教學

Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

22

https://shorturl.at/HEAzn

從紙上走出來的履歷： 打造會分析的個人網站 !

23 of 66

回到這次的工作坊

我們要做什麼？

23

從紙上走出來的履歷： 打造會分析的個人網站 !

24 of 66

工作坊主題介紹

Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

24

從紙上走出來的履歷： 打造會分析的個人網站 !

25 of 66

工作坊內容

在本工作坊將手把手帶大家學習使用 AWS 服務，快速認識雲端服務可以如何替我們輕鬆部署前後端程式碼、架設網頁，建立屬於自己的個人專案網站。

​

25

從紙上走出來的履歷： 打造會分析的個人網站 !

26 of 66

工作坊實戰重點

  • 利用基礎設施即程式碼建立雲端資源
  • 利用 Amazon S3 部署靜態網站
  • 利用 Amazon Lambda、DynamoDB 計算、儲存專案瀏覽次數

26

從紙上走出來的履歷： 打造會分析的個人網站 !

27 of 66

要如何建立一個網站呢 ?

27

從紙上走出來的履歷： 打造會分析的個人網站 !

28 of 66

建立一個網站需要什麼 ?

28

前端

Frontend

後端

Backend

從紙上走出來的履歷： 打造會分析的個人網站 !

29 of 66

如果不使用雲端，建立一個網站還需要什麼 ?

29

全年無休的機器

Server

執行前後端檔案

從紙上走出來的履歷： 打造會分析的個人網站 !

30 of 66

如果不使用雲端，建立一個網站還需要什麼 ?

需要一直開機、地點受限、自己維護很累 ...

30

全年無休的機器

Server

執行前後端檔案

，，

從紙上走出來的履歷： 打造會分析的個人網站 !

31 of 66

那就用雲端來實現一個網站吧 !

31

從紙上走出來的履歷： 打造會分析的個人網站 !

32 of 66

AWS 可以如何替我們實現網站 ?

32

從紙上走出來的履歷： 打造會分析的個人網站 !

33 of 66

方法 1 : 在網頁上進行部署設定

33

如何啟動、連結這些 AWS 資源 ?

從紙上走出來的履歷： 打造會分析的個人網站 !

34 of 66

對雲端開發者而言，

有沒有更快的方法呢 ... ?

從紙上走出來的履歷： 打造會分析的個人網站 !

35 of 66

Part 1.

CloudFormation 部署相關服務

Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

35

從紙上走出來的履歷： 打造會分析的個人網站 !

36 of 66

剛剛做了什麼！？

從紙上走出來的履歷： 打造會分析的個人網站 !

37 of 66

在 Part 1 裡，我們用 CloudFormation 部署了需要的資源

37

從紙上走出來的履歷： 打造會分析的個人網站 !

38 of 66

38

  • 透過程式碼配置、管理及部署資源 (Infrastructure as Code)
  • 解決痛點 : 建立基礎設施的過程非常複雜、繁瑣

基礎設施即程式碼 ( IaC, Infrastructure as Code )

從紙上走出來的履歷： 打造會分析的個人網站 !

39 of 66

39

CloudFormation

  • AWS 原生 IaC 工具，與 AWS 環境整合支援度高
  • 透過程式碼定義基礎設施，以便於管理、部署

程式碼

CloudFormation

aws 雲端環境

部署 aws 資源

上傳

從紙上走出來的履歷： 打造會分析的個人網站 !

40 of 66

後端運用到的資源介紹

Kiki Huang

Tech Support | AWS Educate Cloud Ambassador

40

從紙上走出來的履歷： 打造會分析的個人網站 !

41 of 66

接著我們要介紹的是 …

41

從紙上走出來的履歷： 打造會分析的個人網站 !

42 of 66

什麼是 API Gateway ?

  • API ( Application Programming Interface, 應用程式介面 )
    • 讓兩個應用程式溝通的機制

​

42

從紙上走出來的履歷： 打造會分析的個人網站 !

43 of 66

什麼是 API Gateway ?

  • API
    • 讓兩個應用程式溝通的機制
  • API Gateway
    • AWS 提供的服務
    • 負責處理前端介面、Web 應用程式之間的請求

43

3

2

1

4

API Gateway

Lambda

前端

從紙上走出來的履歷： 打造會分析的個人網站 !

44 of 66

什麼是 Lambda ?

  • AWS 提供的運算服務，可自動執行程式碼
  • 採用 Serverless 架構，不需人工維護

44

從紙上走出來的履歷： 打造會分析的個人網站 !

45 of 66

什麼是 DynamoDB ?

  • 適合儲存 Key‑Value 型資料，能彈性增減欄位
    • e.g. 儲存 Alice 的資料

45

​

Key

Value

​

Alice

姓名

Alice

電話

{"手機":"12345678"

"家裡電話":"02-1234567"}

從紙上走出來的履歷： 打造會分析的個人網站 !

46 of 66

什麼是 DynamoDB ?

  • 適合儲存 Key‑Value 型資料，能彈性增減欄位
    • e.g. 儲存 Alice 的資料

46

​

Key

Value

​

​

Alice

姓名

Alice

電話

{"手機":"12345678"

"家裡電話":"02-1234567"}

身高/體重

…

可以想到甚麼就加什麼 !

從紙上走出來的履歷： 打造會分析的個人網站 !

47 of 66

後端資源 recall

47

儲存資料

執行運算

連接前端

從紙上走出來的履歷： 打造會分析的個人網站 !

48 of 66

前端運用到的資源介紹

Allen Hsieh

Tech Support | AWS Educate Cloud Ambassador

48

從紙上走出來的履歷： 打造會分析的個人網站 !

49 of 66

部署前端所需要的資源

49

從紙上走出來的履歷： 打造會分析的個人網站 !

50 of 66

什麼是 Amazon S3？

​

Amazon Simple Storage Service (Amazon S3)

是一種物件儲存服務，可從世界各地存放和檢索任意大小的數據

50

可擴展性

資料耐久性

高可用性

效能及安全性

99.999999999%

從紙上走出來的履歷： 打造會分析的個人網站 !

51 of 66

物件儲存 Object Storage

51

Data

Metadata

Key

Object

500KB

awsdog.jpg

從紙上走出來的履歷： 打造會分析的個人網站 !

52 of 66

Amazon Simple Storage Service (Amazon S3)

  • 檔案以「Object 物件」的形式儲存，而物件被存放在「buckets 桶」
  • Bucket 的容量為無限大
  • 物件檔案大小最大為 5TB
  • 可以創造不同 buckets，並且對其分配不同的權限

52

從紙上走出來的履歷： 打造會分析的個人網站 !

53 of 66

存放於 S3 的資料可以隨意取用嗎？

53

從紙上走出來的履歷： 打造會分析的個人網站 !

54 of 66

什麼是 Bucket Policy ?

  • Resource: buckets and objects
  • Effect: Allow/ Deny
  • Actions: Set of API to Allow or Deny
  • Principle: The account or user to apply

the policy to

54

從紙上走出來的履歷： 打造會分析的個人網站 !

55 of 66

什麼又是 Block Public Access ?

  • 影響範圍：整個AWS 帳戶或 Bucket
  • 封鎖所有「公開存取」
  • 會覆蓋掉 Bucket Policy 的設定

55

從紙上走出來的履歷： 打造會分析的個人網站 !

56 of 66

Part 2 部署網頁需要的資源

56

從紙上走出來的履歷： 打造會分析的個人網站 !

57 of 66

Part 2.

前端網站部署

Allen Hsieh

Tech Support | AWS Educate Cloud Ambassador

57

從紙上走出來的履歷： 打造會分析的個人網站 !

58 of 66

剛剛做了什麼！？

從紙上走出來的履歷： 打造會分析的個人網站 !

59 of 66

S3 作為靜態網站伺服器，背後是怎麼運作？

  1. 啟用 Static Website hosting 後，S3 建立 Website Endpoint 作為網站網址
  2. S3 內部的 HTTP proxy layer 會將使用者請求的 website endpoint 對應到 S3 bucket 中的物件 Key

59

我要 ISBN 9789867897015

好，給你這本

《小王子》

ISBN 9789867897015

是《小王子》

Amazon S3

Http proxy layer

從紙上走出來的履歷： 打造會分析的個人網站 !

60 of 66

網站是怎麼計算瀏覽次數？

透過兩個 API (Application Programming Interfaces) !

  1. GET /projects/views - 返回所有專案的瀏覽次數

60

Website

GET

API Gateway

Lambda

DynamoDB

從紙上走出來的履歷： 打造會分析的個人網站 !

61 of 66

網站是怎麼計算瀏覽次數？

透過兩個 API (Application Programming Interfaces) !

2. POST /projects/view - 增加特定專案的瀏覽次數

61

Website

POST

API Gateway

Lambda

DynamoDB

從紙上走出來的履歷： 打造會分析的個人網站 !

62 of 66

Clean Up

Hands-on Lab 3 | Environment

Allen Hsieh

Tech Support | AWS Educate Cloud Ambassador

62

從紙上走出來的履歷： 打造會分析的個人網站 !

63 of 66

總結

63

從紙上走出來的履歷： 打造會分析的個人網站 !

64 of 66

你學會了...

  • API Gateway, Lambda, DynamoDB, S3 的基礎知識
  • 架設前端網站
  • 部署後端無伺服器運算服務、資料庫
  • 使用 IaC 方式快速部署雲端資源

64

從紙上走出來的履歷： 打造會分析的個人網站 !

65 of 66

Q&A 時間！

65

從紙上走出來的履歷： 打造會分析的個人網站 !

66 of 66

Kiki Huang, Allen Hsieh

Tech Support | AWS Educate Cloud Ambassador

Thank you!

從紙上走出來的履歷： 打造會分析的個人網站 !