Why isn't my Google OAuth configuration not working?











up vote
0
down vote

favorite












Ever since Google made some minor changes to their Google OAuth API side, I haven't been able to correctly configure and use the Google OAuth, indicated by the error message: Error: redirect_uri_mismatch The configurations fail, despite me following the setting up Google OAuth instructions in detail.



Can someone kindly help point out what I am doing wrong or missing?



Just in case you aren't familiar with what I mean by the Google OAuth instructions, find below an image illustrating what I mean:



enter image description here



I skip 2. "Create Project" (since the project already has a priorly recorded name)
and head on to step 3.



an indicating what my OAuth Consent screen looks like



After entering an email address and the product name as suggested
in step .3 , I save.



I carry out steps 4, 5 without any problem.



On step 6 I realise that my configuration instructions isn't up to date, because as at this point, I notice that Google has added a few Mandatory fields to be filled in. A person now has to Authorize Javascript Origins as shown in the image below. Note the https://3e908b9b.ngrok.io (fictitious for this case) link that I filled in.



enter image description here



I click the Authorized domains list link that takes me back to the OAuth Consent Screen and paste in the exact same link https://3e908b9b.ngrok.io as seen in the image below, then save as seen in the image below.



enter image description here



Doing this, permits me to complete the process successfully as seen in the image below finalised by clicking Save.



enter image description here



On my Meteor app side, I finalise by filling in the Client ID and the Client Secret details, as seen in the image below.



enter image description here



When i later try to login using Google OAuth I get this frustrating error message Seen below..enter image description here



This is an issue i never used to get untill Google made a few changes on their side. I cant seem to figure this out.



Any help would be greatly appreciated!










share|improve this question




























    up vote
    0
    down vote

    favorite












    Ever since Google made some minor changes to their Google OAuth API side, I haven't been able to correctly configure and use the Google OAuth, indicated by the error message: Error: redirect_uri_mismatch The configurations fail, despite me following the setting up Google OAuth instructions in detail.



    Can someone kindly help point out what I am doing wrong or missing?



    Just in case you aren't familiar with what I mean by the Google OAuth instructions, find below an image illustrating what I mean:



    enter image description here



    I skip 2. "Create Project" (since the project already has a priorly recorded name)
    and head on to step 3.



    an indicating what my OAuth Consent screen looks like



    After entering an email address and the product name as suggested
    in step .3 , I save.



    I carry out steps 4, 5 without any problem.



    On step 6 I realise that my configuration instructions isn't up to date, because as at this point, I notice that Google has added a few Mandatory fields to be filled in. A person now has to Authorize Javascript Origins as shown in the image below. Note the https://3e908b9b.ngrok.io (fictitious for this case) link that I filled in.



    enter image description here



    I click the Authorized domains list link that takes me back to the OAuth Consent Screen and paste in the exact same link https://3e908b9b.ngrok.io as seen in the image below, then save as seen in the image below.



    enter image description here



    Doing this, permits me to complete the process successfully as seen in the image below finalised by clicking Save.



    enter image description here



    On my Meteor app side, I finalise by filling in the Client ID and the Client Secret details, as seen in the image below.



    enter image description here



    When i later try to login using Google OAuth I get this frustrating error message Seen below..enter image description here



    This is an issue i never used to get untill Google made a few changes on their side. I cant seem to figure this out.



    Any help would be greatly appreciated!










    share|improve this question


























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      Ever since Google made some minor changes to their Google OAuth API side, I haven't been able to correctly configure and use the Google OAuth, indicated by the error message: Error: redirect_uri_mismatch The configurations fail, despite me following the setting up Google OAuth instructions in detail.



      Can someone kindly help point out what I am doing wrong or missing?



      Just in case you aren't familiar with what I mean by the Google OAuth instructions, find below an image illustrating what I mean:



      enter image description here



      I skip 2. "Create Project" (since the project already has a priorly recorded name)
      and head on to step 3.



      an indicating what my OAuth Consent screen looks like



      After entering an email address and the product name as suggested
      in step .3 , I save.



      I carry out steps 4, 5 without any problem.



      On step 6 I realise that my configuration instructions isn't up to date, because as at this point, I notice that Google has added a few Mandatory fields to be filled in. A person now has to Authorize Javascript Origins as shown in the image below. Note the https://3e908b9b.ngrok.io (fictitious for this case) link that I filled in.



      enter image description here



      I click the Authorized domains list link that takes me back to the OAuth Consent Screen and paste in the exact same link https://3e908b9b.ngrok.io as seen in the image below, then save as seen in the image below.



      enter image description here



      Doing this, permits me to complete the process successfully as seen in the image below finalised by clicking Save.



      enter image description here



      On my Meteor app side, I finalise by filling in the Client ID and the Client Secret details, as seen in the image below.



      enter image description here



      When i later try to login using Google OAuth I get this frustrating error message Seen below..enter image description here



      This is an issue i never used to get untill Google made a few changes on their side. I cant seem to figure this out.



      Any help would be greatly appreciated!










      share|improve this question















      Ever since Google made some minor changes to their Google OAuth API side, I haven't been able to correctly configure and use the Google OAuth, indicated by the error message: Error: redirect_uri_mismatch The configurations fail, despite me following the setting up Google OAuth instructions in detail.



      Can someone kindly help point out what I am doing wrong or missing?



      Just in case you aren't familiar with what I mean by the Google OAuth instructions, find below an image illustrating what I mean:



      enter image description here



      I skip 2. "Create Project" (since the project already has a priorly recorded name)
      and head on to step 3.



      an indicating what my OAuth Consent screen looks like



      After entering an email address and the product name as suggested
      in step .3 , I save.



      I carry out steps 4, 5 without any problem.



      On step 6 I realise that my configuration instructions isn't up to date, because as at this point, I notice that Google has added a few Mandatory fields to be filled in. A person now has to Authorize Javascript Origins as shown in the image below. Note the https://3e908b9b.ngrok.io (fictitious for this case) link that I filled in.



      enter image description here



      I click the Authorized domains list link that takes me back to the OAuth Consent Screen and paste in the exact same link https://3e908b9b.ngrok.io as seen in the image below, then save as seen in the image below.



      enter image description here



      Doing this, permits me to complete the process successfully as seen in the image below finalised by clicking Save.



      enter image description here



      On my Meteor app side, I finalise by filling in the Client ID and the Client Secret details, as seen in the image below.



      enter image description here



      When i later try to login using Google OAuth I get this frustrating error message Seen below..enter image description here



      This is an issue i never used to get untill Google made a few changes on their side. I cant seem to figure this out.



      Any help would be greatly appreciated!







      meteor google-api google-oauth meteor-accounts ngrok






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 19 at 12:19









      DaImTo

      41.5k1056231




      41.5k1056231










      asked Nov 19 at 11:32









      SirBT

      46331027




      46331027
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          1
          down vote



          accepted










          The error message tells you exactly what the problem is the redirect uri you are sending from https://3XXXXXngrok.io/_oauth/google does not match one of the ones you have supplied in the Google Developer console for your project.



          You appear to have set https://3XXXXXX.io/_oauth/google?close they must exactly match.



          Solution



          simply add https://3XXXXXngrok.io/_oauth/google as a redirect uri or remove ?close from the one you have added






          share|improve this answer





















            Your Answer






            StackExchange.ifUsing("editor", function () {
            StackExchange.using("externalEditor", function () {
            StackExchange.using("snippets", function () {
            StackExchange.snippets.init();
            });
            });
            }, "code-snippets");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "1"
            };
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function() {
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled) {
            StackExchange.using("snippets", function() {
            createEditor();
            });
            }
            else {
            createEditor();
            }
            });

            function createEditor() {
            StackExchange.prepareEditor({
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader: {
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            },
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            });


            }
            });














             

            draft saved


            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373755%2fwhy-isnt-my-google-oauth-configuration-not-working%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            1
            down vote



            accepted










            The error message tells you exactly what the problem is the redirect uri you are sending from https://3XXXXXngrok.io/_oauth/google does not match one of the ones you have supplied in the Google Developer console for your project.



            You appear to have set https://3XXXXXX.io/_oauth/google?close they must exactly match.



            Solution



            simply add https://3XXXXXngrok.io/_oauth/google as a redirect uri or remove ?close from the one you have added






            share|improve this answer

























              up vote
              1
              down vote



              accepted










              The error message tells you exactly what the problem is the redirect uri you are sending from https://3XXXXXngrok.io/_oauth/google does not match one of the ones you have supplied in the Google Developer console for your project.



              You appear to have set https://3XXXXXX.io/_oauth/google?close they must exactly match.



              Solution



              simply add https://3XXXXXngrok.io/_oauth/google as a redirect uri or remove ?close from the one you have added






              share|improve this answer























                up vote
                1
                down vote



                accepted







                up vote
                1
                down vote



                accepted






                The error message tells you exactly what the problem is the redirect uri you are sending from https://3XXXXXngrok.io/_oauth/google does not match one of the ones you have supplied in the Google Developer console for your project.



                You appear to have set https://3XXXXXX.io/_oauth/google?close they must exactly match.



                Solution



                simply add https://3XXXXXngrok.io/_oauth/google as a redirect uri or remove ?close from the one you have added






                share|improve this answer












                The error message tells you exactly what the problem is the redirect uri you are sending from https://3XXXXXngrok.io/_oauth/google does not match one of the ones you have supplied in the Google Developer console for your project.



                You appear to have set https://3XXXXXX.io/_oauth/google?close they must exactly match.



                Solution



                simply add https://3XXXXXngrok.io/_oauth/google as a redirect uri or remove ?close from the one you have added







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 19 at 12:19









                DaImTo

                41.5k1056231




                41.5k1056231






























                     

                    draft saved


                    draft discarded



















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53373755%2fwhy-isnt-my-google-oauth-configuration-not-working%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    MongoDB - Not Authorized To Execute Command

                    Npm cannot find a required file even through it is in the searched directory

                    in spring boot 2.1 many test slices are not allowed anymore due to multiple @BootstrapWith