ตัวอย่างเว็บไซต์คงที่และเคล็ดลับ

หน้านี้แสดงตัวอย่างและคำแนะนำสำหรับ
ใช้บัคเก็ตเพื่อโฮสต์เว็บไซต์แบบสแตติก


## หน้าพิเศษ


 หน้าดัชนี


หน้าดัชนี (เรียกอีกอย่างว่าดัชนีไดเร็กทอรีของเว็บเซิร์ฟเวอร์)
เป็นไฟล์ที่ให้บริการแก่ผู้เข้าชมเมื่อพวกเขาร้องขอ URL ที่ไม่มี
ไฟล์ที่เกี่ยวข้อง เมื่อคุณกำหนด
คุณสมบัติ MainPageSuffix
Cloud Storage จะค้นหาไฟล์ที่มีชื่อนำหน้าตรงกับ
URL ที่ผู้เข้าชมร้องขอ

ตัวอย่างเช่น สมมติว่าคุณตั้งค่า
MainPageSuffix ของเว็บไซต์คงที่ของคุณเป็น

index.html นอกจากนี้ สมมติว่าคุณไม่มีชื่อไฟล์
ไดเรกทอรีใน
ถัง
www.example.com. ในสถานการณ์นี้ หากผู้ใช้ร้องขอ URL

httpwww.example.com/directory, Cloud Storage พยายามให้บริการไฟล์

www.example.com/directory/index.html หากไม่มีไฟล์นั้นอยู่ด้วย
Cloud Storage ส่งคืนหน้าข้อผิดพลาด

เดอะ
MainPageSuffix ยังควบคุมไฟล์ที่ให้บริการเมื่อผู้ใช้ร้องขอด้านบน
เว็บไซต์ระดับ ดำเนินการต่อจากตัวอย่างข้างต้น หากผู้ใช้ร้องขอ

httpwww.example.com Cloud Storage พยายามให้บริการไฟล์

www.example.com/index.html

เมื่อพยายามเข้าถึง URL ที่มีเครื่องหมายทับ เช่น

httpwww.example.com/dir/ โปรดดูการแก้ไขปัญหา

 หน้าข้อผิดพลาด


หน้าแสดงข้อผิดพลาดคือไฟล์ที่ส่งคืนให้กับผู้เยี่ยมชมไซต์คงที่ของคุณซึ่ง
ขอ URL ที่ไม่ตรงกับไฟล์ที่มีอยู่ ถ้าคุณมี
มอบหมายให้ก
MainPageSuffix, Cloud Storage จะส่งคืนหน้าข้อผิดพลาดเท่านั้นหาก
ไม่มีไฟล์ที่มีชื่อที่ร้องขอหรือหน้าดัชนีที่เกี่ยวข้อง

เมื่อส่งคืนหน้าข้อผิดพลาด รหัสตอบกลับ http จะเป็น
404. ทรัพย์สินที่
ควบคุมไฟล์ที่ทำหน้าที่เป็นหน้าแสดงข้อผิดพลาด
ไม่พบหน้า ถ้าคุณไม่
ชุด
NotFoundPage ผู้ใช้จะได้รับหน้าข้อผิดพลาดทั่วไป

## ตัวอย่างการกำหนดค่าเว็บไซต์


 ถังสามวัตถุ


สมมติว่าฝากข้อมูลชื่อ
www.example.com ได้รับการกำหนดค่าเป็นเว็บไซต์
ด้วยการตั้งค่าและไฟล์ต่อไปนี้:
-

MainPageSuffix= "index.html"NotFoundPage= "404.html"- ที่ฝากข้อมูลมีสามวัตถุที่ใช้ร่วมกัน: "index.html", "404.html"และ "dir/index.html"ตารางต่อไปนี้แสดงเนื้อหาที่แสดงสำหรับ URL ที่เลือก:


|URL ที่ร้องขอ
||เนื้อหาที่ให้บริการ
||รหัสตอบกลับ HTTP
|
|httpwww.example.com
|

httpwww.example.com/

httpwww.example.com/index.html
|วัตถุ "index.htmln||200
|
|httpwww.example.com/hello
||วัตถุ "404.htmln||404
|
|httpwww.example.com/dir/index.html
||วัตถุ "dir/index.htmln||200
|
|httpwww.example.com/dir
||วัตถุ "dir/index.htmln||301
|
|httpwww.example.com/dir/
||วัตถุ "dir/index.html"สมมติว่าไม่มีวัตถุศูนย์ไบต์สำหรับ /dir/
||200
|
|วัตถุว่างศูนย์ไบต์ ถ้ามีอยู่สำหรับ /dir/ ดูหัวข้อการแก้ไขปัญหาสำหรับการลบวัตถุไบต์ศูนย์นี้
||301
|
 ถังสองวัตถุ


สมมติว่าฝากข้อมูลชื่อ
www.example.com ได้รับการกำหนดค่าเป็นเว็บไซต์
ด้วยการตั้งค่าและไฟล์ต่อไปนี้:
-

MainPageSuffix= "main.html"NotFoundPage= "404.html"- ที่ฝากข้อมูลมีสองวัตถุที่ใช้ร่วมกัน: "main.html"และ "404.html"ตารางต่อไปนี้แสดงเนื้อหาที่แสดงสำหรับ URL ที่เลือก:


|URL ที่ร้องขอ
||เนื้อหาที่ให้บริการ
||รหัสตอบกลับ HTTP
|
|httpwww.example.com
|

httpwww.example.com/
|วัตถุ "main.htmln||200
|
|httpwww.example.com/index.html
||วัตถุ "404.htmln||404
|
หากมีการแบ่งปันวัตถุคุณก็สามารถทำได้เช่นกัน
ดูวัตถุนั้นด้วย URL:

httpstorage.googleapis.com/


BUCKET_NAME/ OBJECT_NAME
ตัวอย่างเช่น URL สำหรับ
วัตถุ index.html จะเป็น:

httpstorage.googleapis.com/www.example.com/index.html


สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการทำงานกับข้อมูลที่เข้าถึงได้ โปรดดู
การเข้าถึงข้อมูลสาธารณะ


## เคล็ดลับสำหรับการทำงานกับบัคเก็ตที่กำหนดค่าเป็นเว็บไซต์


ต่อไปนี้เป็นเคล็ดลับบางประการที่ควรทราบเมื่อใช้ a
ฝากข้อมูลเพื่อโฮสต์เว็บไซต์แบบคงที่


 เพิ่มโดเมนย่อย


สมมติว่าคุณต้องการแสดงเนื้อหาที่
test.example.com จากที่อื่น
ถังมากกว่าที่ให้บริการเนื้อหาที่
www.example.com. ในการทำเช่นนั้น:
-

สร้างบัคเก็ตใหม่เพื่อให้บริการเนื้อหาเพิ่มเติมของคุณ

หากคุณทำตามบทช่วยสอนที่ Hosting a static website to serve your
เนื้อหาผ่าน HTTPS แก้ไขตัวจัดสรรภาระงานของคุณใน
คลาวด์คอนโซลดังต่อไปนี้:




-

- สำหรับ
การกำหนดค่าแบ็กเอนด์ สร้างที่เก็บข้อมูลแบ็กเอนด์ใหม่
ถังทดสอบ
โดยเลือกบัคเก็ตใหม่ที่คุณสร้างขึ้น

- สำหรับ
กฎโฮสต์และพาธ เพิ่มกฎใหม่ดังนี้:


แบ็กเอนด์เส้นทางโฮสต์
test.example.com /* ถังทดสอบ


สำหรับ


การกำหนดค่าส่วนหน้า เพิ่ม Frontend IP และพอร์ตใหม่ด้วย
ค่าเดียวกับการกำหนดค่าครั้งแรกของคุณ โดยมีข้อยกเว้นต่อไปนี้:


-

- สำหรับ
ที่อยู่ IP สร้างและจองที่อยู่ IP ใหม่

- สำหรับ
ใบรับรอง สร้างใบรับรอง SSL ใหม่สำหรับ
ทดสอบ.example.com.

- สำหรับ
- สำหรับ
หลังจากที่คุณอัปเดตตัวจัดสรรภาระงานแล้ว ให้เพิ่มใหม่
บันทึกไปยังโดเมนของคุณ
บริการลงทะเบียนโดยใช้ที่อยู่ IP ของการกำหนดค่าส่วนหน้าใหม่:


ชื่อประเภทข้อมูล
ทดสอบ ก
ที่อยู่ IP
 

 ลักษณะการทำงานของ API


เดอะ
MainPageSuffix และ
ใช้การกำหนดค่าเว็บไซต์ NotFoundPage เท่านั้น
สำหรับคำขอที่มาถึง Cloud Storage ผ่าน

CNAME หรือ
การเปลี่ยนเส้นทาง เช่น การร้องขอให้
www.example.com
แสดงหน้าดัชนี แต่เป็นคำขอที่เทียบเท่ากับ

storage.googleapis.com/www.example.com ไม่ได้

ดังนั้น ลักษณะการทำงานของ API สำหรับคำขอไปยังโดเมน Cloud Storage เช่น

storage.googleapis.com/www.example.com ถูกรักษาไว้ ตัวอย่างเช่น คุณ
สามารถดำเนินการรายการวัตถุใน
www.example.com ที่ฝากข้อมูล ตามที่คุณต้องการ
สำหรับถังอื่นๆ ในกรณีของ
www.example.com ที่ฝากข้อมูล วัตถุ
รายการที่คุณได้รับประกอบด้วย
404.html และ
index.html

 โฮสต์เนื้อหาคงที่สำหรับเว็บไซต์แบบไดนามิก


คุณสามารถใช้ Cloud Storage เพื่อโฮสต์เนื้อหาแบบคงที่สำหรับเว็บไซต์ไดนามิกได้ นั่นคือ
โฮสต์ เช่น ใน Google App Engine หรือใน
Google Compute Engine ประโยชน์บางประการของการโฮสต์เนื้อหาคงที่ของคุณ
เช่น รูปภาพหรือไฟล์ JavaScript ในบัคเก็ตประกอบด้วย:


-

Cloud Storage ทำงานเหมือนการส่งเนื้อหา
เครือข่าย (CDN) เนื่องจากวัตถุที่อ่านได้ถูกแคชไว้
เครือข่าย Cloud Storage ตามค่าเริ่มต้น

ค่าใช้จ่ายแบนด์วิธสำหรับการเข้าถึงเนื้อหามักจะถูกกว่าด้วย Cloud Storage

โหลดบนเว็บเซิร์ฟเวอร์ของคุณจะลดลงเมื่อให้บริการเนื้อหาคงที่จาก
การจัดเก็บเมฆ.

เมื่อโฮสต์เนื้อหาคงที่สำหรับเว็บไซต์แบบไดนามิก คุณไม่จำเป็นต้องสร้าง
บันทึก DNS และชี้ไปที่บัคเก็ตหรือโหลดบาลานเซอร์ตามที่คุณทำกับ
เว็บไซต์คงที่ ตัวอย่างเช่น คุณสามารถตั้งชื่อบัคเก็ตได้

www_example_com_assets ที่มีเนื้อหาที่เหมาะสมซึ่งกำหนดค่าเป็นแบบใช้ร่วมกัน
สู่สาธารณะแล้วเข้าถึงเนื้อหาเหล่านั้นโดยใช้โดเมน Cloud Storage
ตัวอย่างเช่น สมมติว่าคุณมีไฟล์ JavaScript
library.js ในบัคเก็ต

www_example_com_assets ที่ใช้ร่วมกัน จากนั้นคุณสามารถเข้าถึงได้เป็น

httpstorage.googleapis.com/www_example_com_assets/library.js

 ตั้งค่าพารามิเตอร์แคช


คุณสามารถควบคุมว่าจะแคชเนื้อหาเว็บไซต์ของคุณอย่างไรหรืออย่างไรโดยการกำหนดค่า

ข้อมูลเมตาของการควบคุมแคช โดยทั่วไป ให้ตั้งค่าข้อมูลเมตาของการควบคุมแคชเท่านั้น
สำหรับออบเจกต์ที่ผู้ใช้นิรนามทุกคนเข้าถึงได้ ซึ่งเป็นข้อกำหนด
สำหรับอ็อบเจ็กต์ใดๆ ที่ให้บริการจากบัคเก็ต Cloud Storage ซึ่งเป็นส่วนหนึ่งของสแตติก
เว็บไซต์

Cloud Storage ใช้การตั้งค่าการควบคุมแคช 3600 วินาทีกับวัตถุที่เป็น
เข้าถึงได้สำหรับผู้ใช้ที่ไม่ระบุตัวตนทั้งหมด เว้นแต่คุณจะระบุการควบคุมแคชอย่างชัดเจน
การตั้งค่า. ดูการดูและการแก้ไขข้อมูลเมตาสำหรับคำแนะนำในการตั้งค่า
ข้อมูลเมตาของวัตถุ เช่น
การควบคุมแคช

คุณยังสามารถใช้ Cloud CDN เพื่อแคชเนื้อหา HTTP(S) ที่สมดุลในการโหลดภายนอก
ใกล้กับผู้ใช้ของคุณ ซึ่งมักจะช่วยลดต้นทุนการให้บริการ สำหรับข้อมูลเพิ่มเติม โปรดดูที่
เก็บเอาไว้.


 ตรวจสอบค่าใช้จ่ายของคุณ


หากคุณกำลังให้บริการเนื้อหาจากบัคเก็ตที่กำหนดค่าเป็นเว็บไซต์แบบคงที่หรือ
ให้บริการเนื้อหาคงที่จากบัคเก็ตสำหรับเว็บไซต์ไดนามิกที่โฮสต์ภายนอก
Cloud Storage คุณควรตรวจสอบค่าใช้จ่ายในโครงการของคุณที่มี
ถัง. การแสดงเนื้อหามีค่าใช้จ่าย Cloud Storage สำหรับการจัดเก็บ
เนื้อหา การใช้เครือข่าย และการดำเนินการดึงข้อมูล สำหรับรายละเอียด
ดูหน้าราคา Cloud Storage


คุณอาจต้องเสียค่าบริการเครือข่ายหากคุณใช้ HTTP(S) Load Balancing ในการตั้งค่า
HTTPS ดูราคาเครือข่ายสำหรับรายละเอียดเพิ่มเติม
ตัวอย่างการกำหนดราคาอย่างง่ายในหน้าตัวอย่างการกำหนดราคาสามารถทำได้
ใช้เป็นค่าประมาณสำหรับกรณีการใช้งานของเว็บไซต์ที่มีการเข้าชมต่ำและคงที่
อย่างไรก็ตาม โปรดทราบว่าตัวอย่างนี้ไม่มีค่าใช้จ่ายที่เกี่ยวข้องกับ
HTTP(S) Load Balancing ซึ่งมักจะเป็นค่าใช้จ่ายที่ใหญ่ที่สุดสำหรับเว็บไซต์แบบคงที่
โฮสติ้ง คุณสามารถใช้ราคา
เครื่องคิดเลขเพื่อสร้างประมาณการค่าใช้จ่ายตามการใช้งานที่คาดการณ์ไว้ของคุณ





หากคุณเป็นผู้ใช้ Google Cloud ในปัจจุบัน คุณจะได้รับรายละเอียดเกี่ยวกับ
ค่าใช้จ่ายโครงการของคุณในหน้าการเรียกเก็บเงิน


 การแก้ไขปัญหา


ดูการแก้ปัญหาสำหรับปัญหาทั่วไปที่เกี่ยวข้องกับการใช้บัคเก็ต
กำหนดค่าให้แสดงเนื้อหาเว็บไซต์คงที่


## อะไรต่อไป


-

- เรียนรู้เกี่ยวกับตัวเลือกการให้บริการเว็บอื่นๆ บน Google Cloud

- ลองบทช่วยสอนอื่น ๆ ของ Google Cloud ที่ใช้ Cloud Storage

##
 ลองด้วยตัวคุณเอง

 

 
 
 


 หากคุณยังใหม่กับ Google Cloud ให้สร้างบัญชีเพื่อประเมินวิธีการ
 Cloud Storage ทำงานในโลกแห่งความเป็นจริง
 สถานการณ์ ลูกค้าใหม่ยังได้รับเครดิตฟรี $300 เพื่อเรียกใช้ ทดสอบ และ
 ปรับใช้ปริมาณงาน

 
 

 

 





 

 

 

 

 
 
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
 
 

 

 

 

 

 

 

 

 

 

 








 
 
 
 
 
 ทดลองใช้ Cloud Storage ฟรี