Учебники по Кордове: вход в Facebook, часть 1: настройка плагина

Интегрировать вход через Facebook в ваше мобильное приложение проще, чем вы думаете.

Перед тем, как начать работу с руководством, убедитесь, что ваша среда разработки Cordova уже настроена, и вы уже пробовали создавать мобильные приложения раньше.

Что вы хотите, чтобы я сделал дальше?

Напишите мне @ [email protected]

Давайте начнем

ШАГ 1

Создайте свой проект Cordova с помощью командной строки

ШАГ 2

Зайдите в Facebook разработчики и создайте приложение.

Нажмите на добавление нового приложения

назовите его как хотите, я просто назову его учебник, после чего вы можете щелкнуть идентификатор создания приложения

Перейти к продуктам

Очевидно, нажмите кнопку настройки входа в Facebook

выберите Android, очевидно, хахаха

вы будете перенаправлены сюда, просто нажмите «Далее», пока не дойдете до следующего изображения ниже. Не волнуйтесь, вам не нужно загружать SDK, мы будем использовать плагин Cordova facebook позже, поэтому нам не нужны другие шаги

добавьте имя пакета проекта cordeova, созданного вами на первом этапе. В действии по умолчанию просто добавьте имя пакета вашего приложения, а затем добавьте .MainActivity в конец, как на картинке. Затем нажмите сохранить

щелкните использовать это имя пакета и после выхода из модального окна нажмите кнопку продолжения

теперь мы сгенерируем ключевой хеш

ШАГ 3

Сгенерировать ключевой хеш

Для windows вам нужно скачать библиотеку openssl здесь.

Выберите openssl-0.9.8e X64 для 64-разрядных операционных систем

Выберите openssl-0.9.8e WIN32 для 32-разрядных операционных систем

Примечание. Загрузите указанную выше версию, иначе она не сработает

Создайте папку на диске C: с именем openssl, затем извлеките в нее загруженный zip-архив следующим образом

C: / openssl / extract_here

Теперь мы можем сгенерировать ключ has

просто замените имя пользователя на имя пользователя, которое вы используете на своем компьютере

Это появится, просто введите

андроид

это пароль по умолчанию

Итак, вы сгенерировали хэш-ключ, скопировали его, а затем были готовы продолжить настройку нашего приложения для разработчиков facebook.

Введите свой хэш-ключ, затем сохраните и продолжите

После этого вам не нужно беспокоиться о других шагах разработчиков facebook. Просто скопируйте appid и название приложения, которые могут быть расположены так

теперь вы можете закрыть вкладку разработчиков facebook.

ШАГ 4

добавление плагина facebook cordova в ваш проект cordova

Зайдите в каталог вашего проекта прямо здесь

Так что выполните команду

Измените APP_ID и APP_NAME на те, которые вы скопировали ранее

Примечание: не удаляйте "

После добавления плагина соберите мобильное приложение, чтобы проверить, нет ли ошибок, с помощью команды

если ошибки нет, тогда вам хорошо перейти к части 2

Если у вас есть вопросы, оставьте комментарий ниже!

ПРИМЕЧАНИЕ. Часть 2 выйдет на следующей неделе.

Содержание

Реализация плагина Cordova facebook (в этой части мы начнем писать код для реализации плагина)

ПРИМЕЧАНИЕ. Часть 3 будет выпущена на следующей неделе после выпуска части 2.