Bu proje, Webpack Module Federation kullanarak oluşturulmuş bir mikro uygulama mimarisi içermektedir. host
, product
, ve basket
mikro uygulamaları arasında entegrasyon sağlanmaktadır.
Projeyi GitHub'dan klonlayın:
git clone https://github.com/safasaribek/module_federation.git
cd module_federation
Her bir uygulama için gerekli bağımlılıkları kurmamız gerekiyor. Aşağıdaki adımları izleyin:
a. Host Uygulaması İçin Kurulum host klasörüne gidin:
cd host
Bağımlılıkları kurun:
npm install
b. Product Uygulaması İçin Kurulum product klasörüne gidin:
cd product
Bağımlılıkları kurun:
npm install
c. Basket Uygulaması İçin Kurulum basket klasörüne gidin:
cd basket
Bağımlılıkları kurun:
npm install
Her bir uygulamayı başlatmak için aşağıdaki adımları izleyin:
a. Host Uygulamasını Başlatma host klasörüne gidin:
cd host
Uygulamayı başlatın:
npm run dev
b. Product Uygulamasını Başlatma product klasörüne gidin:
cd product
Uygulamayı başlatın:
npm run dev
c. Basket Uygulamasını Başlatma basket klasörüne gidin:
cd basket
Uygulamayı başlatın:
npm run dev
Tarayıcınızda aşağıdaki URL'leri ziyaret ederek uygulamaları görüntüleyebilirsiniz:
- Host Uygulaması: http://localhost:3001
- Product Uygulaması: http://localhost:3002
- Basket Uygulaması: http://localhost:3003