В этом посте я покажу вам, как создать компонент кнопки входа в социальную сеть Facebook на веб-страницу с помощью JavaScript SDK Facebook. Эта статья предполагает предварительное знакомство с Vue (любезно зайдите сюда, если какой-либо из приведенных ниже материалов вам не знаком).

С более чем 2 миллиардами активных пользователей в месяц и 72% долей в социальных сетях, внедрение Facebook Social Login в ваше приложение является хорошим вариантом.

Использование Facebook Social Login не только обещает беспроблемный опыт работы с клиентами (регистрация с использованием учетных данных Facebook), но также позволяет вашей маркетинговой команде собирать более точные данные, включая проверенные адреса электронной почты, возраст, пол и т. Д., Тем самым предлагая простой способ продвижения ваш бренд для более широкой аудитории.

Поскольку это код, и я создаю один файловый компонент (я буду использовать встроенные комментарии для объяснения работы)

git clone https://gist.github.com/aa939ac9a520e9aa803928062d62ddaa.git

Это было вдохновлено этими чтениями

  1. Https://developers.facebook.com/docs/php/howto/example_access_token_from_javascript/

2. https://stackoverflow.com/questions/38951751/vuejs-component-wait-for-facebook-sdk-to-load