Comment vérifier avec javascript si la connexion est un hôte local?

Je veux vérifier dans mon javascript si la page de chargement est sur ma machine locale.

La raison pour laquelle je veux faire cela est que lorsque je développe, j'aime m'assurer que la validation côté serveur (C #) fonctionne correctement. Donc j'aime voir apparaître les erreurs côté client et côté serveur.

Ainsi, pendant que je teste, j'ai un indicateur dans mon jquery validate truc qui laisse toujours passer les données invalides. De cette façon, je vois les erreurs côté client et serveur d'un seul coup.

Cependant, pour le moment, je dois manuellement faire des allers-retours entre le développement et la production.

La location.hostnamevariable vous donne l'hôte actuel. Cela devrait vous suffire pour déterminer dans quel environnement vous vous trouvez.

if (location.hostname === "localhost" || location.hostname === "127.0.0.1")
    alert("It's a local server!");

si le lancement de HTML statique dans le navigateur, par exemple depuis un emplacement comme la file:///C:/Documents and Settings/Administrator/Desktop/détection de "localhost" ne fonctionnera pas. location.hostnamerenverra une chaîne vide. alors

if (location.hostname === "localhost" || location.hostname === "127.0.0.1" || location.hostname === "")
    alert("It's a local server!");

Ce n'est toujours pas un fourre-tout, mais cela pourrait être une petite amélioration. Vous pouvez maintenant créer un tableau de domaines et utiliser .includes

const LOCAL_DOMAINS = ["localhost", "127.0.0.1", ...];

if (LOCAL_DOMAINS.includes(window.location.hostname))
  alert("It's a local server!");

C'est ainsi qu'il est vérifié dans React, enregistrez le service worker , un bon moyen de vérifier si vous êtes sur localhost en vérifiant le nom d'hôte, y compris localhost et IPv6 , et la correspondance commence par 127 :

const isLocalhost = Boolean(
    window.location.hostname === 'localhost' ||
    // [::1] is the IPv6 localhost address.
    window.location.hostname === '[::1]' ||
    // 127.0.0.1/8 is considered localhost for IPv4.
    window.location.hostname.match(
        /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
    )
);

Un moyen simple de le faire serait de simplement vérifier le nom d'hôte par rapport à localhost ou de vérifier votre nom de domaine personnalisé par rapport à une sous-chaîne, dans ce cas des URL ".local", telles que http: //testsite.local

var myUrlPattern = '.local';
if (window.location.hostname === "localhost" || location.hostname === "127.0.0.1" || window.location.hostname.indexOf(myUrlPattern) >= 0) {
    alert("It's a local server!");
}

Forme la plus courte utilisant le même mécanisme que les autres scripts:

if ( ["localhost", "127.0.0.1", ""].includes(window.location.hostname) ) {
     console.log("It's local host !");
}

Celui-ci couvre également certains cas courants où les adresses IP du réseau local commencent par 10.0.ou 192.168.ou Bonjour comme le domaine se terminant par .local:

export function isLocalNetwork(hostname = window.location.hostname) {
  return (
    (['localhost', '127.0.0.1', '', '::1'].includes(hostname))
    || (hostname.startsWith('192.168.'))
    || (hostname.startsWith('10.0.'))
    || (hostname.endsWith('.local'))
  )
}

Vous pouvez détecter dans l'un de vos codes derrière les pages avec c #, comme ceci:

if ((Request.Url.Host.ToLower() == "localhost"))
{
    // ..., maybe set an asp:Literal value that's in the js
}

Ou si vous souhaitez le faire à partir du script client, vous pouvez vérifier la valeur de window.location.host.

if (window.location.host == "localhost")
{
    // Do whatever
}

J'espère que cela t'aides.

const LOCAL_DOMAINS = [ "localhost", "127.0.0.1" ];

/* offline || development */
if ( LOCAL_DOMAINS.includes(location.hostname) )
{
    BASE_URL_PUBLIC = location.hostname + "/folder/website/"; // your project folder
}

/* online || production */
else
{
    BASE_URL_PUBLIC = location.hostname;
}

Les réponses ci-dessus résolvent principalement le problème, mais ...

• Et si localhost n'est pas nécessairement «localhost /»?
• Que faire si vous souhaitez effectuer une validation FE pendant le développement?
• Que faire si vous voulez des comportements différents pendant le développement
  ( fe validation, be validation, pas de validation )

Une solution consiste à définir le hachage de l'emplacement et à le vérifier.

http://myname.foo.com/form.html#devValidation

Vous pouvez ajouter des options illimitées avec un commutateur

switch(location.hash) {}
    case '#devValidation':
        // log the results and post the form
        break;
    case '#beValidation':
        // skip front end validation entirely
        break;
    case '#noValidation':
        // skip all validation $('[name=validationType']).val('novalidation');
        break;
    case '#feValidation':
    default:
        // do fe validation
        break;
}

L'expression régulière est plus lente *, mais courte et nette. De plus, personne ici ne vérifie l'hôte local IPv6 (:: 1)

/localhost|127\.0\.0\.1|::1|\.local|^$/i.test(location.hostname)

Il vérifie l'hôte local général, le domaine .local et le fichier: (nom d'hôte vide).

*) Dans Chrome, les performances de [].includes(...)sont les meilleures (42 ms), suivies d'une boucle simple (for, while) avec vérification des éléments du tableau (119 ms), puis [].indexOf(...) > -1(289 ms) et enfin de l'expression rationnelle (566 ms). Mais ces mesures sont en quelque sorte relatives, car différents navigateurs sont optimisés différemment. Dans FF 52 ESR includeset indexOfont des résultats similaires, l'expression régulière est 2 fois plus lente et la boucle 6 fois plus lente.

Sur la base des commentaires ci-dessus, l'expression régulière suivante m'a aidé à vérifier si l'url est 'localhost', une adresse IP IPv4 ou IPv6.

window.location.hostname.match(/localhost|[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}\.[0-9]{2,3}|::1|\.local|^$/gi)