VDO บทที่ 26 - อัพโหลดภาพไปเก็บที่เว็บ Cloudinary

คุณสมบัติของแอพ

ในบทนี้ จะสอนวิธีใช้คอมโพเนนต์ CloudinaryDB ในการอัพโหลดภาพขึ้นไปเก็บไว้บนเว็บ Cloudinary และดาวน์โหลดภาพจากเว็บกลับมาใช้ได้

คอมโพเนนต์ที่กล่าวถึง

  • CloudinaryDB เป็นคอมโพเนนต์ที่เชื่อมต่อแอพของเรากับเว็บ Cloudinary เพื่อให้สามารถอัพโหลดภาพขึ้นเว็บได้

Properties ที่สำคัญ

สำหรับคอมโพเนนต์ CloudinaryDB มี properties สำคัญ ดังนี้
  • cloud name
  • subscription key
  • subscription secret
ในตอนเริ่มต้น ทั้ง 3 ค่าจะเป็น default เพื่อให้เราสามารถเริ่มใช้คอมโพเนนต์นี้ได้ง่าย โดยใช้โควต้าของ Thunkable ไปก่อน แต่หากคุณเปิดแอ็กเคานต์กับทาง Cloudinary ไว้แล้ว ก็สามารถนำค่าทั้ง 3 จากแอ็กเคานต์ของคุณมาใส่ได้เลย

บล็อกที่สำคัญ

  • Post Image ใช้สำหรับส่งภาพไปเก็บไว้ที่เว็บไซต์ Cloudinary
  • Get Response เป็นอีเวนต์ที่เกิดขึ้นหลังจากที่สั่ง Post Image แล้ว โดยในอีเวนต์ จะให้ค่าตัวแปร 2 ค่า คือ
    • responseContent คือ สถานะของรีเควส ในกรณีที่อัพโหลดเรียบร้อย ก็จะได้ข้อความ successful กลับมา แต่หากมี error เกิดขึ้น ก็จะให้คำอธิบาย error กลับมา
    • imageUrl คือ URL ของไฟล์ภาพที่อัพโหลดขึ้นไป เราสามารถใช้ URL นี้เพื่อดาวน์โหลดภาพนั้น กลับมาใช้ได้

ความรู้อื่นๆ

  • ข้อมูลเกี่ยวกับบริการต่างๆ ของเว็บ Cloudinary
  • ตารางเปรียบเทียบราคาค่าบริการ ทั้งแบบฟรี และเสียเงิน
  • เปรียบเทียบข้อดี ข้อเสียของการใช้แอ็กเคานต์ของ Thunkable กับการเปิดแอ็กเคานต์ของคุณเอง
  • ขั้นตอนการสมัครใช้บริการเว็บ Cloudinary และการนำ Cloud name, API Key และ API secret ไปกำหนด properties ของ CloudinaryDB

Comments

Popular posts from this blog

บทที่ 4 - เรียนรู้เกี่ยวกับ User Interface

บทที่ 17 – สร้างแอพ Pomodoro

บทที่ 13 – รู้จักกับ Orientation sensor