React-Native App simulator on webpage - react-native

Is it possible to run react-native app on webpage for demo purpose?
Let say you have an App, and would like to show it on your website in simulator, without installing it on device or using EXPO.
something like appetize.io. But as far as I can see they support only native app, not React based app.
Thanks!

Yes if you have connected the same ip network connection in your system and mobile so you can use with
adb tcpip
adb tcpip 4455
adb connect {mobile ip}:4455
Install and run app in your mobile.
(No need to expo, USB connection .. )

Related

How to find the BSSID of routers near me on phone?

I am working on a mobile app (on react-native) that will help me do a certain task (say fill a form) only if I am in close proximity to a discoverable device (say router or any other device with a valid BSSID)
How do I find the BSSID of devices near me??
On ubuntu its as simple as
nmcli dev wifi
img showing result of above command
How can I do this on my react-native app.
I am new to react-native and mobile development and I do not know where to start.

react native expo launch app time out

Using create react native app, I get this error when I scan the QR code from the package manager:
java.net.SocketTimeoutException - connect timed out
I have my Samsung s8 connected via USB, I can see the following json when I browse to the address using http instead of exp:
{"sdkVersion":"23.0.0","name":"tester1","slug":"tester1","version":"0.1.0","xde":true,"developer":{"tool":"crna","projectRoot":"C:\\sites\\tester1"},"packagerOpts":{"hostType":"tunnel","lanType":"ip","dev":true,"strict":false,"minify":false,"urlType":"exp","urlRandomness":null},"env":{},"bundleUrl":"http://169.254.140.132:19001/./node_modules/react-native-scripts/build/bin/crna-entry.bundle?platform=ios&dev=true&strict=false&minify=false&hot=false&assetPlugin=C:\\sites\\tester1\\node_modules\\expo\\tools\\hashAssetFiles","debuggerHost":"169.254.140.132:19001","mainModuleName":"./node_modules/react-native-scripts/build/bin/crna-entry","logUrl":"http://169.254.140.132:19000/logs","id":"#anonymous/tester1-e649dd6c-008d-4356-a9eb-0f80bb8a6a98"}
Can anyone please help? I've spent ages trying to get this working
I disabled my other connections. Expo was defaulting to the wrong IP.
Control Panel > Network and Internet > Network Connections

Unable to connect Android phone to my project with Expo

I created my project in react native by CLI:
_npm install -g create-react-native-app
_create-react-native-app AwesomeProject
_cd AwesomeProject
_npm start
Then I installed expo in my Android phone, and scanned a QR code on my computer screen.
However, my phone can't connect to project, and I don't know why. It just loads and fails. This is error message:
Could not load exp:// 192.168.56.1:19000. Network response timed out.
This is view error:
"Uncaught Error: java,not.SocketTimeoutException: faild to connect to/192.168.56.1 (port 19000) after 10000 ms.
I'm trying to fix it, but still can't get it working. My phone and my laptop are on the same network. What can I do now?
I had the same problem but solved by running expo start --tunnel
Select LOCAL instead of LAN.
I kicked myself when I fixed this.
I had the same issue, turns out my firewall was blocking my connection to the development server port (for me it was 19000). Solved it by disabling firewall.
Choose Tunnel Instead of LAN or Local in connection tab. This solved the issue for me.
Keep a look on this issue for the answer:
https://github.com/react-community/create-react-native-app/issues/60
Make sure that your device and computer are one same LAN/Wifi. It will work.
Also use LAN option.
check open port using
ufw status verbose
And if you don't see the port You are working on
for example 19000 => expo
try this
ufw allow 19000
I've had a similar problem on iOS - the project showed up in the Expo app but didn't want to connect.
Here's what I did:
Connect your PC to your device through USB cable
Download the newest xde from: https://github.com/expo/xde/releases
Install XDE, create a new project from the gui (do NOT use your old project from create-react-app, as it may also show up in XDE) and click the newly created (in XDE) project under "My Projects".
Now your project should show up in the Expo app on your phone. If it doesn't try sending yourself the link to your app over email (to your own inbox, and open the link on your phone), mine looks like this: exp://5c-gp9.[accountname].my-new-project.exp.direct:80
I had this problem when my phone was connected via wifi and my destop was connected via LAN. I changed the connection mode in the browser window to tunnel, reloaded the expo app and was able to connect to my application. This was on my iOS device.
I got this issue on Win 10 with android and solved by the adding a firewall rule for my device (device IP as remote). I was using ESET NOD antivirus and it was block the device from accessing node.exe
for local testing e.g comnputer , simulator
expo start
for Real mobile device
expo start --tunnel
I'm on windows 10.
My network was set to public, but it needed to be private - so that it could safely expose devices like printers and in this case the Expo connection.
I went in my Wifi setting and clicked on Private:
If you are using windows 10 do the following. It worked for me
1. Check if your phone and pc are sharing the same router/hotspot/wifi connection. better still you can connect your pc to your phone hotspot.
2. Configure the network you are using as private. you can do so using this link https://www.digitalcitizen.life/how-set-your-networks-location-private-or-public-windows-10/
3. Off your windows defender and any other antivirus. The windows and other antivirus defender acts as a firewall and prevents expo client from working.
It will work I assure you
I was having the same issue, the solution is easy just make a Firewall rule that allows connection from your mobile device to your PC. open port number 19000 and in the IP put your phone IP address then allow the connection TCP/UDP in both directions, and everything will be OK.
Usually, you can edit the Firewall rules through your antivirus installed on your PC.
Careful don't disable your firewall, it will hurt you a lot.
This problem is due to the sdk version of the project is not compatible with the expo go ,so go to app.json of your project and edit to the latest version of sdk

can't able to run react-native app in Android device

hai every one i am trying to run the react-native android app in device then it throws an error like as mentioned below
can any one please give me suggestions for how to solve this error,Any help much appreciated
Try following the steps on the guide page.
You may have to set the address of your dev server.
Configure your app to connect to the local dev server via Wi-Fi
Make sure your laptop and your phone are on the same Wi-Fi network.
Open your React Native app on your device. You can do this the same way you'd open any other app.
You'll see a red screen with an error. This is OK. The following steps will fix that.
Open the Developer menu by shaking the device or running adb shell input keyevent 82 from the command line.
Go to Dev Settings.
Go to Debug server host for device.
Type in your machine's IP address and the port of the local dev server (e.g. 10.0.1.1:8081). On Mac, you can find the IP address in System Preferences / Network. On Windows, open the command prompt and type ipconfig to find your machine's IP address (more info).
Go back to the Developer menu and select Reload JS.

cant create peer to peer with apprtc and apprtcdemo for android

I have installed the apprtc python application in my linux server, its ok when trying to connect between browsers, but when I'm trying to create peer2peer with the apprtcdemo app for android, I get this error in my channel.html "the provided token is no valid", I see that when I change the android app url https://apprtc.appspot.com/?r= to a custom domain , its weird because if I just use the first url it works...
Could someone help me with that?
Tks very much
There are two android apk available for WebRTC, appRtcDemo and webRtcDemo. appRtcDemo apk can be used for android device to browser connectivity. You need to provide room id to connect to one room. If you are the room initiator then you have to enter -1.
If you want to connect two android device then you have to compile and install webRtcDemo apk. This apk interface provide place to enter ip address of another device and vice versa then both device will be connected.
Please go through http://www.webrtc.org/reference/getting-started for more information. Both the apks i've compiled and installed and checked how it works.