I have set-up my ESP32 cam and it runs fine in the local network. However, I want to integrate it with my android app where the user can see the livestream even if outside the network. I have looked into Ngrok and figured I can use it to host my local web server to the ngrok domain. Then I thought I could use a webview that has the ngrok url so that the app would display it on the front-end. However, I am faced with the issue "Header fields are too long for server to interpret" on the app even if the livestream or url can be viewed using the same device, but on a browser. I am unsure if this issue is from Ngrok or the Application side.
I did not use the specific error as my question's title because others might suggest a more optimal way of implementing this other than Ngrok. However, any input is appreciated and it would also be nice if anyone knows how to fix the issue stated.
Related
I have developed a small Ionic2 app.It is working fine on both locally on the web browser and "Ionic view" app's Android device.But the problem is on the Ios device.It shows UI correctly but no data.I have tested this on Ionic app viewer on Ios mobile device.Can you tell me why this strange behavior. I'm using Php as a web API layer (or back end).Can you tell me where is the issue is? If you need any info please let me know.At this moment I don't know what to provide here?
OP's feedback
Actually, the issue was Date format. We have to use ISO date format with the safari.
OLD
I guess that the problem is because the request is using SSL (https), with the request without SSL (http) should be work.
Source: https://forum.ionicframework.com/t/solved-ionicview-app-http-request-to-external-api/18696
I have a react-native app with ios and android versions. Both versions use a webview to access a web site. The ios version works when pointed to either the production web site or local development version. The web site uses ruby on rails and the development server is pow.
When I run the android app, it loads but when it tries to access a local version of the web site, it returns the following error:
console.error: "Encountered an error loading page", {"canGoForward":false,"code":-2,"canGoBack":false,"description":"net::ERR_ICANN_NAME_COLLISION","loading":false,"title":"","url":"http://my_app.dev/,"target":69}
The same happens if I use localhost rather than the my_app.dev. It does however work when pointed to the external production url i.e my_app.com.
I have tried using a different android device, and the error changes to ERR_CONNECTION_REFUSED. The first device used the android browser whereas the second looks like it uses chrome. So it does appear to be a browser specific problem. Reading this link, I used nslookup my_app.dev to work out the ip address as 127.0.53.53 and entered
127.0.53.53 my_app.dev
into the /private/etc/hosts file. However this still gives same error. How do I fix this?
A work around for this problem is to find out the ip address of the development machine, say 192.168.0.33, configure the server to allow external access at my_app.192.168.0.33.xip.io, and then in the react app, configure the host url as http://my_app.192.168.0.33.xip.io. However this means running the server in special mode, so it would be better to find a direct answer to this question.
I am trying to record an Hybrid App (Native+Web) of Android using the HTTP proxy recording option of J Meter. When i access that app it is taking to HTTPS site and from there it is not recorded in J Meter. Page is showing blank and not directing to any page
Saw most of the articles, but still i am unable to record the HTTPS Site, Please assist me
As per Load Testing Mobile Apps. But Made Easy. guide:
Note that Android supports only HTTP proxy. If your application uses an HTTPS connection, then you may use an additional application that performs with HTTPS proxing.
So I believe that you need something like ProxyDroid or similar
I ask a suggestion about a user Experience issueaccessing a browser URL on a mobile phone:
how can a "basic" user EASILY can access a web app on the browser of a handset (mobile phone/tablet, with possibly a solution not dependent on the specific OS (as usual: Android (mainly I'm interested on this OS)/iOS/Windows Phone/etc. on the handset ?
In other terms:
How can I set a simple OS-indipendent (BROWSER-indipendent) URL desktop-shortcut ?
I explain better:
I realized a simple html/css/js/bootstrap web app (e-commerce) to be used from a handset. Some screnshots here:
https://twitter.com/solyarisoftware/status/478946171420155904/photo/1
https://twitter.com/solyarisoftware/status/477373808551411712/photo/1
The web app (that user access through the browser of the handset) could be a possible valid alternative to an expensive native app. But I have this problem:
because my application is an e-commerce (in food realms) that could be used by a vast body of people tipically "inexpert" ... in facts many users that access phone apps have difficulties to just enter a URL on a web browser...
I confess I get bored myself to enter a long URL, let say:
http://mysuperbecommerce.com/mymarketplace/myshop
so, how to do to SIMPLIFY the access to the URL for the lazy/inexpert users ?
I thinked about some possible solutions:
SOLUTION 1. A BROWSER DESKTOP URL SHORTCUT
(obvious! you could say!) Of course, but this is not so perfect:
- is usually a specific feature of the browser... and by example in my case, with an Android phone, with Chrome. Dolphin and native Android browser I get confused myself to save and retrieve shortcuts ...
- is dependendt by the OS
SOLUTION 2. "DIRECTORY" APP LUNCH AN "INTENT"
I thinked about a native app that just act as "redirector", I read here and there some Android code: the native app just start and run the "Intent" giving a URL to the browser... make sense ?
Maybe something interesting here:
Adding URL shortcut to mobile screen through a link on the website
Nevertheless I'm asking if there is a better way, maybe an (Android) app just made with this scope ? (I didn't find it)
SOLUTION 3. HYBRID-NATIVE APP
Ok... Embed the web app in some Hybrid-native framework (as Phonegap/Cordova)
Any suggestion welcome!
Thanks for your patience
giorgio
A possible "solution" for Android OS I used
is this very essential "Web Shortcuts" app:
https://play.google.com/store/apps/details?id=com.unknowndevelopers.bm
BTW, There are someones similar: "ShortcutToURL" or "URLWidget" apps.
Is not a perfect solution, any alternative suggestion still welcome.
I have got a fully working phonegap 1.6.1 application, built in HTML5. I'd like to make this page refresh itself from the internet (replace the in-app html file with the online one, and save it for later), but when it is not possible, just do nothing.
It is on Android (2.3.7 & 4.1.2)
Is it possible?
I would really appreciate if you could send me a code (script) that helps.
P. S. I'm doing the job in DreamWeaver without any databases, etc.
Thanks in advance!
You need to whitelist your website in order for it to be allowed to take over the WebView provided by PhoneGap.
http://docs.phonegap.com/en/1.9.0/guide_whitelist_index.md.html
https://build.phonegap.com/blog/access-tags
Are you wanting to replace the actual html with what is found on the corresponding web site or are you trying to update content on the page? One is possible the other is not as your html index is compiled into the adk and not really editable on the fly, per se. You may update content dymanically from the web, but I'm pretty sure it is impossible to re-compile your apk on the android device itself.
However, if your html file is nothing more than a web view or iframe of your web site, then it will work, provided the app may reach the internet. The problem is that your app will not work if not connected to the internet. However, you could write a js routine to pull a default html view when internet access cannot be had.