myalbum

Мой альбом

Веб-сайт для обмена альбомами и фотографиями с местоположениями Google Maps

Статус

Сторонники?

Веб-сайт

• URL-адрес :
  1. https://my-album.azurewebsites.net/ (Angular 8.0)
  2. https://my-album-react.azurewebsites.net/ (React 16.12)
• Электронная почта : [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 2019.

1. Настройте БД, запустив 3 сценария в « src/WebSPA/sql ».
2. Откройте " src/MyAlbum.sln ".
3. Измените строку подключения по умолчанию :
   1. Реагируйте с помощью: " src/WebSPA.React.Identity/appsettings.Development.json "
   2. Angular с: " src/WebSPA.Identity/appsettings.Development.json "
4. Установите проекты запуска с помощью меню « Отладка->Установить проекты запуска... » для отладки одним из следующих способов:
   1. Реагируйте с проектами: Web Apps/WebSPA.React.Identity и 3 проекта в папке Services.
   2. Angular с проектами: 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-сертификат в папку « Доверенные корневые центры сертификации » локального компьютера:

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

3. Подтвердите, успешно просмотрев https://localhost:5002/swagger/.
4. Просмотрите веб-сайт по адресу http://localhost:5000/.

Развертывание в Azure

1. Создайте 1 службу приложений Azure и 1 базу данных SQL Azure.
2. Добавьте 2 параметра приложения: « ASPNETCORE_ENVIRONMENT » и « ConnectionStrings:Default » в Службу приложений Azure:
3. Развертывание в Azure

Скриншоты

1. [Фото] Исследуйте
   

2. [Фото] Карта мира
   

3. [Альбом] Исследуйте
   

4. [Альбом] Посмотреть
   

5. [Фото] Добавить
   

6. [Фото] Править
   

7. [Фото] Посмотреть
   

8. [Фото] Просмотр >> Обнаружение объектов (нажмите на фото)
   

9. [Фото] Посмотреть >> Добавить комментарий

10. [Фото] Посмотреть >> Уведомить Комментарий (в режиме реального времени)
    

11. [Фото] Посмотреть >> Ответить Комментарий