Web Google authentication with firebase

Question

uncaught exception: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be http, https or chrome-extension and web storage must be enabled.

var config = {
apiKey: "*****",
authDomain: "******",
};
firebase.initializeApp(config);
var provider = new firebase.auth.GoogleAuthProvider();
provider.addScope('profile');
provider.addScope('https://www.googleapis.com/auth/drive');
firebase.auth().signInWithRedirect(provider);
alert(1);
}

looks like a problem with http and drive sdk requires your authdomain to be https:// — Arpit Solanki, Jun 21 '17 at 18:15
that code run only on localhost. is it possible to run that code without any web browser — ArunKarthick, Jun 22 '17 at 04:45
Other docs suggest running `firebase serve` --but I'm unsure what is the default port. — MarkHu, Jun 13 '18 at 01:17

Dinesh undefined · Answer 1 · 2019-01-24T04:01:35.390

8

uncaught exception: Error: This operation is not supported in the environment this application is running on. "location.protocol" must be HTTP, HTTPS or chrome-extension and web storage must be enabled.

Recently even i faced the same error.

You are opening this file directly in the browser without any web server. Firebase authentication won't work if you open the file directly. Try to load your HTML through web server it should solve your issue. The reason behind this bug is when you use authentication services they will use web storage. web storage does not work when you open an HTML file directly without any web browser

For example, use apache and open through apache like http://localhost/filename.html in the browser

edited Jan 24 '19 at 04:01

answered Jun 21 '17 at 16:30

Dinesh undefined

5,490
2
19
40

thanks for ur reply. yeah that is true.i use that code in adobe cep extension it does not have any web browser. so is it possible to run that code without web server or web browser – ArunKarthick Jun 22 '17 at 04:43
sorry no idea.@ArunKarthick – Dinesh undefined Jun 22 '17 at 04:59
is it possible with nodejs – ArunKarthick Jun 22 '17 at 12:44
yes its possible. just create expressjs server and add your file there – Dinesh undefined Jun 22 '17 at 12:45
I am new in node. can you pls give any example with express js. – ArunKarthick Jun 23 '17 at 04:41
follow this tutorial http://mfranc.com/node-js/node-js-simple-web-server-with-express/ – Dinesh undefined Jun 23 '17 at 04:53
sorry i can't understand that. that code includes port so app.listen(port) also worked in localhost! – ArunKarthick Jun 23 '17 at 05:35
did you create server with port. if so open it using localhost:port – Dinesh undefined Jun 23 '17 at 05:36
is it possible to create server without port. my project must run without localhost – ArunKarthick Jun 23 '17 at 06:12
without port we cant create ant server. by default http runs on port 80. if you want to run without port means run nodejs on port 80 with root permission – Dinesh undefined Jun 23 '17 at 06:26
@Dineshundefined i have used it with the nodejs server and call route by browser and bu another server (angular) and always got this error !! – Mahmoud Niypoo Dec 13 '18 at 13:34

score -1 · Answer 2 · answered Jun 21 '17 at 16:28

-1

Try this code. It should work.

    var config = {
    apiKey: "*****",
    authDomain: "******",
    };
    firebase.initializeApp(config);
    var provider = new firebase.auth.GoogleAuthProvider();
    provider.addScope('profile');
    provider.addScope('https://www.googleapis.com/auth/drive');
    firebase.auth().signInWithRedirect(provider);
    //add the code below to your previous lines
    firebase.auth().getRedirectResult().then(function(authData) {
        console.log(authData);
    }).catch(function(error) {
        console.log(error);
    });

answered Jun 21 '17 at 16:28

Damien

1,582
1
13
24

thank for ur reply. sorry that code not solved my problem – ArunKarthick Jun 22 '17 at 04:58
This is not a solution. The problem still persists in iOS for Firebase auth by Google – jolly Apr 11 '20 at 01:49

score -3 · Answer 3 · answered Mar 26 '19 at 13:32

-3

Most simple way.... just upload your files on github and run with github page(i.e. https://ur name.github.io/yr dir/yr html file.

answered Mar 26 '19 at 13:32

Hetavi Shah

1

This would rely on adding Github as an authorised domain for accessing your Firebase project. In turn, this would allow any Github-hosted page access to your project. – kdpnz Jan 26 '22 at 18:57

Web Google authentication with firebase

3 Answers3

Linked

Related