title: Facebook login api still gives the error of https required even if app is in dev mode
body: <p>I created a test app on facebook and set the domain and the site url to localhost and <a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a> respectively. </p>
  
  <p>The app is in development mode, as the documentation says "You will still be able to use HTTP with “localhost” addresses, but only while your app is still in development mode", nevertheless I get the error "The method FB.login will soon stop working when called from http pages. Please update your site to use https for Facebook Login." when I invoke the FB.login() api. </p>
  
  <p>Sometimes the facebook window to log the user is not displayed , other times the window opens with the error "Login Error: There is an error in logging you into this application. Please try again later." within.</p>
  
  <p><strong>Update</strong></p>
  
  <p>I'm over https in locale and the relative error is disappeared.
  This is the function invoked by the "Login with Facebook" button</p>
  
  <pre><code>loginWithFacebook() {
      this.btnLoaderFB = true;
      this.auth.facebookInitializer()
        .then(() =&gt; {
          this.auth.facebookInitialized = true;
          return this.auth.facebookLoginStatus();
        })
        .then((loginStatusResponse) =&gt; {
          console.log(loginStatusResponse);
          if (loginStatusResponse.status !== 'connected') {
            return this.auth.facebookLogin();
          } else {
            return this.auth.getFacebookProfileInfo();
          }
        })
        .then((profileInfo) =&gt; {
          console.log(profileInfo);
          this.auth.loginWithFacebookRemote(profileInfo)
            .subscribe(
              res =&gt; {
                this.btnLoaderFB = false;
              }
            );
        })
        .catch(err =&gt; {
          console.log(err);
          this.translate.get('t.validation.error_fb_login').pipe(takeUntil(this.unsubscribe)).subscribe(
            t =&gt; {
              this.error = t;
              this.btnLoaderFB = false;
            });
        });
  </code></pre>
  
  <p>The first time I call this function I receive the response from <code>facebookLoginStatus()</code>  logged on the console </p>
  
  <p><a href="https://i.stack.imgur.com/UyNUa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UyNUa.png" alt="enter image description here"></a></p>
  
  <p>I enter the fb credential and I get this error </p>
  
  <p><a href="https://i.stack.imgur.com/XWo30.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XWo30.png" alt="enter image description here"></a></p>
  
  <p>If I try to click again on the button I receive the same response from <code>facebookLoginStatus()</code> I showed in the first image and the facebook popup window shows the same error message in the previous image.
  If I reload the page the <code>facebookLoginStatus()</code> response is what I expect for a logged user on facebook and the login process ends without error</p>
  
  <p><a href="https://i.stack.imgur.com/gAVMy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gAVMy.png" alt="enter image description here"></a></p>