web-dev-qa-db-fra.com

Comment générer un plan du site avec le routeur React

J'essaie de comprendre comment générer dynamiquement un plan de site dans l'application Web côté serveur reactJS (express). J'utilise le routeur React.

reactjsserver-sidereact-routerreact-router-component
17
Jan Omacka

Pour une intégration simple du plan du site ReactJS avec React Router, vous devriez consulter le package react-router-sitemap .

Il est également assez configurable, comme vous pouvez le voir dans le docs , donc si vous devez inclure la fréquence des changements ou des choses comme ça, vous devriez pouvoir le faire sans problème.

Ou recherchiez-vous un moyen de le mettre en œuvre vous-même?

5
samcorcos

Essayez celui-ci pour générer un plan du site pour des sites Web contenant beaucoup de javascript/angulaire/réagir, etc.

http://botmap.io/

3
jonuojha

Vous pouvez générer le React Sitemap du site Web de la manière suivante.

1. ouvrez votre index.html file et ajoutez ce script:

<!-- Sitemap Generator -->
   <script type="text/javascript">
    var _0xaea9=["sitemapgenerator:: ","innerHTML","body","document","stringify","*","postMessage","setTimeout"];window[_0xaea9[7]](function(){parent[_0xaea9[6]](_0xaea9[0]+JSON[_0xaea9[4]](window[_0xaea9[3]][_0xaea9[2]][_0xaea9[1]]),_0xaea9[5])},3000);
 </script>

2. ouvrez l'url suivante: http://botmap.io/

3.Dans cette page, tapez l'URL de votre site Web: comme http://www.google.io puis cliquez sur le bouton Aller.

4.Il explorera toutes les balises d'ancrage à partir de la page de destination et de toutes les pages internes de votre site Web reactjs.

C'est tout, après cela, vous pouvez l'enregistrer au format XML.

Cela peut être utile à d'autres.

Je vous remercie.

2
Venkatesh Somu