Updated docs for next

This commit is contained in:
Website Deployment Script
2017-08-04 17:22:17 +00:00
parent 54541bd302
commit 760e13cb8d
3 changed files with 5 additions and 3 deletions
+1 -1
View File
@@ -122,7 +122,7 @@ emulator<span class="token number">-5554</span> offline # Google emulator
</span><span><block class="mac ios" />
</span><h2><a class="anchor" name="connecting-to-the-development-server"></a>Connecting to the development server <a class="hash-link" href="docs/running-on-device.html#connecting-to-the-development-server">#</a></h2><p>You can also iterate quickly on a device using the development server. You only have to be on the same Wi-Fi network as your computer. Shake your device to open the <a href="docs/debugging.html#accessing-the-in-app-developer-menu" target="_blank">Developer menu</a>, then enable Live Reload. Your app will reload whenever your JavaScript code has changed.</p><p><img src="img/DeveloperMenu.png" alt=""></p><blockquote><p>If you have any issues, ensure that your Mac and device are on the same network and can reach each other. Many open wireless networks with captive portals are configured to prevent devices from reaching other devices on the network. You may use your device&#x27;s Personal Hotspot feature in this case.</p></blockquote><span><block class="mac windows linux android" />
</span><h2><a class="anchor" name="connecting-to-the-development-server"></a>Connecting to the development server <a class="hash-link" href="docs/running-on-device.html#connecting-to-the-development-server">#</a></h2><p>You can also iterate quickly on a device using the development server. You only have to be on the same Wi-Fi network as your computer. Shake your device to open the <a href="docs/debugging.html#accessing-the-in-app-developer-menu" target="_blank">Developer menu</a>, then enable Live Reload. Your app will reload whenever your JavaScript code has changed.</p><p><img src="img/DeveloperMenu.png" alt=""></p><h3><a class="anchor" name="troubleshooting"></a>Troubleshooting <a class="hash-link" href="docs/running-on-device.html#troubleshooting">#</a></h3><blockquote><p>If you have any issues, ensure that your Mac and device are on the same network and can reach each other. Many open wireless networks with captive portals are configured to prevent devices from reaching other devices on the network. You may use your device&#x27;s Personal Hotspot feature in this case.</p></blockquote><p>When trying to connect to the development server you might get a <a href="docs/debugging.html#in-app-errors-and-warnings" target="_blank">red screen with an error</a> saying:</p><blockquote><p>Connection to <a href="" target="_blank"><a href="http://localhost:8081/debugger-proxy?role=client">http://localhost:8081/debugger-proxy?role=client</a></a> timed out. Are you running node proxy? If you are running on the device, check if you have the right IP address in <code>RCTWebSocketExecutor.m</code>.</p></blockquote><p>To solve this issue check the following points.</p><h4><a class="anchor" name="1-wi-fi-network"></a>1. Wi-Fi network. <a class="hash-link" href="docs/running-on-device.html#1-wi-fi-network">#</a></h4><p>Make sure your laptop and your phone are on the <strong>same</strong> Wi-Fi network.</p><h4><a class="anchor" name="2-ip-address"></a>2. IP address <a class="hash-link" href="docs/running-on-device.html#2-ip-address">#</a></h4><p>Make sure that the build script detected the IP address of your machine correctly (e.g. 10.0.1.123). </p><p><img src="img/XcodeBuildIP.png" alt=""></p><p>Open the <strong>Report navigator</strong> tab, select the last <strong>Build</strong> and search for <code>xip.io</code>. The IP address which gets embedded in the app should match your machines IP address plus the domain <code>.xip.io</code> (e.g. 10.0.1.123.xip.io)</p><h4><a class="anchor" name="3-network-router-configuration"></a>3. Network/router configuration <a class="hash-link" href="docs/running-on-device.html#3-network-router-configuration">#</a></h4><p>React Native uses the wildcard DNS service <strong>xip.io</strong> to address your device. Some routers have security features to prevent DNS Servers to resolve anything in the local IP range.</p><p>Now check if you are able to resolve the xip.io address, by running <code>nslookup</code>.</p><div class="prism language-bash">$ nslookup <span class="token number">10.0</span><span class="token punctuation">.</span><span class="token number">1.123</span><span class="token punctuation">.</span>xip<span class="token punctuation">.</span>io</div><p>If it doesn&#x27;t resolve your local IP address either the <strong>xip.io</strong> service is down or more likely your router prevents it. </p><p>To still use xip.io behind your rooter:</p><ul><li>configure your phone to use Google DNS (8.8.8.8)</li><li>disable the appropriate security feature in your router</li></ul><span><block class="mac windows linux android" />
</span><h2><a class="anchor" name="connecting-to-the-development-server"></a>Connecting to the development server <a class="hash-link" href="docs/running-on-device.html#connecting-to-the-development-server">#</a></h2><p>You can also iterate quickly on a device by connecting to the development server running on your development machine. There are several ways of accomplishing this, depending on whether you have access to a USB cable or a Wi-Fi network.</p><h3><a class="anchor" name="method-1-using-adb-reverse-recommended"></a>Method 1: Using adb reverse (recommended) <a class="hash-link" href="docs/running-on-device.html#method-1-using-adb-reverse-recommended">#</a></h3><span><block class="mac windows linux android" />
File diff suppressed because one or more lines are too long
Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB