myalbum

mi album

Sitio web para compartir álbumes y fotos con ubicaciones de Google Maps

Estado

¿Partidarios?

Sitio web

• URL :
  1. https://my-album.azurewebsites.net/ (Angular 8.0)
  2. https://my-album-react.azurewebsites.net/ (Reaccionar 16.12)
• Correo electrónico : [email protected] (para agregar/editar foto, álbum, comentar y responder)
• Contraseña : 2u)TAa
• API de identidad : https://my-album.azurewebsites.net/swagger/index.html
• API del álbum : https://my-album-album-api.azurewebsites.net/swagger/index.html
• API de fotos : https://my-album-photo-api.azurewebsites.net/swagger/index.html
• API de comentarios : https://my-album-comment-api.azurewebsites.net/swagger/index.html

Ejecutar en Microsoft Visual Studio Community 2019

1. Configure la base de datos ejecutando 3 scripts en " src/WebSPA/sql "
2. Abra " src/MiÁlbum.sln "
3. Cambie la cadena de conexión predeterminada en:
   1. Reaccionar con: " src/WebSPA.React.Identity/appsettings.Development.json "
   2. Angular con: " src/WebSPA.Identity/appsettings.Development.json "
4. Configure los proyectos de inicio usando el menú " Depurar->Establecer proyectos de inicio... " para depurar en:
   1. Reaccionar con proyectos: Web Apps/WebSPA.React.Identity y 3 proyectos en la carpeta Servicios
   2. Angular con proyectos: Web Apps/WebSPA.Identity y 3 proyectos en la carpeta Servicios
5. Presione F5 para depurar

Ejecutar en Docker

0. Instale Docker.
1. Abra la carpeta " src/Docker " y ejecute:

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

2. Abra la carpeta " src/Docker " e instale este certificado SSL en la carpeta " Trusted Root Certification Authorities " de la computadora local:

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

3. Verifique navegando https://localhost:5002/swagger/ exitosamente.
4. Navegue por el sitio web en http://localhost:5000/

Implementar en Azure

1. Cree 1 servicio de aplicaciones de Azure y 1 base de datos de SQL de Azure
2. Agregue 2 configuraciones de aplicación: " ASPNETCORE_ENVIRONMENT " y " ConnectionStrings:Default " a Azure App Service:
3. Implementar en Azure

Capturas de pantalla

1. [Foto] Explorar
   

2. [Foto] Mapa mundial
   

3. [Álbum] Explorar
   

4. [Álbum] Ver
   

5. [Foto] Agregar
   

6. [Foto] Editar
   

7. [Foto] Ver
   

8. [Foto] Ver >> Detección de objetos (haga clic en la foto)
   

9. [Foto] Ver >> Agregar comentario

10. [Foto] Ver >> Notificar comentario (en tiempo real)
    

11. [Foto] Ver >> Responder Comentar