ตัวจัดการไฟล์สำหรับ Cloudflare R2: เชื่อมต่อกับ Nubbo

Nubbo เชื่อมต่อกับ Cloudflare R2 ด้วย API token ของ R2 และ Account ID ของบัญชีคุณ ภายในไม่กี่นาที บัคเก็ตของคุณจะอยู่ในตัวสำรวจไฟล์พร้อมการอัปโหลดโดยตรง ลิงก์แชร์ และแกลเลอรี คู่มือนี้พาคุณทำตามตัวช่วยของ Nubbo ทีละขั้นตอนทั้งสองแบบ คือแบบอัตโนมัติและแบบใช้คีย์ที่จำกัดไว้เพียงบัคเก็ตเดียว

สิ่งที่คุณจะได้รับ

• เรียกดูบัคเก็ตได้เหมือนไดรฟ์: โฟลเดอร์ มุมมอง การค้นหา ถังขยะ ป้ายกำกับ และรายการโปรด
• อัปโหลดและดาวน์โหลดไฟล์โดยตรงระหว่างเบราว์เซอร์ของคุณกับ Cloudflare R2 ไฟล์ไม่เคยผ่านเซิร์ฟเวอร์ของ Nubbo
• แชร์ไฟล์และโฟลเดอร์พร้อมรหัสผ่าน วันหมดอายุ และขีดจำกัดการดาวน์โหลด รับไฟล์เข้าสู่บัคเก็ตของคุณ และสร้างแกลเลอรี
• คีย์ของคุณถูกเก็บแบบเข้ารหัสด้วย AES-256-GCM และคุณยกเลิกการเชื่อมต่อบัคเก็ตได้ทุกเมื่อ

ก่อนเริ่มต้น

คุณต้องมีบัญชี Cloudflare R2 และบัญชี Nubbo ทุกบัคเก็ตที่เชื่อมต่อนับรวมในขีดจำกัดของแผนคุณ: แผนฟรีเชื่อมต่อได้ 2 Personal ได้ 5 และ Pro ไม่จำกัด ก่อนสร้างบัคเก็ตแรก Cloudflare จะขอให้คุณเปิดใช้การสมัครใช้งาน R2 จากแดชบอร์ด หากบัคเก็ตของคุณมีเขตอำนาจ (EU, FedRAMP หรือ US) ให้เลือกในตัวช่วย แล้ว Nubbo จะใช้ endpoint ของเขตอำนาจนั้น

เลือกวิธีเชื่อมต่อ

ตัวช่วยของ Nubbo มีให้เลือกสองแบบ ทั้งสองแบบจบลงเหมือนกัน คือบัคเก็ตเชื่อมต่อแล้วและพร้อมรับการอัปโหลดจากเบราว์เซอร์

คีย์แบบจำกัดคือสิทธิ์ขั้นต่ำที่ Nubbo ต้องใช้ คือ Object Read & Write บนบัคเก็ตเดียว ด้วยคีย์นี้ Nubbo แสดงรายการบัคเก็ตหรือสร้างบัคเก็ตใหม่ไม่ได้ คุณจึงต้องพิมพ์ชื่อบัคเก็ตและเพิ่มกฎ CORS เอง

การเชื่อมต่ออัตโนมัติ

ขั้นตอนที่ 1: สร้างคีย์ใน Cloudflare R2

1. ลงชื่อเข้าใช้ dash.cloudflare.com แล้วเปิด R2 object storage แดชบอร์ดอาจแสดงเมนูเป็นภาษาของคุณ
2. เปิด API Tokens แล้วกด Create Account API token หรือเข้าจาก Overview ใต้ Account Details, Manage ก็ได้
3. เลือกสิทธิ์ Admin Read & Write แล้วสร้างโทเค็น
4. คัดลอก Access Key ID และ Secret Access Key Cloudflare แสดง secret เพียงครั้งเดียว ให้ใช้คีย์สองตัวนี้ ไม่ใช่ค่าของโทเค็น
5. คัดลอก Account ID ของคุณด้วย ซึ่งแสดงอยู่ในหน้า Overview ของ R2

ขั้นตอนที่ 2: เชื่อมต่อบัคเก็ตใน Nubbo

1. ใน Nubbo เปิด บัคเก็ต แล้วกด เชื่อมต่อบัคเก็ต เลือก Cloudflare R2 แล้วกด ดำเนินการต่อ

   

2. เลือก อัตโนมัติ แล้วกด ดำเนินการต่อ

   

3. ก่อนกด ตรวจสอบคีย์ ให้เลือก เขตอำนาจ ของบัคเก็ต: ค่าเริ่มต้น (ไม่มีเขตอำนาจ) สำหรับบัคเก็ตส่วนใหญ่ หรือ EU, FedRAMP หรือ US endpoint จะเปลี่ยนตามไปด้วย (https://<ACCOUNT_ID>.eu.r2.cloudflarestorage.com สำหรับ EU) และรายการจะแสดงเฉพาะบัคเก็ตในเขตอำนาจนั้น ในขั้นตอน คีย์ของคุณ วาง Access Key ID, Secret Access Key และ Account ID Nubbo จะสร้าง endpoint ของบัญชีคุณจาก Account ID ภูมิภาคของ R2 เป็น auto เสมอ กด ตรวจสอบคีย์ Nubbo จะตรวจว่าคีย์ใช้งานได้และมีสิทธิ์เข้าถึงทั้งบัญชี

   

4. เลือกบัคเก็ตของคุณแล้วกด ใช้บัคเก็ตนี้ หรือเลือก สร้างใหม่ พิมพ์ชื่อ (และเลือกภูมิภาคหากระบบถาม) แล้วกด สร้างและเตรียม Nubbo จะเพิ่มกฎ CORS ลงในบัคเก็ตที่อนุญาตเฉพาะการอัปโหลดและดาวน์โหลดจากแอป และคงกฎที่มีอยู่เดิมไว้

   

5. ตรวจทานผลการตรวจสอบทั้งสามรายการ เปลี่ยน ชื่อใน Nubbo หากต้องการ แล้วกด เสร็จสิ้น บัคเก็ตจะแสดงในหน้า บัคเก็ต และคุณเปิดในตัวสำรวจได้ทันที

   

หาก Nubbo เพิ่มกฎ CORS ด้วยคีย์ของคุณไม่ได้ ตัวช่วยจะพาคุณไปยังขั้นตอน CORS จากนั้นทำตาม เพิ่มกฎ CORS

การเชื่อมต่อด้วยคีย์แบบจำกัด

ขั้นตอนที่ 1: เตรียมบัคเก็ตและคีย์ใน Cloudflare R2

1. ใน R2, Overview กด Create bucket แล้วตั้งชื่อ (ตัวพิมพ์เล็ก ตัวเลข และขีดกลาง) ไม่ต้องเลือกภูมิภาค หากข้อมูลต้องอยู่ใน EU ให้เลือกเขตอำนาจ EU endpoint จะเปลี่ยนตามไปด้วย
2. เปิด API Tokens แล้วกด Create Account API token
3. เลือกสิทธิ์ Object Read & Write และจำกัดไว้เฉพาะบัคเก็ตของคุณ
4. คัดลอก Access Key ID, Secret Access Key และ Account ID ของคุณ

ขั้นตอนที่ 2: เชื่อมต่อบัคเก็ตใน Nubbo

1. ในหน้า บัคเก็ต กด เชื่อมต่อบัคเก็ต เลือก Cloudflare R2 แล้วเลือก ใช้คีย์แบบจำกัด
2. ก่อนกด ตรวจสอบคีย์ ให้เลือก เขตอำนาจ เดียวกับบัคเก็ต วาง Access Key ID, Secret Access Key และ Account ID กด ตรวจสอบคีย์
3. พิมพ์ชื่อบัคเก็ตให้ตรงทุกตัวอักษร แล้วกด ตรวจสอบสิทธิ์เข้าถึง
4. ตัวช่วยจะไปยังขั้นตอน CORS พร้อมกฎที่คุณต้องเพิ่ม

เพิ่มกฎ CORS

กฎ CORS ช่วยให้เบราว์เซอร์อัปโหลดและดาวน์โหลดไฟล์จากบัคเก็ตของคุณบน https://nubbo.app ได้ เป็นกฎเดียวกับที่ตัวช่วยแสดงในขั้นตอน CORS

1. ใน R2 เปิดบัคเก็ตแล้วไปที่ Settings
2. ในส่วน CORS Policy กด Add CORS policy แล้วเลือกแท็บ JSON
3. วางกฎแล้วกด Save Cloudflare อาจใช้เวลาถึง 30 วินาทีในการนำกฎไปใช้

[
  {
    "AllowedHeaders": ["*"],
    "AllowedMethods": ["GET", "PUT", "POST", "DELETE", "HEAD"],
    "AllowedOrigins": ["https://nubbo.app"],
    "ExposeHeaders": ["ETag"],
    "MaxAgeSeconds": 3600
  }
]

เมื่อบันทึกแล้ว กลับไปที่ Nubbo แล้วกด เพิ่มแล้ว ตรวจสอบ หากคีย์ของคุณมีสิทธิ์เปลี่ยน CORS ปุ่ม ลองตั้งค่าให้ฉัน จะทำให้คุณเอง

หากเกิดปัญหา

ค่าใช้จ่าย

R2 ไม่คิดค่า egress และมีโควตาฟรีรายเดือน เราอธิบายไว้ใน โควตาฟรีของ Cloudflare R2