[Angular 2] Récupérer les variables d'environnement php

Bonjour,

j'ai réalisé un site en Angular 1, qui se base sur des variables d'environnements pour récupérer l'url du WS, pour cela la page d'index est une page php qui héberge mon app angular, exemple de code dans ma page php :

Code:

---

1 2 3

<?php if(getenv('urlService ')): ?> window.urlService = "<?php echo getenv('urlService '); ?>"; <?php endif; ?>

---

je vais réaliser un site en Angular 2 qui utilisera ces mêmes données, mais le problème c'est que pour tester je doit être dans un environnement wamp ou IIS pour que la page php puisse s’exécuter, donc je ne peux pas profiter de l’environnement ng-serve pour test mon spa en dev, je voulais savoir comment je peux depuis une page index.html hébergeant mon appli angular récupérer ces infos, est-ce que la solution serait de créer une page config.php par exemple que j'appel depuis un service angular et qui me renvoi ses variables en data, ou y-a-t il des solutions plus simple ?

Finalement j'ai laissé mon code php dans mon index.html comme ça je peux continuer à utiliser ng serve pour développer en local et dans le dist je copie un index.php et .htaccess avec ce code

index.php :

Code:

---

<?php include("index.html"); ?>

---

.htaccess (pour les redirections sur les routes angular) :

Code:

---

1 2 3 4 5 6 7 8 9

RewriteEngine on   # Ne pas réécrire des fichiers ou des répertoires RewriteCond %{REQUEST_FILENAME} -f [OR] RewriteCond %{REQUEST_FILENAME} -d RewriteRule ^ - [L]   # Réécrire tout le reste vers index.php pour permettre des liens html5 RewriteRule ^ index.php [L]

---

Attention à bien vérifier que sur votre serveur c'est l'index.php qui se lance en premier et non l'index.html