Albumku
Situs web untuk berbagi album dan foto dengan lokasi Google Maps
Status
Pendukung?
Situs web
- URL :
- https://my-album.azurewebsites.net/ (Sudut 8.0)
- https://my-album-react.azurewebsites.net/ (Reaksi 16.12)
- Email : [email protected] (untuk menambah/mengedit foto, album, komentar dan membalas)
- Kata Sandi : 2u)TAa
- API Identitas : https://my-album.azurewebsites.net/swagger/index.html
- API Album : https://my-album-album-api.azurewebsites.net/swagger/index.html
- API Foto : https://my-album-photo-api.azurewebsites.net/swagger/index.html
- API Komentar : https://my-album-comment-api.azurewebsites.net/swagger/index.html
Jalankan di Komunitas Microsoft Visual Studio 2019
- Siapkan DB dengan menjalankan 3 skrip di " src/WebSPA/sql "
- Buka " src/MyAlbum.sln "
- Ubah string koneksi default di:
- Bereaksi dengan: " src/WebSPA.React.Identity/appsettings.Development.json "
- Sudut dengan: " src/WebSPA.Identity/appsettings.Development.json "
- Atur Proyek Startup menggunakan menu " Debug->Set Startup Projects... " untuk Debugging di salah satu:
- Bereaksi dengan proyek: Web Apps/WebSPA.React.Identity dan 3 proyek di folder Layanan
- Sudut dengan proyek: Web Apps/WebSPA.Identity dan 3 proyek di folder Layanan
- Tekan F5 untuk Debugging
Jalankan di Docker
- Instal Docker.
- Buka folder " src/Docker " dan jalankan:
docker-compose down
docker-compose build
docker-compose up
- Buka folder " src/Docker " dan instal sertifikat SSL ini ke folder " Otoritas Sertifikasi Root Tepercaya " di Komputer Lokal:
File name: my-album.pfx
Password: 2u)TAa
- Verifikasi dengan browsing https://localhost:5002/swagger/ berhasil.
- Jelajahi situs web di http://localhost:5000/
Terapkan ke Azure
- Buat 1 Azure App Service dan 1 database Azure SQL
- Tambahkan 2 pengaturan aplikasi: " ASPNETCORE_ENVIRONMENT " dan " ConnectionStrings:Default " ke Azure App Service:
- Terapkan ke Azure
Tangkapan layar
[Foto] Jelajahi
[Foto] Peta Dunia
[Album] Jelajahi
[Album] Lihat
[Foto] Tambahkan
[Foto] Sunting
[Foto] Lihat
[Foto] Lihat >> Deteksi Objek (klik pada foto)
[Foto] Lihat >> Tambahkan Komentar
[Foto] Lihat >> Beritahu Komentar (waktu nyata)
[Foto] Lihat >> Balas Komentar