myalbum

Mon album

Site Web pour partager des albums et des photos avec des emplacements Google Maps

Statut

Des partisans ?

Site web

• URL :
  1. https://my-album.azurewebsites.net/ (Angular 8.0)
  2. https://my-album-react.azurewebsites.net/ (React 16.12)
• Email : [email protected] (pour ajouter/modifier une photo, un album, un commentaire et une réponse)
• Mot de passe : 2u)TAa
• API d'identité : https://my-album.azurewebsites.net/swagger/index.html
• API Album : https://my-album-album-api.azurewebsites.net/swagger/index.html
• API Photo : https://my-album-photo-api.azurewebsites.net/swagger/index.html
• API de commentaires : https://my-album-comment-api.azurewebsites.net/swagger/index.html

Exécuter dans la communauté Microsoft Visual Studio 2019

1. Configurez la base de données en exécutant 3 scripts dans " src/WebSPA/sql "
2. Ouvrez " src/MonAlbum.sln "
3. Modifiez la chaîne de connexion par défaut dans :
   1. Réagissez avec : " src/WebSPA.React.Identity/appsettings.Development.json "
   2. Angulaire avec : " src/WebSPA.Identity/appsettings.Development.json "
4. Définissez les projets de démarrage en utilisant le menu « Debug->Set Startup Projects… » pour le débogage dans :
   1. Réagissez avec les projets : Web Apps/WebSPA.React.Identity et 3 projets dans le dossier Services
   2. Angular avec des projets : Web Apps/WebSPA.Identity et 3 projets dans le dossier Services
5. Appuyez sur F5 pour le débogage

Exécuter dans Docker

0. Installez Docker.
1. Ouvrez le dossier " src/Docker " et exécutez :

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

2. Ouvrez le dossier " src/Docker " et installez ce certificat SSL dans le dossier " Trusted Root Certification Authorities " de l'ordinateur local :

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

3. Vérifiez en parcourant https://localhost:5002/swagger/ avec succès.
4. Parcourez le site Web à l'adresse http://localhost:5000/

Déployer sur Azure

1. Créer 1 Azure App Service et 1 base de données Azure SQL
2. Ajoutez 2 paramètres d'application : " ASPNETCORE_ENVIRONMENT " et " ConnectionStrings:Default " à Azure App Service :
3. Déployer sur Azure

Captures d'écran

1. [Photo] Explorer
   

2. [Photo] Carte du monde
   

3. [Album] Explorer
   

4. [Album] Voir
   

5. [Photo] Ajouter
   

6. [Photo] Modifier
   

7. [Photo] Voir
   

8. [Photo] Vue >> Détection d'objets (cliquez sur la photo)
   

9. [Photo] Voir >> Ajouter un commentaire

10. [Photo] Voir >> Notifier le commentaire (en temps réel)
    

11. [Photo] Voir >> Répondre Commentaire