Visualizzazione delle modifiche locali al sito Web su un dispositivo separato

0

Sto cercando di capire come fare qualcosa, e non riesco proprio a farlo funzionare. Lasciatemi descrivere la situazione:

Usando un file hosts, reindirizziamo le risorse (CSS / JS / etc) di un sito web, diciamo blah.website.com , alla nostra macchina locale 127.0.0.1 .

Quindi possiamo fare qualche sviluppo su qualsiasi JS / CSS / etc sul nostro computer locale. Diciamo che l'unica modifica che facciamo è rendere background: green; .

Questo ci permette di vedere le nostre modifiche al sito web, blah.website.com senza scherzare con la vista di chiunque altro. Solo il nostro computer può vedere lo sfondo verde quando andiamo a blah.website.com ; se qualcun altro ci va, non lo vedono. Ad esempio, se una risorsa, the.css sul sito web si trova a blah.website.com/the.css , possiamo avere la nostra versione di the.css sul nostro computer locale da qualche parte ( 127.0.0.1 ) che viene caricata invece (supponendo che io abbia impostato gli host correttamente, che ho).

Ecco dove arriva il mio problema: voglio poter vedere queste modifiche su altri dispositivi, come un telefono. Cioè, quando vado su blah.website.com su un dispositivo diverso, come il mio telefono, voglio vedere lo sfondo verde. Tieni presente che voglio senza modificare i file su blah.website.com .

Come posso fare questo? (Nota: Devo sviluppare su OSX: P)

Passi che ho seguito: Ho provato a condividere internet con il telefono (avere il mio portatile che trasmette WiFi a cui è possibile connettere il mio telefono), tuttavia, nonostante il portatile sia in grado di vedere lo sfondo verde, il mio telefono non può. Sembra che il telefono ignori il file hosts sul laptop, anche se il laptop è quello che fornisce internet.

Grazie a tutti:)

Modifica

Inoltre, vorrei chiarire:

Solo la nostra macchina locale (diciamo il nostro portatile) ha le modifiche. Il server e il secondo dispositivo (diciamo il nostro telefono) non hanno le modifiche. Idealmente, non è necessario apportare modifiche al secondo dispositivo (ad es. Il file host del secondo dispositivo) in modo che possa vedere lo sfondo verde. Ovvero, il secondo dispositivo dovrebbe semplicemente connettersi al laptop o qualcosa di simile ed essere in grado di vedere anche i cambiamenti.

    
posta large hat 28.07.2016 - 17:48
fonte

1 risposta

1

Ho trovato una soluzione al problema.

In primo luogo, si imposta una connessione Internet condivisa (ciò è possibile nelle impostazioni di OS X e so che Windows ha una soluzione simile). L'internet condiviso consente al telefono di connettersi al laptop come se fosse un router Wi-Fi.

Dopo questo, usi brew per installare dnsmasq , e puoi specificare domini su cui puoi forzare un indirizzo IP nel suo file di configurazione, dnsmasq.conf . Qui, ho forzato i domini relativi al server di sviluppo ( blah.website.com ) a quello del computer locale. L'indirizzo IP del computer locale era proprio come un router, 192.168.2.1 . Inoltre, è necessario specificare un file hosts (non sono sicuro se ciò è necessario, ma se non lo faccio, non funziona) che ha anche indirizzato i domini del server di sviluppo al computer locale ( 192.168.2.1 ).

Una volta connesso al laptop tramite un secondo dispositivo, puoi visitare blah.website.com e mostrerà le modifiche apportate al sito web.

Non sono sicuro che dnsmasq sia disponibile per i sistemi Windows, poiché devi compilare dnsmasq o usare qualcosa come brew o apt-get per installarlo. Probabilmente potresti semplicemente usare cygwin o qualcosa;)

    
risposta data 28.07.2016 - 22:18
fonte

Leggi altre domande sui tag