getCurrentPosition () y watchPosition () están obsoletos en orígenes inseguros

Porque cambiar a HTTPS puede ser doloroso o imposible dependiendo de su arquitectura, Encontré una solución alternativa: puede usar la API de geolocalización de Google Maps. Aunque tiene límites de uso, hace el trabajo. Necesitarás una clave API del navegador, así que no olvides limitar su uso al nombre de host de tu página.

Lo uso como un método alternativo al método getCurrentPosition() si falla. Me permite hacer que funcione hasta que cambie a HTTPS.

Aquí está el JSFiddles:

• HTTP: getCurrentPosition() fallará y volverá a la API
• HTTPS: getCurrentPosition() tendrá éxito

Sí. Google Chrome ha desaprobado la función en la versión 50. Si ha intentado usarlo en chrome el error es:

getCurrentPosition() and watchPosition() are deprecated on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins for more details.

Por lo tanto, usted tiene que agregar el certificado SSL. Bueno, esa es la única manera.

Y ahora es bastante fácil usar Let's Encrypt. Aquí está guía

Y para el propósito de la prueba usted podría intentar esto:

1.localhost se trata como un origen seguro a través de HTTP, por lo que si puede ejecutar su servidor desde localhost, debe ser capaz de probar la función en ese servidor.

2.Puede ejecutar chrome con el origin unsafely-treat-insecure-origin-as-secure="http://example.com" bandera (reemplazando "example.com" con el origen que realmente desea probar), que tratará ese origen como seguro para esta sesión. Tenga en cuenta que también necesita incluir --user-data-dir=/test/only/profile/dir para crear un nuevo perfil de prueba para que la bandera funcione.

Creo que Firefox también restringió el acceso del usuario a la geolocalización API requests from http. Aquí está el registro de cambios de webkit: https://trac.webkit.org/changeset/200686

Podrías usar el https://ipinfo.io API para esto (es mi servicio). Es gratis por hasta 1,000 req / día (con o sin soporte SSL). Te da coordenadas, nombre y más. He aquí un ejemplo:

curl ipinfo.io
{
  "ip": "172.56.39.47",
  "hostname": "No Hostname",
  "city": "Oakland",
  "region": "California",
  "country": "US",
  "loc": "37.7350,-122.2088",
  "org": "AS21928 T-Mobile USA, Inc.",
  "postal": "94621"
}

Aquí hay un ejemplo que construye un objeto coords con la respuesta de la API que coincide con lo que obtienes de getCurrentPosition():

$.getJSON('https://ipinfo.io/geo', function(response) { 
    var loc = response.loc.split(',');
    var coords = {
        latitude: loc[0],
        longitude: loc[1]
    };
});

Y aquí hay un ejemplo detallado que muestra cómo puede usarlo como alternativa para getCurrentPosition():

function do_something(coords) {
    // Do something with the coords here
}

navigator.geolocation.getCurrentPosition(function(position) { 
    do_something(position.coords);
    },
    function(failure) {
        $.getJSON('https://ipinfo.io/geo', function(response) { 
        var loc = response.loc.split(',');
        var coords = {
            latitude: loc[0],
            longitude: loc[1]
        };
        do_something(coords);
        });  
    };
});

Véase http://ipinfo.io/developers/replacing-navigator-geolocation-getcurrentposition para más detalles.

Puede ejecutar chrome con el origin unsafely-treat-insecure-origin-as-secure="http://example.com" bandera (reemplazando "example.com" con el origen que realmente desea probar), que tratará ese origen como seguro para esta sesión. Tenga en cuenta que también necesita incluir --user-data-dir=/test/only/profile/dir para crear un nuevo perfil de prueba para que la bandera funcione.

Por ejemplo si usa Windows, haga clic en Inicio y ejecutar.

chrome --unsafely-treat-insecure-origin-as-secure="http://localhost:8100"  --user-data-dir=C:\testprofile

En HTTP se produce el error.

Establezca el permiso para localhost en la etiqueta de abajo(Acepte las solicitudes de estos referentes HTTP (sitios web)).

Funcionó para mí.

Use FireFox o cualquier otro navegador en lugar de Chrome si desea probarlo en su entorno de desarrollo, para la producción no hay otra manera que usar https.

Para el entorno de desarrollo simplemente abra http://localhost:8100/ en FireFox y por desgracia no hay tal error.

Sé que la API de geolocalización es mejor, pero para las personas que no pueden usar un SSL, aún puede usar algún tipo de servicios como geopluginService.

Como se especifica en la documentación, simplemente envíe una solicitud con la ip a la url del servicio http://www.geoplugin.net/php.gp?ip=xx.xx.xx.xx el resultado es un array serializado, por lo que debe necesitar no serializarlo antes de usarlo.

Recuerde que este servicio no es muy preciso como lo es la geolocalización, pero sigue siendo una solución fácil y rápida.

Dé algo de tiempo para instalar un certificado SSL getCurrentPosition() y watchPosition() ya no funciona en orígenes inseguros. Para usar esta función, debe considerar cambiar su aplicación a un origen seguro, como HTTPS.