Front-End npm überall und npm jetzt Webseite, echte Maschinentests jederzeit

1. Einleitung

• anywherenowUnterschied mit

  Bei beiden handelt es sich um Frontend-Schnittstellen, die nicht auf den Server hochgeladen werden und auch auf einer physischen Maschine entwickelt und getestet werden können.

  anywhereVerschiedene Netzwerksegmente führen dazu, dass das mobile Endgerät nicht darauf zugreifen kann. nowEs gibt jedoch kein solches Problem, aber es unterstützt Echtzeitaktualisierungen, und Probleme mit Nicht-Netzwerksegmenten sind hervorragend, und dies kann in Zukunft optimiert werden.

  nowDer Vorteil besteht darin, dass es nicht vom Netzwerksegment gesteuert wird und über das Datennetzwerk darauf zugegriffen werden kann, aber nicht in Echtzeit aktualisiert werden kann. Bei jedem Update müssen Sie es erneut eingeben und dann die neue URL eingeben, die von auf dem Mobiltelefon generiert nowwurde now.

zwei,anywhere

• anywhereEs handelt sich um einen Node.jsstatischen Dateiserver, der für die lokale Entwicklung und das Debuggen sowie für die Anzeige von Seiten und andere Szenarien verwendet werden kann.

• Installieren

  $ npm i -g anywhere 
  

• verwenden

  1. Geben Sie das Verzeichnis ein, in dem der lokale Dienst gestartet werden muss (zum Beispiel: dist)

  $ cd my-project/dist
  

  2. Geben Sie in diesem Verzeichnis den folgenden Befehl ein, um den Dienst zu starten

  # 默认端口为 8000
  $ anywhere
  
  # 指定端口
  $ anywhere -p 8080
  
  # 指定端口与主机名
  $ anywhere -h localhost -p 8080
  

  3. Besuchen Sie http://localhost:8080 (oder die angegebene Portnummer), um auf die Seite zuzugreifen

• erweiterte Nutzung

  1. Benutzerdefiniertes Routing

  anywhereSie können die Zuordnungsbeziehung anpassen, indem Sie Routen konfigurieren URL. Erstellen Sie eine Datei mit dem Namen in dem Verzeichnis, in dem Sie die Route anpassen müssen routes.json. Das Format ist wie folgt:

  {
        
        
    "/api": {
        
        
      "target": "http://localhost:3000"
    }
  }
  

  Dabei "/api"stellt URL pathdie "target"Adresse dar, der zugeordnet wird. Auf diese Weise wird beim Zugriff auf http://localhost:8080/api im Browser automatisch an http://localhost:3000 weitergeleitet .

  2. HTTPSUnterstützung

  anywhereUnterstützt die Verwendung HTTPSzum Starten des Dienstes. Die Zertifikatsdatei und die private Schlüsseldatei müssen in der Befehlszeile angegeben werden:

  $ anywhere --ssl-cert=path/to/cert.pem --ssl-key=path/to/key.pem
  

  3. Domainübergreifende Unterstützung

  Beim Debuggen APIeiner Schnittstelle ist es oft notwendig, domänenübergreifend auf die Schnittstelle zuzugreifen. Access-Control-Allow-OriginEine domänenübergreifende Unterstützung kann durch Festlegen des Headers erreicht werden . Erstellen Sie eine Datei mit dem Namen unter dem Verzeichnis, das domänenübergreifenden Zugriff erfordert .htaccess, und geben Sie den folgenden Inhalt ein:

  Header set Access-Control-Allow-Origin "*"
  Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"
  

drei,now

• Das Ganze anywhereähnelt der Verwendung.

• Installieren

  $ npm i -g now 
  

• verwenden

  1. Geben Sie das Verzeichnis ein, in dem der lokale Dienst gestartet werden muss (zum Beispiel: dist)

  $ cd my-project/dist
  

  2. Geben Sie in diesem Verzeichnis den folgenden Befehl ein, um den Dienst zu starten

  $ now
  
  # 指定端口
  $ now -p 8080
  
  # 指定端口与主机名
  $ now -h localhost -p 8080
  

  3. Besuchen Sie http://localhost:8080 (oder die angegebene Portnummer), um auf die Seite zuzugreifen