Anzeigen der localhost-Website vom Mobilgerät aus


75

Ich habe eine ASP.NetWebsite auf meinem gehostet Win8's localhost, die Website scheint wie erwartet auf dem Desktop zu laufen, aber jetzt möchte ich auch die Website der Website auf einem mobilen Gerät testen, um zu überprüfen, wie sie gerendert wird

Gibt es sowieso ich kann von meinem mobilen Gerät auf die Website zugreifen

Mein Mobilgerät und mein Desktop-Computer sind über einen Router mit demselben Netzwerk verbunden.

Hier sind die Details meiner Maschine und meines Routers.

  1. Auf dem Computer ist Win8 Pro installiert, auf dem IIS 8.0.9200.16384 ausgeführt wird
  2. Der Router ist TP-Link Basic mit 150 Mbit / s.
  3. Gerät ist Karbonn A15, Android - 4.0.4 (ICS)

Kann mir jemand sagen, wie ich mein mobiles Gerät mit der localhost-Website verbinden kann?


Angenommen, der Desktop verfügt über eine Netzwerk-IP-Adresse: Fügen Sie 147.102.1.1dann die IIS-Bindungen für diese IP hinzu und rufen Sie sie vom mobilen Browser-Telefon aus auf.
Aristos

Wenn es Ihnen nichts ausmacht, können Sie bitte Schritt für Schritt Anweisungen geben. Ich bin ein absoluter Neuling im Netzwerk. Meine Computer-IP ist 192.168.0.102
Abbas

Antworten:


120

Um die localhost-Website vom Mobilgerät aus anzuzeigen, müssen Sie die folgenden Schritte ausführen:

  • Auf Ihrem Computer müssen Sie Ihre IP-Adresse abrufen (Ausführen> cmd> ipconfig).
  • Wenn Ihr lokaler Host einen bestimmten Port verwendet (z. B. localhost: 12345), müssen Sie den Port auf Ihrem Computer öffnen (Systemsteuerung> System und Sicherheit> Firewall> Erweiterte Einstellungen und eingehende Regel hinzufügen).
  • Schließlich können Sie vom Mobilgerät aus auf Ihre Website zugreifen, indem Sie zu folgender Adresse navigieren: http: //192.168.XX: 12345 /

Ich hoffe es hilft


3
Vielen Dank Joffrey, es hat wie ein Zauber funktioniert, vielen Dank für Ihre Hilfe, möge Gott Sie segnen
Abbas

2
Hallo @Joffrey Kern, jetzt habe ich Windows 7 installiert und die Restkonfiguration ist dieselbe. Ich kann keine Verbindung zu meiner Website über das Handy herstellen. Können Sie mir bitte dabei helfen?
Abbas

12
Können Sie uns etwas mehr über die Schritte zum Hinzufügen der Eingangsregel erzählen?
Marco

2
funktioniert super, danke. Bearbeiten Sie für xampp-Benutzer einfach die Datei httpd-xampp.conf, indem Sie die letzten 4 Zeilen auskommentieren, die mit "<LocationMatch" beginnen. ^ / (? i :(?: xampp | security | licenses | phpmyadmin | webalizer | server-status | server -info)) ">"
luke_mclachlan

1
Ich dachte, wir müssen eine Live-Routine und eine Live-IP einrichten. OMG, es war schwierig. Wenn Sie im selben WLAN sind, ist dies Magie. Vielen Dank
Moxet Khan

25

Eine der einfachsten Möglichkeiten, remote auf die lokale ASP.net-Website zuzugreifen, ohne neue Regeln zur Firewall hinzuzufügen, ist die Verwendung dieser Visual Studio-Erweiterung:

Conveyor von Keyoti (Visual Studio-Erweiterung)

Einfach installieren. Jedes Mal, wenn Sie Ihr Projekt ausführen, wird eine URL angezeigt, die für den Remotezugriff verwendet werden kann. Keine weitere Konfiguration erforderlich.

Geben Sie hier die Bildbeschreibung ein


1
Wirklich schönes Werkzeug :)
Rushabh Master

1
Was ist der Vorteil der Verwendung von Conveyor gegenüber dem einfachen Hinzufügen einer Regel zur Firewall? Zum Einrichten von Conveyer müssen Sie der Firewall ohnehin eine Regel hinzufügen.
Rudey

4

Versuchen Sie dies unter https://ngrok.com/docs#expose

Einfach ausführen ngrok 3000, 3000ist die Portnummer, die Sie dem Internet zugänglich machen möchten. Sie können die Portnummer, die Sie verfügbar machen möchten, für Rails 3000 eingeben. Dadurch wird Ihr lokaler Host zum Internet getunnelt und Sie können Ihren lokalen Host von überall aus anzeigen


1
Wenn sich beide Geräte im lokalen Netzwerk befinden, können Sie normalerweise auch über eine Verbindung auf die Site zugreifen http://<local ip>:<portnumber>. Können Sie auch erklären, auf welche URL / IP-Adresse der Benutzer zugreifen sollte, um seine Site zu erreichen, und ob eine Firewall ein Problem mit ngrok darstellen könnte oder nicht?
Buurman

4

Eine weitere Option ist http://localtunnel.me/, wenn Sie NodeJS ausführen

npm install -g localtunnel

Starten Sie einen Webserver an einem beliebigen lokalen Port wie 8080 und erstellen Sie einen Tunnel zu diesem Port:

lt -p 8080

Dadurch wird eine öffentliche URL für Ihren lokalen Host unter dem Zufallsnamen .localtunnel.me zurückgegeben. Sie können Ihre eigene Subdomain anfordern, wenn diese verfügbar ist:

lt -p 8080 -s myname

Das wird meinen Namen .localtunnel.me zurückgeben


Dies ist ein großartiges Tool, aber ich bekomme viele Timeouts damit.
Pixel 67


2

Öffnen Sie zunächst die Datei applicationhost.config in Visual Studio. Adresse >>C:\Users\Your User Name\Documents\IISExpress\config\applicationhost.config

Dann finden Sie diese Codes:

<site name="Your Site_Name" id="24">
        <application path="/" applicationPool="Clr4IntegratedAppPool"
        <virtualDirectory path="/" physicalPath="C:\Users\Your User         Name\Documents\Visual Studio 2013\Projects\Your Site Name" />
        </application>
         <bindings>      
           <binding protocol="http" bindingInformation="*:Port_Number:*" />
         </bindings>
   </site>

*) Port_Number: Während Ihre Site in IIS Express auf Ihrem Computer ausgeführt wird, wird die Portnummer in der Adressleiste Ihres Browsers wie folgt angezeigt: localhost: port_number / ... Wenn Sie diese Datei bearbeiten, speichern Sie sie.

Im zweiten Schritt müssen Sie cmd als Administrator ausführen url=http://*:port_Number/ user=everyone und den folgenden Code eingeben: netsh http add urlacl und drücken Sie die Eingabetaste

Im dritten Schritt müssen Sie den Port auf der Firewall aktivieren

Go to the “Control Panel\System and Security\Windows Firewall”

Click “Advanced settings”

Select “Inbound Rules”

Click onNew Rule …” button

Select “Port”, click “Next”

Fill your IIS Express listening port number, click “NextSelectAllow the connection”, click “NextCheck where you would like allow connection to IIS Express (Domain,Private, Public), click “Next”

Fill rule name (e.g “IIS Express), click “Finish

Ich hoffe, diese Antwort ist nützlich für Sie

Update für Visual Studio 2015 unter folgendem Link: https://johan.driessen.se/posts/Accessing-an-IIS-Express-site-from-a-remote-computer


2

Hier ist, wie ich es mit den folgenden Schritten geschafft habe, dass es für VS 2015 unter Windows 10 Pro funktioniert. Es funktioniert sowohl für http- als auch für https-Websites. (Im folgenden Beispiel wird davon ausgegangen, dass Ihre IP-Adresse 192.168.1.15 und Ihre Portnummer 12345 lautet.)

  1. Öffnen Sie die Projektkonfigurationsdatei unter / {Projektordner} /. Vs / config / applicationhost.config und fügen Sie <binding>wie unten gezeigt eine neue Bindungsadresse im Abschnitt hinzu (eine Bindung für localhost ist bereits vorhanden. Kopieren Sie einfach dieselbe Zeile, fügen Sie sie ein und ersetzen Sie localhost durch Ihre IP-Adresse)
    <bindings>     
       <binding protocol="http" bindingInformation="*:12345:localhost" />          
       <binding protocol="http" bindingInformation="*:12345:192.168.1.15" />  
    </bindings>
  1. Öffnen Sie als Administrator das Eingabeaufforderungsfenster und führen Sie den folgenden Befehl aus.
    netsh http add urlacl url=http://192.168.1.15:12345/ user=everyone
  1. Öffnen Sie "Windows Defender Firewall und erweiterte Sicherheit", wählen Sie "Eingehende Regeln", klicken Sie auf "Neue Regel ...", wählen Sie "Port", fügen Sie den TCP-Port 12345 hinzu und klicken Sie auf "Weiter", um den Vorgang abzuschließen.

  2. Klicken Sie mit der rechten Maustaste auf die Visual Studio-Verknüpfung und wählen Sie "Als Administrator ausführen". Öffnen Sie dann Ihr Projekt und drücken Sie Strg + F5, um die Website zu öffnen.

  3. Ersetzen Sie localhost in der Adressleiste des Browsers durch 192.168.1.15 und drücken Sie die Eingabetaste, um Ihre Website mit der neuen Adresse neu zu laden. Jetzt sollten Sie auch von Ihrem mobilen Browser aus mit derselben Adresse auf die Website zugreifen können, solange diese mit demselben WLAN verbunden ist.

Wenn es nicht funktioniert, stellen Sie sicher, dass Visual Studio als Administrator ausgeführt wird. (Schritt 4)


0

Außerdem sollten Sie Ihr Antivirenprogramm deaktivieren oder verwalten, um den 80-Port Ihres Systems zu öffnen.


0

Kennen Sie Ihre Host-IP-Adresse auf Ihrem LAN? Öffnen Sie cmd und geben Sie ipconfig ein. Wenn xampp der Standard-Listen-Port 80 ist. Wenn beispielsweise 10.0.0.5 Ihre Host-IP-Adresse ist, geben Sie 10.0.0.5:80 im Webbrowser Ihres Mobiltelefons ein. Stellen Sie dies sicher Beide sind mit demselben LAN verbunden. Der Standardport, den die Webadresse versucht, ist jedoch 80.


0

Sie können das Problem lösen, indem Sie die 'Förderband'-Bibliothek von Erweiterungen herunterladen und in Visual Studio aktualisieren.

Sie können von anderen Geräten aus darauf zugreifen.

  • Öffnen Sie Visual Studio

  • Extras> Erweiterungen und Updates

  • Online> Visual Studio Marketplace

  • Suche 'Förderer'
  • Laden Sie diese Erweiterung herunter und installieren Sie sie

Wenn Sie die API starten, können Sie von anderen Geräten aus darauf zugreifen. Dieses Plugin erstellt einen Link von Ihrer eigenen IP-Adresse.

Beispiel: https: // youripadress: 5000 / api / values


0

Ein sehr einfacher Weg.

  1. Gehen Sie zu CMD und geben Sie Folgendes ohne '$' ein und wählen Sie einen Namen als Ihren HotspotNameund ein Passwort als Ihren HotspotPassword.

    $ netsh wlan set hostednetwork mode=HotspotName key=HotspotPassword

    $ netsh wlan start hostednetwork

  2. Verbinden Sie Ihr Telefon mit dem WiFi und erkunden Sie die Netzwerkinformationen. Erhalten Gateway addressSie eine IP-Adresse.

  3. Geben Sie die Gateway-Adresse in die Chrome-URL-Leiste ein und Sie sind gut

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.