แกลลอรี่รูปภาพ Azure

แกลเลอรีรูปภาพพร้อมไฟล์ที่โฮสต์บน Azure Blob Storage

ภาพหน้าจอ

สาธิต

~~ดูการสาธิตแอปพลิเคชันได้ที่ลิงก์ต่อไปนี้: AzureImageGallery~~ ขณะนี้ออฟไลน์เพื่อค้นหาไซต์โฮสติ้งใหม่

ขอบเขต

นี่คือแอปพลิเคชันสแต็กแบบเต็มที่ใช้ C#/ASP.Net Core เป็นแกลเลอรีภาพที่อัปโหลดและอ่านไฟล์ไปยังคอนเทนเนอร์ที่เก็บข้อมูล Azure blob รูปภาพมีฟังก์ชันการสร้าง แก้ไข และลบอย่างเต็มรูปแบบ

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

โครงสร้างโครงการ

Azure-Image-Gallery เป็นโปรเจ็กต์ N-tier ที่มีเลเยอร์โปรเจ็กต์หลักสามเลเยอร์:

เว็บแอปพลิเคชัน MVC ที่มีอยู่ใน AzureImageGallery.Web
การกำหนดค่าฐานข้อมูล อินเทอร์เฟซ และเอนทิตีใน AzureImageGallery.Data
เลเยอร์บริการตรรกะทางธุรกิจเพื่อดำเนินการให้เสร็จสมบูรณ์ในไดเรกทอรี AzureImageGallery.Services

คุณสมบัติ

อัปโหลดรูปภาพหรือไฟล์และดูตามวันที่สร้าง
ค้นหาตามชื่อเรื่องของภาพ
การเพจ
การรับรองความถูกต้องด้วยการเข้าสู่ระบบ / ลงทะเบียน

ติดตั้งและดาวน์โหลด

เพื่อที่จะใช้แอปพลิเคชันนี้:

ดาวน์โหลดไฟล์ zip หรือโคลนพื้นที่เก็บข้อมูล

 ~ $ git clone https://github.com/johnmcraig/azure-image-gallery

จากนั้น รวบรวมแพ็คเกจ NuGet ที่ขาดหายไป และกู้คืนไฟล์โปรเจ็กต์โดยใช้คำสั่ง DotNet dotnet restore (หรือ Build ใน Visual Studio)
หลังจากนั้น คุณจะต้องมีบัญชี Azure ที่มีบริการ Blob Storage รับสตริงการเชื่อมต่อจากข้อมูลบัญชีภายใต้คีย์การเข้าถึง จากนั้นส่งต่อในไฟล์ JSON ความลับของผู้ใช้หรือการตั้งค่าแอปพลิเคชันเป็น: { "AzureStorageConnectionString": "YourActualKey" }
นอกจากนี้ หากคุณไม่มีไฟล์ appsettings.json คุณจะต้องสร้างไฟล์ขึ้นมาใหม่
ตรวจสอบให้แน่ใจว่าคุณใช้ Visual Studio Secret Manager หรือบรรทัดคำสั่ง dotnet เพื่อเพิ่มออบเจ็กต์ JSON ด้านบน (จากจุดที่ #3) เพื่อให้คลาสและวิธีการของ CloudStorage สามารถเชื่อมต่อโดยใช้สตริงนั้นได้
เมื่อเริ่มต้นแอปพลิเคชันครั้งแรก หากขณะนี้อยู่ในโหมดการพัฒนา ฐานข้อมูล Sqlite จะถูกสร้างขึ้นและรูปภาพบางส่วนจะถูกฝังลงในฐานข้อมูลเพื่อการทดสอบ