แมค แอพสโตร์
เว็บไซต์ไดนามิกเพื่อให้ผู้ใช้สามารถค้นพบและค้นหาแอพและเพลง macOS
ตรวจสอบเว็บไซต์ที่นี่!
สารบัญ
- เกี่ยวกับโครงการ
- การออกแบบลอจิก
- การรับรองความถูกต้องของผู้ใช้
- หน้าเว็บแบบไดนามิก
- API และ AJAX
- การเลื่อน
- ที่เก็บข้อมูลท้องถิ่น
- ความต้องการ
- เริ่มต้นใช้งาน
- ใบอนุญาต
- รับทราบ
เกี่ยวกับโครงการ
เว็บไซต์ Mac App Store มุ่งหวังที่จะเป็นศูนย์กลางสำหรับผู้ใช้ในการค้นหาแอพใดๆ ก็ตามที่มีอยู่ใน Mac App Store จริง และในขณะเดียวกันก็ทำหน้าที่เป็นที่ที่ผู้ใช้สามารถค้นหาเพลงผ่านแผนก Apple Music โดยเฉพาะ ผู้ใช้ยังสามารถดาวน์โหลดแอปที่ซื้อมา (เพื่อการสาธิตเท่านั้น) จากส่วนที่ซื้อโดยเฉพาะ การออกแบบที่เรียบง่ายของ Mac App Store ควบคู่ไปกับคุณสมบัติต่างๆ เช่น รายการเด่น อันดับสูงสุด หมวดหมู่ การค้นหา และ Apple Music จะช่วยให้ผู้ใช้ค้นหาแอพหรือเพลงถัดไปได้ในเวลาอันรวดเร็ว
สร้างด้วย
- HTML
- ซีเอสเอส
- จาวาสคริปต์
- jQuery
- PHP
- iTunes ค้นหา API
การออกแบบลอจิก
การรับรองความถูกต้องของผู้ใช้
- PHP ใช้เพื่อจัดเก็บข้อมูลประจำตัวในคุกกี้เซสชันหลังจากที่ผู้ใช้ลงทะเบียนสำหรับบัญชีใหม่
- Bycrypt ใช้เพื่อแฮชและจัดเก็บรหัสผ่านที่ผู้ใช้ส่งมาระหว่างการลงทะเบียน เมื่อผู้ใช้ต้องการลงชื่อเข้าใช้ แฮชที่เก็บไว้จะถูกเปรียบเทียบกับแฮชใหม่เพื่อให้สิทธิ์ผู้ใช้
- หน้าลงทะเบียนต้องใช้ที่อยู่อีเมลที่ถูกต้องและรหัสผ่านที่รัดกุมเพื่อให้ผู้ใช้สร้างบัญชีใหม่ได้สำเร็จ
- ผู้ใช้ไม่ได้รับอนุญาตให้กลับไปที่หน้าลงชื่อเข้าใช้/ลงทะเบียนจนกว่าผู้ใช้จะออกจากระบบ ผู้ใช้ไม่ได้รับอนุญาตให้ไปที่หน้าอื่นยกเว้นหน้าเข้าสู่ระบบ/ลงทะเบียน เว้นแต่ผู้ใช้จะลงชื่อเข้าใช้
หน้าเว็บแบบไดนามิก
- เข้าสู่ระบบ/ลงทะเบียน: หากผู้ใช้คลิกที่ “สร้างหนึ่ง!” ลิงก์เพื่อลงทะเบียนบัญชีใหม่ หน้าต่างการลงทะเบียนใหม่จะปรากฏขึ้นและแทนที่เนื้อหาการเข้าสู่ระบบที่มีอยู่ การปิดหน้าต่างการลงทะเบียนจะทำให้หายไปและแสดงหน้าต่างเข้าสู่ระบบอีกครั้ง
- ค้นหา: การค้นหาแอปในหน้าแรกจะล้างเนื้อหาที่มีอยู่ในเนื้อหาและแสดงแอป (หากพบ) พร้อมลิงก์ไปยังหน้าของแอป การปิดหน้าต่างค้นหาจะนำผู้ใช้กลับไปยังหน้าจอก่อนหน้า
- หน้าแอพ: เมื่อคลิกที่แอพใด ๆ บนเว็บไซต์ ผู้ใช้จะถูกนำทางไปยังหน้าเว็บแบบไดนามิกที่แสดงคำอธิบาย ภาพหน้าจอ บทวิจารณ์ ฯลฯ ของแอพนั้น ๆ เท่านั้น
- หน้าเพลง: หน้านี้เปลี่ยนแปลงแบบไดนามิกเมื่อผู้ใช้ค้นหาเพลง หน้านี้ยังเปลี่ยนไปมาระหว่างหน้าเองกับหน้าค้นหาแบบไดนามิกตามการกระทำของผู้ใช้
- หน้าการซื้อ: หน้านี้จะเปลี่ยนไปมาระหว่างหน้าเองกับหน้าค้นหาแบบไดนามิกตามการกระทำของผู้ใช้
API และ AJAX
เข้าถึง iTunes API ได้โดยใช้วิธี AJAX เพื่อดึงข้อมูลเกี่ยวกับแอพและเพลงทั้งหมดบนเว็บไซต์ ซึ่งจากนั้นจะถูกแทรกลงในโค้ด HTML ผ่าน jQuery
การเลื่อน
การคลิกปุ่มซ้าย/ขวาในหน้าแรกจะเลื่อนเนื้อหาไปทางซ้ายและขวา ปุ่มต่างๆ จะค่อยๆ จางลงหรือปรากฏขึ้นอีกครั้งตามตำแหน่งของเนื้อหา ซึ่งสามารถเปลี่ยนแปลงได้ด้วยการคลิกปุ่มซ้าย/ขวา หรือแม้แต่เริ่มการเลื่อนแนวนอนด้วยตนเอง
ที่เก็บข้อมูลท้องถิ่น
ข้อมูลเกี่ยวกับแอปที่ผู้ใช้ประสงค์จะเข้าชมหรือแอปที่ผู้ใช้ซื้อจะถูกจัดเก็บไว้ในที่จัดเก็บในตัวเครื่องและถูกใช้โดยหน้าต่างๆ เพื่อดึงข้อมูลของแอปนั้นๆ
ความต้องการ
เริ่มต้นใช้งาน
ที่นี่
- ดาวน์โหลดไฟล์ทั้งหมดจาก repo
- แยกโฟลเดอร์ zip ไปยังโฟลเดอร์/เซิร์ฟเวอร์ PHP
- เปิด index.html ผ่าน localhost
ใบอนุญาต
เผยแพร่ภายใต้ใบอนุญาต MIT
รับทราบ