Comment gérer une URL conviviale avec des paramètres dans une page Web statique?

Question

J'ai l'URL suivante https://mywebsite/somepage/1234/5678 où une page est une route vers une page et les numéros sont des paramètres.

Ma page est une page statique, juste html et javascript. Ex .: https://mywebsite/somepage.html.

Comment pourrais-je ouvrir cette page étant donné l'URL ci-dessus obtenir les paramètres dans la page?

La raison est que j'ai un deeplink mobile diriger l'utilisateur vers un site Web afin qu'il puisse télécharger l'application dans le cas où il n'est pas installé ou à l'application elle-même. Je n'ai pas le choix d'utiliser une page dinamique avec un système de routage comme dans Cake PHP ou Spring Framework.

Answer 1

Si vous voulez charger la page normale (https://mywebsite/somepage.html), vous pouvez utiliser hash à la place. Ils ne sont pas vus par le serveur, donc il servirait le fichier html normal.

// get the url 
var url = window.location.href; // = "https://mywebsite/somepage.html#1234/5678" 

// get the bit you want 
var params = url.substring(32); // = "1234/5678" 
//   ^the length of "https://mywebsite/somepage.html#" 

// split it apart into individual parts 
params = params.split("/"); // = ["1234", "5678"] 

// then do whatever you like with the params 

Answer 2

Crée un tableau de Split en cours de chemin sur /

var urlPath = window.location.pathname.split('/');

Faire quelque chose avec le tableau ...

urlPath.forEach(function(item) { 
    console.log(item); 
});