Question

Buenas, Tengo una cuestion al desarrollar mi App con Apache Cordova la problematica es que ya genere el servicio y ya pude consumirlo con Ajax con una sugerencia de un miembro de esta misma comunidad (Gracias)
actualmente me arroja este error:
"Solicitud desde origen distinto bloqueada: la política de mismo origen impide leer el recurso remoto en http://192.168.0.12:8081/JSON/data.php. Esto se puede arreglar moviendo el recurso al mismo dominio o activando CORS."

Donde mi archivo html con JS es este:

<script type="text/javascript">
var cadena;
$.ajax({
method: "GET",
url : "http://192.168.0.12:8081/JSON/data.php",
success : function(h)
{
cadena = JSON.parse(h);
}
});

    var msj = "Cargando Preguntas";
    alert(msj);
    ////INSERT 
    for( var i = 0; i < cadena.registro.length; i++ ) {
     document.write("<div class=\"panel panel-default\"><div class=\"panel-heading\">"+
        cadena.registro[i].Pregunta + "</div> <div class=\"panel-body\">");
      ///alert(datos.registro[i].Pregunta);
      for( var j = 0; j < cadena.registro[i].Respuestas.length; j++ )
      {
    document.write(" <div class=\"radio\">  <input type=\"radio\" name=\"optradio\">  "+cadena.registro[i].Respuestas[j]+"</div>");
       /// alert(datos.registro[i].Respuestas[j]);
      }
      document.write("</div></div></div>");
      }
</script>

la duda es: ¿Como habilito el CORS del lado del servidor? recordando que Apache Cordova solo permite archivos html.

Answer 1

Hola Adan,

tu problema no parece relativo a Apche Cordova en sí, sino a las restricciones de las llamadas AJAX entre distintos dominios que hacés vía JQuery.

Podrías probar cambiar directivas del servidor Apache, pero esta alternativa no sirve en producción, ya que en general no tenés acceso a ese tipo e cambios.

Si el problema está porque el ambiente de desarrrolo es distinto al de producción, acá cuentan una técnica simpática para probar la aplicación mientras se desarrolla: http://tech.pro/blog/1704/2-ways-to-get-started-with-phonegapapache-cordova

Si para probar la app usás Chrome, podés invocarlo haciendo:
chrome.exe --disable-web-security en windows
o
google-chrome --disable-web-security en GNU/Linux

para que el navegador no valide la petición.

Si sos vos quien programa "data.php", podés cambiarle las cabeceras para que no se validen las peticiones de dominios cruzados:

header("Access-Control-Allow-Origin: *");

Esto sin embargo a veces no funciona porque el * es demasiado permisivo. En ese caso, invocá a esta función al principio de tu script:

function cors() {
    // Allow from any origin
    if (isset($_SERVER['HTTP_ORIGIN'])) {
        header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
        header('Access-Control-Allow-Credentials: true');
        header('Access-Control-Max-Age: 86400');    // cache for 1 day
    }
    // Access-Control headers are received during OPTIONS requests
    if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
            header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         
        if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
            header("Access-Control-Allow-Headers: {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");
        exit(0);
    }
}

Nota importante: dejar cualqueir cosa de esto en un entorno de producción es una muy mala idea.