René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Published ZeroConf Services are not Discoverable on Android React Native But Visible in Bonjour Browser.","articleBody":"Hello Team,\r\nI am a University Student and Working on My Dissertation, I was exploring some libraries to connect to RPi's local Node/Python server. \r\n\r\nI am using python to publish a zeroconf service on local network on RPi 4 Model B\r\n\r\n``` py\r\nfrom zeroconf import ServiceInfo, Zeroconf\r\n\r\nPORT=8080\r\n\r\nzeroconf = Zeroconf()\r\nwsInfo = ServiceInfo('_http._tcp.local.',\r\n                     \"myhost._http._tcp.local.\",\r\n                     PORT, 0, 0, {\"random_key\": \"1234\", \"answer\": \"42\"})\r\nzeroconf.register_service(wsInfo)\r\n\r\nimport time\r\ntime.sleep(1000);\r\n```\r\n\r\n\r\nAfter Registering this service, It is visible on the Bonjour Browser. \r\nMy Host is the service name.\r\nbut the same is not visible in the react native app using react-native-zeroconf.\r\n\r\n![image](https://github.com/user-attachments/assets/ea79c0e4-ce8b-4968-8b10-20d628815ea8)\r\n\r\nReact Native Code\r\n\r\n```ts\r\n/**\r\n * Sample React Native App\r\n * https://github.com/facebook/react-native\r\n *\r\n * @format\r\n */\r\n\r\nimport React, {useEffect} from 'react';\r\nimport {\r\n  SafeAreaView,\r\n  ScrollView,\r\n  StatusBar,\r\n  Text,\r\n  useColorScheme,\r\n  View,\r\n} from 'react-native';\r\nimport Zeroconf from 'react-native-zeroconf';\r\nimport {Colors} from 'react-native/Libraries/NewAppScreen';\r\n\r\nconst zeroconf = new Zeroconf();\r\n\r\nfunction App(): React.JSX.Element {\r\n  const isDarkMode = useColorScheme() === 'dark';\r\n\r\n  const backgroundStyle = {\r\n    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,\r\n  };\r\n\r\n  useEffect(() =\u003e {\r\n    const handleStart = () =\u003e console.log('The scan has started.');\r\n    const handleFound = name =\u003e console.log('Service found:', name);\r\n    const handleResolved = service =\u003e {\r\n      console.log('Service resolved:', service);\r\n      // setServices(prevServices =\u003e [...prevServices, service]);\r\n    };\r\n    const handleError = err =\u003e console.log('Error:', err);\r\n    const handleStop = () =\u003e console.log('The scan has stopped.');\r\n\r\n    zeroconf.on('start', handleStart);\r\n    zeroconf.on('found', handleFound);\r\n    zeroconf.on('resolved', handleResolved);\r\n    zeroconf.on('error', handleError);\r\n    zeroconf.on('stop', handleStop);\r\n\r\n    // Start the service scan\r\n    setTimeout(() =\u003e {\r\n      zeroconf.scan('http', 'tcp');\r\n      console.log('Started scanning...');\r\n    }, 1000);\r\n\r\n    // Cleanup on component unmount\r\n    return () =\u003e {\r\n      zeroconf.off('start', handleStart);\r\n      zeroconf.off('found', handleFound);\r\n      zeroconf.off('resolved', handleResolved);\r\n      zeroconf.off('error', handleError);\r\n      zeroconf.off('stop', handleStop);\r\n      zeroconf.stop();\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    \u003cSafeAreaView style={backgroundStyle}\u003e\r\n      \u003cStatusBar\r\n        barStyle={isDarkMode ? 'light-content' : 'dark-content'}\r\n        backgroundColor={backgroundStyle.backgroundColor}\r\n      /\u003e\r\n      \u003cScrollView\r\n        contentInsetAdjustmentBehavior=\"automatic\"\r\n        style={backgroundStyle}\u003e\r\n        \u003cView\u003e\r\n          \u003cText\u003eMy Better RN NETWORK\u003c/Text\u003e\r\n        \u003c/View\u003e\r\n      \u003c/ScrollView\u003e\r\n    \u003c/SafeAreaView\u003e\r\n  );\r\n}\r\n\r\nexport default App;\r\n\r\n```\r\n\r\nMy WiFi Router's Services are visible in the console but not this one.\r\n\r\n![image](https://github.com/user-attachments/assets/07154f25-79c9-49cf-bbd4-828d64ac9627)\r\n\r\n\r\nCan someone please help me making my zeroconf  service discoverable in react native code....\r\nThe same is True with nodejs server usng 'bonjour' package.\r\n\r\nI have added these permissions in AndroidManifest.xml\r\n\r\n```xml\r\n    \u003cuses-permission android:name=\"android.permission.INTERNET\" /\u003e\r\n    \u003cuses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\" /\u003e\r\n    \u003cuses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\" /\u003e\r\n    \u003cuses-permission android:name=\"android.permission.CHANGE_WIFI_MULTICAST_STATE\" /\u003e\r\n```\r\n\r\n@bdraco @PaarthShah @jstasiak @scop @dtantsur @andrewbonney @","author":{"url":"https://github.com/Tauqeer-Ahmed-99","@type":"Person","name":"Tauqeer-Ahmed-99"},"datePublished":"2024-08-07T17:51:21.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/1387/python-zeroconf/issues/1387"}