कल डिस्कॉर चैट पर हमने इस बारे में चर्चा की थी, और जाहिर है कि केवल स्थानीय आईपी को बाध्य करना एक डिजाइन निर्णय है। मेरी राय यह भी है कि Gatsby को अन्य बिल्ड टूल्स (create-react-app या Meteor) की तरह व्यवहार करना चाहिए और एक विकास सर्वर होना चाहिए जो नेटवर्क सुलभ हो।

_httpteapot_:
क्या गैट्सबी विकसित होता है (v1 या v2) एक बंदरगाह को बांध सकता है ताकि $ MY_COMPUTER_IP: 8000 का उपयोग कर स्थानीय नेटवर्क से इसकी पहुंच हो सके?
उदाहरण के लिए create-react-app की तरह

_ghardin137_
केवल विकास के दौरान या "गैट्सबी सर्व" के साथ

_httpteapot_
मैं विकास के दौरान उस सुविधा में रुचि रखता हूं, लेकिन गैट्सबी विकसित नेटवर्क सुलभ पोर्ट नहीं खोलता है
(जब तक समस्या कुछ और न हो)

_LekoArts_
जैसे devip (npm पैकेज) के साथ अपना स्थानीय आईपी प्राप्त करें और फिर -H $ yourIP $ -p $ YourPORT $ का उपयोग करें

_ghardin137_
डिफ़ॉल्ट रूप से यह 0.0.0.0 पर सुनता है
जो कुछ भी होगा
तो यह नेटवर्क के लिए सुलभ होना चाहिए

_httpteapot_
हम इसलिए काम करने वाले हैं, क्योंकि मैंने कई मौकों पर कई नेटवर्क पर कोशिश की है और मैं कभी भी अपने नेटवर्क से अलग डिवाइस से डेवलपमेंट सर्वर से कनेक्ट नहीं कर पाया।

_ghardin137_
मैं इसे असली कोशिश कर सकते हैं, लेकिन मुझे पूरा यकीन है कि यह काम करता है

_httpteapot_
और यह हमेशा create-react-app और अन्य टूल पर काम कर रहा था

_LekoArts_
इसने भी कभी मेरे लिए काम नहीं किया। इसलिए मैं -एच ध्वज का उपयोग करता हूं

_httpteapot_
मैं linux पर हूँ

_LekoArts_
विंडोज़ 10 यहाँ

_ghardin137_
मेरे लिए यहां 10 जीत पर अच्छा काम करना

_httpteapot_
मैं -H ध्वज से परिचित नहीं हूं, मुझे इसे किस कमांड से जोड़ना चाहिए?

_LekoArts_
gatsby विकसित -H% YourIP $

_ghardin137_
रुको मैं सेवा मोड में था
विकास केवल स्थानीय है

_httpteapot_
अच्छा है कि यह प्रतिलिपि प्रस्तुत करने योग्य है: स्माइली:
और -एच झंडा वास्तव में काम कर रहा है

_ghardin137_
हाँ तो gatsby निर्माण तो gatsby सेवा काम करता है: स्माइली:

_httpteapot_
लेकिन मेरा उपयोग मामला मेरे मोबाइल फोन पर विकास मोड और परीक्षण है
मुझे लगता है कि बहुत आम है

_LekoArts_
चूंकि BrowserSync, हाँ

_ghardin137_
हाँ

_httpteapot_
क्या मुझे गैट्सबी रेपो पर एक मुद्दा खोलना चाहिए?

_ghardin137_
मुझे लगता है कि यह उद्देश्य के रूप में काम कर रहा है, लेकिन उस ध्वज का दस्तावेज होना उपयोगी होगा

_httpteapot_
अच्छा तो एक सुविधा का अनुरोध खोलें
मुझे लगता है कि जिस तरह से उल्का + क्रिएट-रिएक्शन-ऐप काम करता है वह अधिक सहज है

_ghardin137_
https://github.com/gatsbyjs/gatsby/issues/561

_ [गैज़िन] जिओइडी_
@LekoArts -H झंडा चाल के लिए Thx: मामूली_समझना:

_ghardin137_
यदि आप एक पीआर में रखना चाहते हैं तो डॉक्स को अपडेट करने के लिए उस जानकारी के साथ, मुझे यकीन है कि वे उस के लिए खुले होंगे: स्माइली:

_LekoArts_
https://www.gatsbyjs.org/docs/

_ghardin137_
शायद विकल्पों की पूरी सूची वहाँ भी चोट नहीं पहुंचेगी: स्माइली:

_LekoArts_
मैंने एक बार उसके लिए एक पीआर किया था
उन्हें यह पसंद नहीं आया

_ghardin137_
लेकिन यह कहता है कि विकास केवल लोकलहोस्ट पर है
इतना समझ में आता है

आप gatsby develop -H 0.0.0.0 भी उपयोग कर सकते हैं

धन्यवाद, @mquandalle

कृपया हमारे भविष्य के कार्यों / चर्चाओं में ध्यान दें कि gatsby develop -H 192.168.1.100 -p 8000 (मैं MacOS का उपयोग कर रहा हूँ) का उपयोग एचएमआर हॉट रिफ्रेश को काम करने से रोकने के लिए लगता है (कम से कम मेरे प्रयासों से इस प्रकार)।

आप किन उपकरणों का उपयोग कर रहे हैं? HMR अभी भी मेरे लिए काम करता है। FWIW मैं मैक और iPhone का उपयोग कर रहा हूं, शायद वे एक दूसरे से बेहतर 😄 बात करते हैं

नमस्ते फिर से, @ryanditjia : मुस्कान:

आपके सहयोग के लिए धन्यवाद।

मैं MacOS पर सर्वर चला रहा हूं, और क्रोम, फ़ायरफ़ॉक्स और सफारी का उपयोग करके उसी मशीन पर दी जा रही साइट तक पहुँच सकता हूं। स्थानीय LAN से मेरे अन्य डिवाइस iOS और Android दोनों हैं।

सटीक होना:

मैं यार्न का उपयोग कर रहा हूं

मेरे पास package.json भाग के रूप में निम्नलिखित स्क्रिप्ट प्रविष्टि है:

"scripts": {
    "build": "gatsby build",
    "dev": "gatsby develop",
    "dev-m": "gatsby develop -H 0.0.0.0 -p 8000",
    "test": "echo \"Error: no test specified\" && exit 1"
  },

जब मैं yarn dev चलाता हूं, तो मैं केवल साइट से वर्तमान में सेवारत मशीन से http://localhost:8000 का उपयोग करके स्थानीय रूप से साइट तक पहुंच सकता हूं। HMR ठीक काम करता है

जब मैं yarn dev-m चलाता हूं, तो मैं अपने स्थानीय LAN पर अन्य उपकरणों से साइट का उपयोग कर सकता हूं, http://192.168.1.10:8000 (सर्वर का आईपी) का उपयोग करके, लेकिन HMR स्वचालित रूप से परिवर्तनों को ताज़ा नहीं करता है।

यदि HMR वास्तव में आपके सेटअप पर काम कर रहा है, तो मुझे आपके सेटअप पर आपके द्वारा किए जा सकने वाले किसी और विवरण में दिलचस्पी होगी।

सच कहूँ, मैं @mquandalle से सहमत create-react-app और Meteor तरह थोड़ा और काम करना चाहिए, लेकिन जैसा कि उसने कहा - यह एक डिज़ाइन निर्णय है।

मैंने एक खाली गैट्सबी डिफ़ॉल्ट स्टार्टर बनाने की कोशिश की और यहाँ मेरे निष्कर्ष हैं:

HMR पूरी तरह से काम कर रहा है

• gatsby develop -H $HOSTNAME -p 8000
  यह कई मशीनों के साथ काम करने वाले लोगों के लिए सबसे अच्छा काम करता है क्योंकि इसका होस्टनाम गतिशील है।
  जैसे: नाम-आईमैक। स्थानीय: 8000 और नाम-मैकबुक। स्थानीय: 8000 (मैं अपने मोबाइल डिवाइस पर इन 2 पतों को एक्सेस करने में आसानी के लिए बुकमार्क करता हूं)
• gatsby develop -H 192.168.1.105 -p 8000
  IP को हार्डकोड करना बहुत ही सुंदर या लचीला नहीं है।

HMR आंशिक रूप से काम कर रहा है

• gatsby develop -H 0.0.0.0 -p 8000
  सर्वर का आईपी डायनेमिक है। मेरे मामले में, 192.168.1.105:8000।
  एचएमआर मशीन के लिए काम करता है (दोनों 0.0.0.0:8000 और 192.168.1.105:8000); लेकिन नेटवर्क उपकरणों के लिए नहीं है।

क्या आप अनुभव कर सकते हैं कि क्या आप भी ऐसा ही अनुभव कर रहे हैं?

विस्तृत प्रतिक्रिया के लिए धन्यवाद, @ryanditjia

यहाँ मैं यहाँ हूँ:

• दोनों gatsby develop -H $HOSTNAME -p 8000 और gatsby develop -H 192.168.1.105 -p 8000 क्रमशः होस्टनाम और आईपी पते के माध्यम से होस्टनाम द्वारा गैट्सबी और स्थानीय लैन उपकरणों को चलाने वाले सर्वर से पहुंच की अनुमति देते हैं, लेकिन फिर भी मेरे लिए कोई एचएमआर नहीं है।

जब मैं कहता हूं कि एचएमआर काम नहीं कर रहा है, तो मैं एक फाइल में टेक्स्ट बदलने और इसे बचाने का एक सरल परीक्षण कर रहा हूं। कुछ नहीं होता है और ब्राउज़र देव टूल्स में कुछ भी दिखाई नहीं देता है।

यदि, परिवर्तनों को बनाने और सहेजने के बाद, मैं Gatsby सर्वर से CTRL-C हूं, तो ब्राउज़र देव टूल्स कंसोल में निम्न चेतावनी प्रदर्शित होती है।

Update check failed: Error: Manifest request to http://server.local:8000/5bd5e2fb7d66e8b025f1.hot-update.json timed out. process-update.js:136
    at XMLHttpRequest.request.onreadystatechange (http://server.local:8000/commons.js:34:23)

• gatsby-develop बिना किसी पैरामीटर के केवल उस मशीन पर पहुंच की अनुमति देता है जहां Gatsby dev सर्वर चल रहा है और स्थानीय लैन पर अन्य उपकरणों से नहीं। फ़ाइल में परिवर्तनों को सहेजने के कारण किसी भी संकलन के तुरंत बाद HMR अपडेट होता है।

वह अजीब है। क्या आपने एक साफ गैट्सबी स्टार्टर पर यह कोशिश की है?

अजीब वास्तव में, @ryanditjia : भ्रमित:

एक स्वच्छता जांच के रूप में, मैंने gatsby new gatsby-blog https://github.com/gatsbyjs/gatsby-starter-blog का उपयोग करते हुए, एक ताज़ा डाउनलोड और इंस्टॉल किया। अफसोस की बात है कि मेरे परिणाम पहले जैसे ही हैं।

बस gatsby new gatsby-example-site साथ एक ही चीज़ की कोशिश की और अभी भी कोई स्वचालित ताज़ा नहीं है।

रिकॉर्ड के लिए, मेरा गैट्सबी क्लाइंट संस्करण 1.1.58 है, लेकिन मेरे पास 1.1.52 पर एक ही मुद्दा था

मुझे @ryanditjia जैसा ही परिणाम मिला।

gatsby 1.1.58 ( gatsby-starter-forty साथ परीक्षण किया गया)
एनपीएम 6.3.0
नोड 8.11.3
ubuntu 16

समस्या: एचएमआर केवल एक हार्डकोड आईपी का उपयोग करते समय काम करता है

हार्डिकोडेड समाधान जो gatsby develop --host 192.168.0.18 --port 8000 ) मेरे लिए बहुत अच्छा काम किया क्योंकि मैं इसे HMR के साथ अन्य उपकरणों पर एक्सेस कर सकता हूं।

एक चेतावनी है (कि मैं पूरी तरह से साथ रह सकता हूं): मैं अपनी मशीन पर localhost:8000 माध्यम से इसका उपयोग नहीं कर सकता। इसके बजाय मुझे 192.168.0.18:8000 या My-Mac.local:8000 ।

जब मैंने देखा है कि बड़ी समस्या यह है कि मेरे पास हमेशा एक ही स्थानीय आईपी नहीं है जब मैं नेटवर्क से जुड़ता हूं और इसका मतलब है कि मुझे लगातार अपने package.json में हार्डकोड आईपी को बदलना होगा।

समाधान: गतिशील रूप से आईपी प्राप्त करें

मैं अपने स्थानीय आईपी को गतिशील रूप से प्राप्त करने और --host लिए एक मूल्य के रूप में उपयोग करने का एक तरीका चाहता था और आखिरकार मैं इसे काम करने में अपना रास्ता हैक करने में कामयाब रहा। मेरे package.json :

{
  "scripts": {
    "develop": "gatsby develop --host $(ifconfig | awk '/inet 192\\.168\\.[0-9]+\\.[0-9]+/{print $2}') --port 8000",
    // ... other scripts
  },
  // ... other package.json stuff
}

मैंने इसे केवल अपनी मशीन (macOS) पर परीक्षण किया है और Gatsby संस्करण 2.0.0-rc.11 कर रहा है इसलिए मुझे नहीं पता कि क्या आप इसे अपने package.json में कॉपी और पेस्ट कर सकते हैं और यह काम कर रहा है। लेकिन यह अपने स्वयं के कस्टम समाधान बनाने में दूसरों की मदद कर सकता है।

कोड की संक्षिप्त व्याख्या

• ifconfig का उपयोग करके मैं अपने नेटवर्क पर जानकारी के साथ पाठ का एक ब्लॉब प्राप्त कर सकता हूं।
• उस बूँद के अंदर मेरे स्थानीय IP के साथ पाठ का यह टुकड़ा है: inet 192.168.0.18 ।
• उस टुकड़े को खोजने के लिए मैं उस पूरे टेक्स्ट को awk पाइप देता हूं और inet 192.168.x.y (जहां x और y खोजने के लिए एक RegEx का उपयोग किसी के साथ बदला जा सकता है नंबर 0 से 999 तक) और आईपी प्रिंट करें।
• उस IP का उपयोग --host gatsby develop स्क्रिप्ट कॉल के लिए किया जाता है।

इसका प्रयोग सीधे कमांड लाइन पर करें

package.json में उपयोग की जाने वाली कमांड में JS / JSON ( अधिक जानकारी ) में बैकस्लैश के एस्केप कैरेक्टर फंक्शन के आसपास काम करने के लिए डबल बैकस्लैश हैं। संक्षेप में, यदि आप इस कोड को कमांड लाइन में आज़माना चाहते हैं, तो निम्नलिखित का उपयोग करें:

gatsby develop --host $(ifconfig | awk '/inet 192\.168\.[0-9]+\.[0-9]+/{print $2}') --port 8000

यदि आप इसे कमांड लाइन पर आज़मा रहे हैं और इसे अपनी ज़रूरतों के हिसाब से बदल रहे हैं, scripts package.json में उपयोग करना चाहते हैं।

लगता है जैसे कुछ बदल गया है! केवल एक चीज जो मेरे लिए काम करती है वह है gatsby develop -H 0.0.0.0 लेकिन मुझे अपने डिवाइस पर HMR नहीं मिलता है।
मैंने बाकी की कोशिश की, लेकिन यह मेरे स्थानीय मशीन या मेरे फोन पर बिल्कुल भी कनेक्ट नहीं है।

संपादित करें: बस मुझे पता चला है कि मेरे पास इस कंप्यूटर पर लार्वालेट वैलेट स्थापित है और शायद यही कारण है कि यह मेरे लिए काम नहीं करता है। मैं इसे gatsby develop --host $(hostname) साथ लगभग काम कर सकता था लेकिन यह केवल स्थानीय रूप से काम करता है, मेरे नेटवर्क पर नहीं।

$HOSTNAME लगभग मेरी मशीनों पर सेट नहीं है। इसलिए मुझे इसकी आवश्यकता है और यह मेरे स्थानीय नेटवर्क उपकरणों पर दोषरहित काम करता है:

gatsby develop -H $(hostname) -p 8000

अब यह मेरा डिफ़ॉल्ट में आदेश सेट विकसित है package.json और के साथ चलाने के yarn develop । महान!

इसे https://github.com/gatsbyjs/gatsby/pull/11227 के माध्यम से तय किया जाना चाहिए

अच्छा लगा! तो किसी अन्य डिवाइस से एक देव स्थल देखने का अनुशंसित तरीका क्या है? क्या यह gatsby develop -H $(hostname) -p 8000 या कोई और तरीका है?

@TylerBarnes आपको gatsby develop -H 0.0.0.0 चलाने में सक्षम होना चाहिए और नेटवर्क पर किसी अन्य डिवाइस पर <IP>:8000 की मशीन को खोलना चाहिए

बहुत बढ़िया, धन्यवाद @sidharthachatterjee!

खिड़कियाँ:
cmd के लिए
for / f "tokens = 4"% i in ('मार्ग प्रिंट ^ | खोज "0.0.0.0"') क्या gatsby का विकास होता है --host% i
में परिवर्तन "करने के लिए"
for / f "tokens = 4"% i in ('मार्ग प्रिंट ^ | खोज "0.0.0.0"') क्या gatsby का विकास होता है --host% i

लिनक्स:
gatsby का विकास --host $ (मार्ग -n | grep ^ 0.0.0.0 | awk '{प्रिंट $ 2}')

MacOS पर, मेरा मानना ​​है कि आपको फ़ाइल शेयरिंग सक्षम ( System Preferences -> Sharing ) की आवश्यकता है।

साथ ही, आपके URL में Computer Name फ़ील्ड का उपयोग किया जा सकता है। उदाहरण के लिए, मेरे कंप्यूटर का नाम kyoto और मैं http://kyoto.local:8000 माध्यम से दूरस्थ रूप से (उसी नेटवर्क पर) अपनी देव साइट तक पहुंचने में सक्षम हूं।

gatsby develop -H 0.0.0.0 अब ठीक काम कर रहा है,

किसी को भी --open विकल्प के साथ यह काम करने का तरीका पता है? Url जो http://0.0.0.0:8000/ खोलता है वह वास्तव में काम नहीं करता है। मैं मैन्युअल रूप से लोकलहोस्ट पर जा सकता हूं

संपादित करें: डॉक्स से

नोट: आप विंडोज पर 0.0.0.0:8000 पर नहीं जा सकते हैं (लेकिन चीजें स्थानीयहोस्ट का उपयोग करके काम करेंगी: 8000 या विंडोज पर "आपके नेटवर्क पर URL")

अजीब लगता है कि मामला संभाला नहीं है

@ क्रिस्तिअनामिरेज़ वह किनारे का मामला दुर्भाग्य से एक विंडोज़ मुद्दा है (जो कुछ परीक्षण के दौरान सामने आया था इसलिए हमने डॉक्स में एक नोट जोड़ा) ian

नमस्ते,

मैं अपने package.json फ़ाइल में gatsby develop -H 0.0.0.0 कैसे जोड़ सकता हूं? मैंने इसे इस तरह स्क्रिप्ट में रखने की कोशिश की, लेकिन यह काम नहीं करता है:

"scripts": {
  "build": "gatsby build",
  "develop": "gatsby develop -H 0.0.0.0",
  "format": "prettier --write \"**/*.{js,jsx,json,md}\"",
  "start": "npm run develop",
  "serve": "gatsby serve",
  "clean": "gatsby clean",
  "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\" && exit 1"
}

@iloveip जो ठीक दिखता है। क्या आप वाकई npm run develop साथ इसे चला रहे हैं? यदि ऐसा है, तो हो सकता है कि gatsby develop -H 0.0.0.0 किसी कारण से आपकी मशीन पर काम न करे।

@nikoladev I केवल gatsby develop चल रहा था I आपकी मदद के लिए बहुत बहुत धन्यवाद!

मैं एक ही मुद्दा था, लेकिन यह एक ब्राउज़र लग रहा था। मैं फ़ायरफ़ॉक्स का उपयोग कर रहा था, लेकिन यह माइक्रोसॉफ्ट एज पर ठीक काम कर रहा है

क्या किसी ने प्रॉक्सी को रिवर्स करने की कोशिश की है: 8000 नगीनक्स के साथ? क्या यह आपकी राय में काम करेगा?