myalbum

อัลบั้มของฉัน

เว็บไซต์เพื่อแบ่งปันอัลบั้มและภาพถ่ายกับสถานที่ของ Google Maps

สถานะ

ผู้สนับสนุน ?

เว็บไซต์

• URL :
  1. https://my-album.azurewebsites.net/ (Angular 8.0)
  2. https://my-album-react.azurewebsites.net/ (ตอบสนอง 16.12)
• Email : [email protected] (สำหรับเพิ่ม/แก้ไขรูปภาพ อัลบั้ม แสดงความคิดเห็น และตอบกลับ)
• รหัสผ่าน : 2u)TAa
• API ประจำตัว : https://my-album.azurewebsites.net/swagger/index.html
• API ของอัลบั้ม : https://my-album-album-api.azurewebsites.net/swagger/index.html
• API รูปภาพ : https://my-album-photo-api.azurewebsites.net/swagger/index.html
• API ความคิดเห็น : https://my-album-comment-api.azurewebsites.net/swagger/index.html

ทำงานใน Microsoft Visual Studio Community 2019

1. ตั้งค่าฐานข้อมูลโดยการรัน 3 สคริปต์ใน " src/WebSPA/sql "
2. เปิด " src/MyAlbum.sln "
3. เปลี่ยนสตริงการเชื่อม ต่อเริ่มต้น ใน:
   1. โต้ตอบ กับ: " src/WebSPA.React.Identity/appsettings.Development.json "
   2. เชิงมุม ด้วย: " src/WebSPA.Identity/appsettings.Development.json "
4. ตั้งค่าโครงการเริ่มต้นโดยใช้เมนู " Debug->ตั้งค่าโครงการเริ่มต้น... " สำหรับการดีบักใน:
   1. โต้ตอบ กับโปรเจ็กต์: Web Apps/WebSPA.React.Identity และ 3 โปรเจ็กต์ในโฟลเดอร์ Services
   2. เชิงมุม กับโปรเจ็กต์: Web Apps/WebSPA.Identity และ 3 โปรเจ็กต์ในโฟลเดอร์ Services
5. กด F5 สำหรับการดีบัก

เรียกใช้ในนักเทียบท่า

0. ติดตั้งนักเทียบท่า
1. เปิดโฟลเดอร์ " src/Docker " แล้วเรียกใช้:

 docker-compose down
docker-compose build
docker-compose up

2. เปิดโฟลเดอร์ " src/Docker " และติดตั้งใบรับรอง SSL นี้ลงในโฟลเดอร์ " Trusted Root Certification Authorities " ของคอมพิวเตอร์เฉพาะที่:

 File name: my-album.pfx
Password: 2u)TAa

3. ตรวจสอบโดยการเรียกดู https://localhost:5002/swagger/ สำเร็จ
4. เรียกดูเว็บไซต์ได้ที่ http://localhost:5000/

ปรับใช้กับ Azure

1. สร้าง Azure App Service 1 รายการ และฐานข้อมูล Azure SQL 1 รายการ
2. เพิ่มการตั้งค่าแอป 2 รายการ: " ASPNETCORE_ENVIRONMENT " และ " ConnectionStrings:Default " ไปยัง Azure App Service:
3. ปรับใช้กับ Azure

ภาพหน้าจอ

1. [ภาพถ่าย] สำรวจ
   

2. [ภาพถ่าย] แผนที่โลก
   

3. [อัลบั้ม] สำรวจ
   

4. [อัลบั้ม] ดู
   

5. [ภาพถ่าย] เพิ่ม
   

6. [ภาพถ่าย] แก้ไข
   

7. [ภาพถ่าย] ดู
   

8. [ภาพถ่าย] ดู >> การตรวจจับวัตถุ (คลิกที่ภาพ)
   

9. [ภาพถ่าย] ดู >> เพิ่มความคิดเห็น

10. [ภาพถ่าย] ดู >> แจ้งเตือนความคิดเห็น (เรียลไทม์)
    

11. [ภาพถ่าย] ดู >> ตอบความคิดเห็น