Vue.js | Vue google facebook login
TutorialbuiltwithVue2.6.12andtheVueCLIOtherversionsavailable:InthistutorialwellcoverhowtoimplementFacebookLogininVue.jswithanexampleappthatallowsyoutologinwithFacebookandview/update/deleteaccountsregisteredintheVueapp.ThefirsttimeyouloginwithFacebookanaccountisregisteredintheVueappwithyourFacebookidsoitcanidentifyyouwhenyouloginagainwithFacebook.TheaccountiscreatedwiththenamefromyourFacebookaccountandanextraInfofieldwithsomedefaulttext,boththenameandextrainfocanbeupdatedintheVueapp,andupdati...
Tutorial built with Vue 2.6.12 and the Vue CLI
Other versions available:
In this tutorial well cover how to implement Facebook Login in Vue.js with an example app that allows you to login with Facebook and view/update/delete accounts registered in the Vue app.
The first time you login with Facebook an account is registered in the Vue app with your Facebook id so it can identify you when you login again with Facebook. The account is created with the name from your Facebook account and an extraInfo field with some default text, both the name and extra info can be updated in the Vue app, and updating account details only changes them in the app it doesnt affect anything on Facebook.
The example project is available on GitHub at https://github.com/cornflourblue/vue-facebook-login-example[1].
Here it is in action: (See on CodeSandbox at https://codesandbox.io/s/vuejs-facebook-login-example-ns2nr[2])
Vue.js Facebook Login App DetailsThe ex...