Как HTTP получить текстовый файл с сервера gcloud, используя JavaScript? - PullRequest
Новая
       7

Как HTTP получить текстовый файл с сервера gcloud, используя JavaScript?

0 голосов
/ 26 апреля 2018

Я пытаюсь использовать $ .get ("publicURL") в javascript, чтобы получить текстовый файл с сервера gcloud в движке приложения, но он не работает. Я сгенерировал публичный URL для текстового файла, и он загружает файл, когда я получаю доступ к ссылке через браузер: «https://storage.cloud.google.com/yarab-201209.appspot.com/hello_default.txt?_ga=2.246296516.-1902376398.1523704795". Кроме того, у меня есть локальный сервер Apache, и он работает нормально, когда я использую $ .get (» file.txt ", function (txt)), но я хочу сделать это на gcloud. Что не так с тем, что я делаю? У меня мало знаний в области кодирования.

Edit: это мой полный код, который работает на локальном сервере, но я знаю, что проблема с частью $ .get. Я хочу использовать тот же код на gcloud. Я создаю активный сервер карт Google, который получает местоположение удаленно. 

<?php
$file = 'gps.txt';
if (!empty($_GET["latitude"]) && !empty($_GET["longitude"])) {

    function getParameter($par, $default = null){
        if (isset($_GET[$par]) && strlen($_GET[$par])) return $_GET[$par];
        elseif (isset($_POST[$par]) && strlen($_POST[$par])) 
            return $_POST[$par];
        else return $default;
    }


    $lat = getParameter("latitude");
    $lon = getParameter("longitude");
    $person = $lat.",".$lon."\n";

    echo "
        DATA:\n
        Latitude: ".$lat."\n
        Longitude: ".$lon;

    if (!file_put_contents($file, $person, FILE_APPEND | LOCK_EX))
        echo "\n\t Error saving Data\n";
    else echo "\n\t Data Save\n";
}
else {

?> 

<!-- Load Jquery -->

<script language="JavaScript" type="text/javascript" src="jquery-1.10.1.min.js"></script>

<!-- Load Google Maps Api -->

<!-- IMPORTANT: change the API v3 key -->

<script src="http://maps.googleapis.com/maps/api/js?key=?????????"></script>

"> 

<!-- Initialize Map and markers -->

<script type="text/javascript">
    var myCenter=new google.maps.LatLng(25.10045,55.17805);
    var marker;
    var map;
    var mapProp;

    function initialize()
    {
        mapProp = {
          center:myCenter,
          zoom:15,
          mapTypeId:google.maps.MapTypeId.ROADMAP
          };
        setInterval('mark()',5000);
    }



    function mark()
    {
        map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
        var file = "gps.txt";

        $.get(file, function(txt) { 
            var lines = txt.split("\n");

            for (var i=0;i<lines.length;i++){

                console.log(lines[i]);
                var words=lines[i].split(",");

                if ((words[0]!="")&&(words[1]!="")){

                    marker=new google.maps.Marker({
                          position:new google.maps.LatLng(words[0],words[1]),
                          });
                    marker.setMap(map);
                    map.setCenter(new google.maps.LatLng(words[0],words[1]));

                }
            }
            marker.setAnimation(google.maps.Animation.BOUNCE);
        });

    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>


    <!-- Draw information table and Google Maps div -->

    <div>
        <center><br />
            <b> SIM908 GPS position DEMO </b><br /><br />
            <div id="superior" style="width:800px;border:1px solid">
                <table style="width:100%">
                    <tr>
                        <td>Time</td>
                        <td>Satellites</td>
                        <td>Speed OTG</td>
                        <td>Course</td>
                                                    <td>lat</td>
                    </tr>
                    <tr>
                        <td id="time">'. date("Y M d - H:m") .'</td>
                        <td id="sat"></td>
                        <td id="speed"></td>
                        <td id="course"></td>
                                                     <td id="latitude"></td>
                    </tr>
            </table>
            </div>
            <br /><br />
            <div id="googleMap" style="width:800px;height:700px;"></div>
        </center>
    </div>';
?>

...