Подключаем API

_экрана_2017-01-04_в_0.07.32.png

Подключаем API

Вы увидели страшное слово API? Не пугайтесь и наберитесь терпения.

Instagram

1. У Вас доджен быть свой Instagram account
2. Войдите http://instagram.com/developer/
3. Жмите на Manage Clients (в самой шапке http://instagram.com/developer/)
4. Жмите на Register a New Client
5. Заполните все поля, для App Name введите название платформы или компании, а для app description расскажите для Instagram “app allows the users to integrate Instagram photo galleries in their mobile applications“. В поле Website и OAuth redirect_uri , необходимо ввести ссылку на платформу, типа http://apps.mydomain.com.
6. Теперь у Вас есть Client ID и Redirect URI
7. Жмите на “Manage” , затем жмите на вкладку “Security” , снимите галочку “Disable implicit OAuth:” и жмите на “Update Client”.
8. Во в этом URL: https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token измените  “CLIENT-ID” и “REDIRECT-URI” на свою информацию, и затем вставьте в командную строку Вашего браузера. Должно получится похожее на это https://api.instagram.com/oauth/authorize/?client_id=817718189191&redirect_uri=http://www.mydomain.com&response_type=token например, CLIENT-ID это “817718189191” а ваш REDIRECT-URI это http://www.mydomain.com
9. Примите условия в Браузере на экране
10. Вот Вы и получили token (он в самом URL браузера после “access_token=”)
11. Чтобы работал у каждого приложения свой Instagram, то это нужно проделывать с каждой учетной записью отдельно.
12. Вставляем полученные CLIENT-ID и ACCESS TOKEN в редактор конструктора, в Настройки > Instagram.


 

Facebook

Тут весь процесс.
1. Вам потребуется Facebook user account
2. Проходим по ссылке https://developers.facebook.com/
3. Жмите на “Apps” и “Add a New App”
4. Выбираем “Website”
5. Обзываем как хотим свой Facebook app (вы можете назвать его общим именем для рефералов, типа “Apps Maker Company”). Потому что это название будет маячитьпри каждом создании клиентом нового аккаунта через фейсбук коннект. Затем жмем “Create New Facebook App ID”.
6. Выбираем категорию “Communication” , и жмем на “Create App ID”
7. В верхнем правом углу жмите на кнопку “Skip Quick Start”
8. В левом меню нажимаем на Settings
9. И в поле App Domains, оставляем ПУСТО.
10. Жмем на +Add Platform и выбираем “Website”
11. А где поле Site URL указывает адрес вашей платформы () и в этот раз уже с “http://”, и “www.” Во всяком случае это выглядит так: http://apps.mydomain.com. Укажите на всяки пожарный и домен, и субдомен http://*.yourdomain.com (Даже если ваша платформа apps.domain.com то введите http://*.domain.com”. Затем сохраните.

Screen-Shot-2016-03-22-at-21.55.251.png

12. Переходим во вкладку “Advanced”.

Делаем настройки как на рисунке ниже:Screen-Shot-2016-03-22-at-17.53.511.png

 

Затем в левом нижнем углу жмем на “+Add a product”:

Screen-Shot-2016-07-21-at-18.50.32.png

Далее выбор лежит на “Facebook login”:Screen-Shot-2016-07-21-at-18.50.39.png

 

И делаем настрйки как тут (сменит только “yourdomain” на URL до своей платформы):Screen-Shot-2016-05-10-at-10.54.46.png

 

13. Далее в левом меню, жмем на App Details, крутим вниз и добавляем иконку к своему приложению. Это необязательно, так будет красивее. Жмем на Save Changes.
14. В левом меню, жмем на Status & Reviews
15. Включаем “Do you want to make this app and all its live features available to the general public?” в “yes”
16. Снова в левом меню, жмем на Settings. Копируем полученные цифры от App ID и App secret, в свою платформу (backoffice > Настройки > APIs) или в редактор Настройки > Facebook.
17. Вот и все!


 

Youtube

Чтобы создать свой API key и задействовать Youtube videos в функциях Custom page, Видео, то сделайте следующее:

– Бежим в https://console.developers.google.com

– Заходим В … или создаем Google account.

– Жмем на Project и жмем на Create project

youtube_api00-920x446.png

– Создаем проект

youtube_api01.png

– Выбираем библиотеку использования API и включаем YouTube Data API

youtube_api02-920x412.png

– Жмем на “Enable”

youtube_api03-920x311.png

– Затем жмем на “Credentials” слева

youtube_api04-920x308.png

– Жмем на  “create credentials” и сразу же на “API key”

youtube_api05-320x196.png

– Вот и Ваш API key для YouTube (только не жмите на restrict your key).

youtube_api06.png

– Можете вставлять этот ключ в свой (Backoffice > Настройки > API > Youtube).

 


 

Soundcloud

Идем в http://soundcloud.com/you/apps (для начала получите аккаунт от Soundcloud)
Жмем на “Register a new app”, затем обзываем как хотим свой Soundcloud application (пусть это будет название платформы), затем заполняем все поля.

В поле “redirect uri” вставляем адрес платформы: чтохто типа такого http://my.apps.com/media/application_gallery_music/soundcloudcallback

Все готово.

0 Comments
Leave a comment

Вам понравились наши работы?

В таком случае просим Вас заполнить специальную форму, и система сама дозвониться до Вас через специальный скрипт. Если у Вас есть какие-то пожелания или наметки, то можете писать на sales@yappix.ru