My goal is to achieve the following: imagine I have an authenticated user with an API token. When this user clicks a button, I want to open a web view and authenticate them using session-based authentication. https://i.stack.imgur.com/CsZ57.png
This is what I have tried so far, including various solutions and suggestions:
Using
url_launcher:- Open a browser on click using
launch(url) - Send a token as GET parameters to the backend server
- Authenticate the user and redirect back. This works well but has poor UX as the user needs to switch between the browser and the app.
- Open a browser on click using
Using either 1)
flutter_webview_pluginor 2)webview_flutter:Option 1:
class __WebWidget extends StatelessWidget { @override Widget build(BuildContext context) { return WebviewScaffold( url: url + "?token=${userManager.token}", appBar: new AppBar( title: Text('Space'), ), withZoom: true, withLocalStorage: true, hidden: true, initialChild: Container( color: Colors.blueAccent, child: const Center( child: Text('Loading....'), ), ), ); } }Option 2:
class WebWidget extends StatelessWidget { WebWidget({this.url}); final String url; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Votre Espace '), ), body: WebView( initialUrl: url + "?token=${userManager.token}", javascriptMode: JavascriptMode.unrestricted, ), ); } }Send a token as GET params to the backend server
- Authenticate the user and redirect back. Unfortunately, this method is not working!
I suspect that the webview does not support cookies!
In my backend setup, I am using Laravel (PHP7) and Apache server.
Thank you in advance.