Couldn't enable facebook authentication via passport-facebook in development mode (localhost)

Vinh Le — Thu, 10 May 2018 07:10:09 +0000

Hi all,
I am developing a web app using Facebook authentication. The technologies I used are passport-facebook and express on server side. Specifically:

route.js

   app.get('/auth/facebook', 
      passport.authenticate('facebook', {scope: 'email'} ));

   // 
   app.get('/auth/facebook/callback',
      passport.authenticate('facebook', {
         successRedirect: '/',
         failureRedirect: '/login'
      }));

passport.js

const passport = require('passport');
const FacebookStrategy = require('passport-facebook').Strategy;
const keys = require('../config/keys');

passport.use(new FacebookStrategy({
   clientID: keys.facebookClientID,
   clientSecret: keys.facebookClientSecret,
   callbackURL: '/auth/facebook/callback',
   }, (accessToken, refreshToken, profile, done) => {
      console.log(accessToken, profile);
   }
));

I run the app on development server localhost:3000, when go to route: localhost:3000/auth/facebook, an error message pops up:

"Insecure Login Blocked: You can't get an access token or log in to this app from an insecure page. Try re-loading the page as https://"

I tried to Google and StackOverFlow this but couldn't find the answer. Would be very appreciate for your helps!
Thanks all & have a great weekend!

Reveal the nth child of a div with id ‘hello’

Vinh Le — Wed, 31 Jan 2018 15:38:46 +0000

Hi all,
I am getting stuck on how to reveal the nth child of a div with id ‘hello’ by pure JavaScript. I actually tried:

var elements = document.getElementById(‘hello’);
var child = elements.children[n-1];
child.style.display = ‘block’;

However, it doesn’t seem to be right. Would be great to hear how you are likely to solve this problem! Thank you!

DEV Community: Vinh Le

Couldn't enable facebook authentication via passport-facebook in development mode (localhost)

Reveal the nth child of a div with id ‘hello’