2016-05-24 14 views
1

Okay, ich denke, diese Frage wurde schon viele Male gepostet, aber ich kann das einfach nicht zur Arbeit bringen.Wie besucht man die Seite, die auf localhost von android deivice im selben Netzwerk gehostet wird?

Ich habe einfach hugo Website, die auf localhost gehostet wird (ich verwende hugo server). Jetzt möchte ich diese Seite auf meinem Android-Gerät anzeigen. Um meine IPv4-IP-Adresse zu sehen, klicke ich auf das Internet-Icon und wähle "Informationen zur Verbindung". Dann öffne ich einen Adroid-Browser und gehe zu der Adresse: http://<ip address>:<hugo port>, aber ich habe einen Fehler: "Server abgelehnt Verbindung". Meine Beispiel-IP-Adresse ist so etwas wie: 192.168.1.5

Ich habe es mit Windows arbeiten, aber kann einfach nicht mit Linux arbeiten.

Antwort

2

Sie sollen Server-IP auf 0.0.0.0 ändern zu einem Netzwerk

Wie hugo server --bind="0.0.0.0"

+0

fantastisch! Danke – Eggy

+0

Und dann im Browser, verwenden Sie 'http: // localhost: ' oder 'http://127.0.0.1: ' anstelle von 'http: // : ' –

0

Die akzeptierte die Antwort ist in Ordnung, zu entlarven, sondern nur für den Grund baut. Wenn Sie mehr Kontrolle über den Workflow wollen, zum Beispiel:

  • für einen virtuellen Server mit Ihrer Website Test Hugo von selbst zu öffnen automagically wenn Build fertig
  • der Lage sein für Veränderungen auf JS zu sehen, SCSS, .md ist - und nur entsprechende Aufgabe ausführen, dann Live-Update der virtuelle Server
  • um alle Geräte sofort
  • und viele andere Dinge zu bewegen,

Sie müssen aufhören, Hugo integrierten virtuellen Server zu verwenden, und Hugo nur verwenden, um die Website zu bauen. Das heißt, benutzen Sie Hugo nur, um den public Ordner zu erzeugen, das ist es.

Um das zu erreichen, müssen Sie eine Aufgabe Läufer einzurichten: Grunt, Gulp oder einfach npm Skripte definieren. Ich benutze letztere, ich passte npm-build-boilerplate als Rückgrat an und machte es Hugo-generierten public Ordner als Quelle für virtuellen Server zu verwenden.

Sobald Sie es installieren, können Sie UI Zugriff sowohl lokal oder extern als auch Back-End-config-Seite auch, lokal oder extern,

------------------------------------- 
     Local: http://localhost:3000 
    External: http://192.168.1.65:3000 
------------------------------------- 
     UI: http://localhost:3001 
UI External: http://192.168.1.65:3001 
------------------------------------- 

Dies ist dank erstaunlich browser-sync npm Bibliothek, die ist vorgenannten vorformulierten integriert in, mehr unter https://www.browsersync.io/

0

Ihr android-Handy Bedürfnisse auf dem gleichen Netzwerk wie der localhost