2016-12-08 2 views
0

Haben Sie jemanden gefunden, wie man einen ähnlichen Webserver als Standard IoT Core one erstellt? Das ähnlichste Beispiel ist this, aber wenn ich versuche, etwas Javascript in die Seite einzufügen, wird nicht erkannt. Im Standard-Webserver des IoT Core gibt es viele js und jQuery Skripte, die sehr gut laufen. Jemand hat Ideen, bitte? Vielen DankWindows IoT Core auf Raspberry PI Standard-Webserver

Antwort

1

Basierend auf this Beispiel, können Sie eine HTML-Datei zu Ihrem Projekt hinzufügen und verwenden Sie diese HTML-Datei hosten Sie den Inhalt der Webseite, dann fügen Sie etwas Javascript in es.

HTML-Datei:

<!DOCTYPE html> 

<html> 
<head> 
    <title>Background Message</title> 
</head> 
<body> 
    Hello from the background process!<br /> 
    <script type="text/javascript"> 
    var myVariable = 'Hello, I come from script!'; 
    window.alert(myVariable); 
    </script> 
</body> 
</html> 

Sie müssen bearbeiten Teil des Codes wie folgt aus:

    using (var response = output.AsStreamForWrite()) 
        { 
         string page = ""; 

         var folder = Windows.ApplicationModel.Package.Current.InstalledLocation; 
         var file = await folder.GetFileAsync("index.html"); 
         var readFile = await Windows.Storage.FileIO.ReadLinesAsync(file); 
         foreach (var line in readFile) 
         { 
          page += line; 
         } 
         page += query; 

         byte[] bodyArray = Encoding.UTF8.GetBytes(page); 
         var bodyStream = new MemoryStream(bodyArray); 

         var header = "HTTP/1.1 200 OK\r\n" + 
         $"Content-Length: {bodyStream.Length}\r\n" + 
         "Connection: close\r\n\r\n"; 
         byte[] headerArray = Encoding.UTF8.GetBytes(header); 

         await response.WriteAsync(headerArray, 0, headerArray.Length); 
         await bodyStream.CopyToAsync(response); 
         await response.FlushAsync(); 
        } 

Nach Ihrer App Raspberry Pi bereitstellen, während die App läuft, können Sie den Web-Server besuchen. Das Ergebnis wird wie folgt aussehen:

enter image description here

Verwandte Themen