BlogSite

เว็บไซต์บล็อกของ Gavin

แอปพลิเคชันบล็อกที่เขียนใน C# และ ASP.NET CORE

การสาธิตสด

blog.peasenet.com

คุณสมบัติ

• ใช้งานง่ายและปรับใช้
• การแก้ไขข้อความจะทำในเบราว์เซอร์ผ่าน Tinymce
• โพสต์บล็อกจะถูกเก็บไว้ในฐานข้อมูล SQL
• อัปโหลดรูปภาพ
• รองรับนักเทียบท่า
• เครื่องมือค้นหาพื้นฐานเพื่อค้นหาชื่อเรื่องและเนื้อหา

อาคาร

การติดตั้ง ASP.NET CORE

ลินเวกซ์

ฉันพัฒนาแอปพลิเคชันนี้โดยใช้ Ubuntu 20.04 ผ่าน WSL2 ฉันได้ทำตามคำแนะนำที่ระบุไว้ที่นี่เพื่อติดตั้ง ASP.NET CORE บน Ubuntu 20.04 โปรดทราบว่า Linux เวอร์ชันอื่น ๆ ได้รับการสนับสนุนโดย ASP.NET Core และแอปพลิเคชันนี้จะทำงานกับ distros linux อื่น ๆ

Windows & MacOS

คุณสามารถติดตั้ง ASP.NET CORE ได้ที่นี่และทำตามคำแนะนำในการติดตั้ง DOTNET และ ASP.NET บนคอมพิวเตอร์ของคุณ

การสร้างแอปพลิเคชัน (ไบนารี)

การสร้างแอปพลิเคชันเป็นเรื่องเล็กน้อย ฉันใช้บรรทัดคำสั่งเพื่อสร้างแอปพลิเคชัน

dotnet build

สิ่งนี้จะสร้างแอปพลิเคชันและวางไบนารีในไดเรกทอรีบล็อก/bin/debug/net6.0

การรันแอปพลิเคชัน

การรันแอปพลิเคชันนั้นเป็นเรื่องเล็กน้อย เพียงแค่นำทางไปยังไดเรกทอรี BlogSite และเรียกใช้แอปพลิเคชัน

 cd BlogSite/bin/Debug/net6.0
dotnet BlogSite.dll

สิ่งนี้จะสร้างไฟล์สองสามไฟล์ในการเริ่มต้น - app.db, posts.db และไดเรกทอรี "สื่อ"

การเพิ่มผู้ใช้ผู้ดูแลระบบ

ในขณะนี้มีสองบทบาท - บทบาทผู้ดูแลระบบที่อนุญาตให้ผู้ใช้โพสต์และบทบาทเริ่มต้น ผู้ใช้ผู้ดูแลระบบจะถูกนำไปใช้ในฐานข้อมูลเมื่อเริ่มต้น ข้อมูลรับรองผู้ดูแลระบบเริ่มต้นคือ:

 Username: [email protected]
Password: Admin123!

ฝ่ายสนับสนุนนักเทียบท่า

คุณสามารถสร้างแอปพลิเคชันโดยใช้ Docker

docker build -t blogsite -f BlogSite/Dockerfile .

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

การสร้างไดเรกทอรี

mkdir ~ /blogsite-media
mkdir ~ /blogsite-db

รันแอปพลิเคชันผ่าน Docker

docker run -v ~ /blogsite-db:/db -v ~ /blogsite-media:/app/Media -p 80:80 -d --name blogsite blogsite

ใช้อิมเมจนักเทียบท่า prebuilt

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

docker pull gcpease/blogsite:latest

หลังจากเรียกใช้คำสั่งนี้คุณสามารถเรียกใช้แอปพลิเคชัน

 docker run -v ~ /blogsite-db:/db -v ~ /blogsite-media:/app/Media -dp 7160:80 --name blogsite gcpease/blogsite:latest

การอัปเดตรูปภาพ Prebuild Docker

หากต้องการอัปเดตอิมเมจนักเทียบท่าให้เรียกใช้คำสั่งต่อไปนี้

docker stop blogsite
docker rm blogsite
docker pull gcpease/blogsite:latest
docker run -v ~ /blogsite-db:/db -v ~ /blogsite-media:/app/Media -dp 7160:80 --name blogsite gcpease/blogsite:latest

คุณสมบัติในอนาคต

• การจัดการบทบาทที่ดีขึ้น
• ระบบร่าง
• ความคิดเห็น
• การติดแท็ก

สิ่งที่ต้องทำ

• การป้องกัน XSS
• โพสต์เนื้อหาและชื่อเรื่องการฆ่าเชื้อ
• วิธีที่ดีกว่าในการจัดเก็บ/แสดงภาพ/สื่อ

พื้นหลัง

ทำไมฉันถึงพัฒนา CMS อื่น?

หากคุณติดตามการพัฒนาของฉันมาสองสามปีแล้วคุณอาจสังเกตเห็นว่าฉันได้เขียนระบบบล็อกใหม่เกี่ยวกับปีละครั้ง ด้วยการทำซ้ำแต่ละครั้งฉันได้เพิ่มคุณสมบัติเพิ่มเติมและมีภาษาที่แตกต่างกัน CMS แรกของฉันเริ่มต้นจากหน้า HTML แบบคงที่ที่สร้างขึ้นโดยสคริปต์ทุบตีซึ่งพัฒนาไปสู่ระบบที่ใช้ MySQL และ PHP ระบบนี้ใช้งานได้ แต่มีข้อบกพร่องมากมายในการใช้ PHP และข้อบกพร่องภายในซอฟต์แวร์เอง ฉันตัดสินใจที่จะเขียนระบบใหม่ที่มีความยืดหยุ่นและใช้งานง่ายขึ้นรวมถึงความปลอดภัยมากขึ้น สิ่งนี้นำไปสู่การสร้าง CMS นี้ซึ่งขับเคลื่อนโดย ASP.NET Core, C#และ SQLite หวังว่านี่จะเป็นการทำซ้ำครั้งสุดท้ายของระบบบล็อกและฉันหวังว่าจะเพิ่มคุณสมบัติเพิ่มเติมให้กับมันต่อไป CMS นี้ได้รับการพิสูจน์แล้วว่าเป็นความท้าทายที่สนุกสนานรวมถึงการประยุกต์ใช้ความรู้ที่ฉันได้รับจากชั้นเรียนที่ฉันได้รับ

ทำไม C#?

ฉันสนใจ C#เสมอและฉันมักจะมีความสนใจอย่างมากใน ASP.NET Core ฉันเคยใช้ C# ในอดีตสำหรับการมอบหมายโรงเรียนและสนุกกับมัน ฉันต้องการเรียนรู้วิธีใช้ ASP.NET Core และสถาปัตยกรรม MVC มาระยะหนึ่งแล้วดังนั้นนี่จึงทำให้ C# เป็นตัวเลือกที่ยอดเยี่ยม