Flutter - Populate HTML forms in WebView - flutter

I would like to develop an app using Flutter, which will help user to autofill in the webpage (the data is already stored in app.
My app will have a simple webview to load the web page. And thenIwould like to populate the webpage data (e.g. name, ID card no., etc) which is already stored in my application. If possible, i would also like to submit the web page on behalf of the user but it is not a must.
I have searched the web. Below is the closest thing that I have read. However, it is in Android but my preference is to do this in Flutter.
Populate HTML forms in WebView
It would be grateful if you could give me some direction, thanks a lot in advance.

Yes this is definitely possible. Check out these stackoverflow resources
https://stackoverflow.com/a/67688317/11212287
https://stackoverflow.com/a/50350069/11212287

Related

How to know the source of a link and load web app accordingly

I'm making an online ordering web app in Flutter, there's a link to the app on the restaurant website. The app needs to know which restaurant website the customer came from so that it can load the correct menu.
How would you do this? Webhook?
I see two methods:
Referrer, Webbrowsers send a referrer-header. Maybe unstable for privacy browsers. More information
Link-Parameter, give each resturant a unique link (with your-app.com?source=mcdonalds). More information

codename one. How to share a link to your app.

What I want to achieve here is similar to what most apps do, specifically like Youtube. If I share a video on youtube the user gets a link to the video. When the link is clicked the user is automatically taken to the video in the Youtube app (if the user has the app). I want that sort of functionality. My app has different stores on it and information about the store. I want the user to be able to "Share" a store via Whatsapp, sms etc so then when the receiver clicks on the shared link they are automatically taken to that specific store's page INSIDE my app. And if they do not have the app the link must take them to my app's page in the app store to allow them to download it. How do I achieve this in codename one. I looked at the share functionality in the developer doc and the How To section and that only shows me how to share text or images. Not a link to my app.
You can use the ShareButton or it's underlying native share API call (notice this behaves differently on devices as this relies on native functionality).
To share one URL that works on all platforms you need server side code as we have no way of knowing if the guy who will click the link has the same device as you have.
How to make QR code for BOTH Android Market and App Store answers that although it discusses QR codes this is applicable to links as well e.g. http://onelink.to/ looks like it could solve that although I haven't tried their service.
The correct answer to this question was actually URL intercepting. http://www.codenameone.com/blog/intercepting-urls-on-ios-android.html You share a url from your app to an external application. When the user opens that lick in an external application the user is automatically taken to your app if your app intercepts it.

Differentiating between Google Analytics Tracking of Facebook App and Web App

I have a web app at www.mydomain.com/webapp and its set up with Google Analytics. I create a facebook app at apps.facebook.com/webapp and iframe in the above url.
Is there a way to distinguish activity of users on facebook from users on mydomain?
Thanks for any help and direction you can give me.
You could use JavaScript to determine that your page is displayed in an iframe – but that would also be true if maybe other sites embedded your page.
A better way would be to check for the [signed_request][1] parameter that gets POSTed to your app on initial load into the iframe. (If you were paranoid about someone “faking” that, you could also verify the signed_request.)
Once you figured out that your page was actually loaded inside Facebook, it should be easy to execute the appropriate JS code to send that info to Analytics.

Steps for creating a facebook app that will allow our users to add the app as a tab on their page, provide an id and fetch the data from our server

I've had a hard time finding anything like what I'm trying to accomplish, seems as though FB updates their way of doing things every 6 months. The documentation I have found is hard to follow and I'm sure this can't be too hard. Here's what I'm trying to accomplish:
We operate a SaaS (in simple terms:) need to allow the user to provide a Form ID and return them a form via iFrame
Product management wants to be able to provide our customers with an app on Facebook where they would need to only add in their Form ID + Title, don't care about actual authentication with our product, just an ID to fetch.
The app would show up as a tab on their Facebook Page (and/or profile?) with the title of the tab showing what they entered and an iframe with the formId as the parameter to the source.. ie: the contents of that page tab would be a loaded iFrame: <iframe src="http://gotomyserver.com/fetch?FormId=123">
The idea is that our customers customers will see this form loaded up if they click on that tab on the page.
This doesn't seem like it should be overly complicated, however I'm having a lot of trouble finding information / understanding the documentation, or maybe I'm approaching it in the wrong manner?
Thanks
What you're trying to achieve is not possible at least because the same app can't have different titles depending on the page it is shown.
I would recommend you to make web application that serves the forms. Creating app everytime a user wants takes 5 minute. You will just need to insert in page tab url the corresponding address: http://gotomyserver.com/fetch?FormId=123 and set the title. Even your clients can do that by themselves.
Displaying an app to a facebook page takes an url copy/paste.

Easiest way to create a Facebook application

I need to create a simple tab page with custom content inside. How on earth I can get there the shortest and easiest way? Maybe I want to track the users who liked the page, but that's not compulsory. I just want to create a tab-page, which can integrate into a page and shows some custom content.
I have created an application at Facebook, the thing is, I don't know where to head from here, to include some content in the innards of that page...
I guess you want a static FBML tab. It is hard to find on Facebook, however it is possible to find a link like this. If you are logged in to Facebook then it should take you to a page where you can add a static FBML tab to one of the pages you administer. After that you can customize the tab content from page settings.
A page tab or any application on facebook can be and usualy is considered a normal website. You'll need the same things that you would if you wanted to create a website. You'll need a server, some storage space, possible a database (if you want to store date about/for your users).
There are ways to get started for free - lots of free hosting companies out there. You can start your search here
Facebook also has links to [develop applications in a cloud system].
There are different types of facebook apps, but one of them is just a canevas app.
So you ca include an external web page in a facebook page. It's pretty similar to a frame i think.
You can find inforations here: https://developers.facebook.com/docs/guides/canvas/#canvas