API Вконтакте - пример использования - презентация, доклад, проект скачать

Нажмите для полного просмотра!

API Вконтакте - пример использования, слайд №1

API Вконтакте - пример использования, слайд №2

API Вконтакте - пример использования, слайд №3

API Вконтакте - пример использования, слайд №4

API Вконтакте - пример использования, слайд №5

API Вконтакте - пример использования, слайд №6

API Вконтакте - пример использования, слайд №7

API Вконтакте - пример использования, слайд №8

API Вконтакте - пример использования, слайд №9

API Вконтакте - пример использования, слайд №10

API Вконтакте - пример использования, слайд №11

API Вконтакте - пример использования, слайд №12

API Вконтакте - пример использования, слайд №13

API Вконтакте - пример использования, слайд №14

API Вконтакте - пример использования, слайд №15

API Вконтакте - пример использования, слайд №16

API Вконтакте - пример использования, слайд №17

API Вконтакте - пример использования, слайд №18

API Вконтакте - пример использования, слайд №19

API Вконтакте - пример использования, слайд №20

API Вконтакте - пример использования, слайд №21

API Вконтакте - пример использования, слайд №22

API Вконтакте - пример использования, слайд №23

API Вконтакте - пример использования, слайд №24

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему API Вконтакте - пример использования. Доклад-сообщение содержит 24 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

Слайд 2

Описание слайда:

Задача Узнать какие фотографии своих друзей отметил лайком определенный пользователь

Слайд 3

Описание слайда:

Api Вконтакте API ВКонтакте — это интерфейс, который позволяет получать информацию из базы данных vk.com с помощью http-запросов к специальному серверу

Слайд 4

Описание слайда:

Слайд 5

Описание слайда:

Три типа приложений Standalone-приложение Веб-сайт IFrame/Flash приложение

Слайд 6

$Авторизация From sub: a! https://oauth.vk.com/authorize?client_id= ${CLIENT_ID}&display=page&redirect_uri= ${REDIRECT_URL}&scope=friends &response_type=token&v=5.95 From sub: b! From sub: c! From sub: d! From sub: e! sub complete ��$

Описание слайда:

Авторизация From sub: a! https://oauth.vk.com/authorize?client_id= ${CLIENT_ID}&display=page&redirect_uri= ${REDIRECT_URL}&scope=friends &response_type=token&v=5.95 From sub: b! From sub: c! From sub: d! From sub: e! sub complete ��

Слайд 7

Описание слайда:

Авторизация access_token – специальный ключ доступа для идентификации expires_in – время жизни токена user_id – id пользователя, для которого получен токен

Слайд 8

Описание слайда:

Слайд 9

Описание слайда:

Ограничения 1. Ищем среди всех фотографий профиля друзей пользователя. 2. Пропускаем закрытые аккаунты, доступа к их данным нет. 3. Максимальное число друзей – 5000.

Слайд 10

Описание слайда:

Актуальность кейса

Слайд 11

Описание слайда:

Посещаемость

Слайд 12

Описание слайда:

Алгоритм действий 1. Получение списка друзей пользователя 2. Получение всех фотографий профиля у каждого из друзей пользователя 3. Проверка есть ли на фотографиях “лайк” от рассматриваемого пользователя

Слайд 13

$Запрос на получение списка друзей public getFriendsList(id): Observable<IDataFriendsResponse> { return this.http.jsonp(`https://api.vk.com/method/friends.get? user_id=${id}&fields=photo_200&v=5.95&access_token= &callback=JSONP_CALLBACK`, 'JSONP_CALLBACK' ).pipe( map((data: IVkFriendsResponse) => data.response) ); }$

Описание слайда:

Запрос на получение списка друзей public getFriendsList(id): Observable<IDataFriendsResponse> { return this.http.jsonp(`https://api.vk.com/method/friends.get? user_id=${id}&fields=photo_200&v=5.95&access_token= &callback=JSONP_CALLBACK`, 'JSONP_CALLBACK' ).pipe( map((data: IVkFriendsResponse) => data.response) ); }

Слайд 14

$Запрос на получение фотографий пользователя public getPhotos(photoRequest: IPhotoRequest): Observable<IDataPhotosResponse> { return this.http.jsonp(`https://api.vk.com/method/photos.get? owner_id=${photoRequest.id}&v=5.95&access_token= &album_id=${photoRequest.type}&count=${photoRequest.count}&extended=1 &offset=${photoRequest.offset}&callback=JSONP_CALLBACK`, 'JSONP_CALLBACK' ).pipe( delay(350), map((result: IVkPhotosResponse) => result.response) ); }$

Описание слайда:

Запрос на получение фотографий пользователя public getPhotos(photoRequest: IPhotoRequest): Observable<IDataPhotosResponse> { return this.http.jsonp(`https://api.vk.com/method/photos.get? owner_id=${photoRequest.id}&v=5.95&access_token= &album_id=${photoRequest.type}&count=${photoRequest.count}&extended=1 &offset=${photoRequest.offset}&callback=JSONP_CALLBACK`, 'JSONP_CALLBACK' ).pipe( delay(350), map((result: IVkPhotosResponse) => result.response) ); }

Слайд 15

$Запрос на проверку лайков на фотографии return this.http.jsonp( https://api.vk.com/method/execute?code= ${code}&v=5.95&access_token=&callback=JSONP_CALLBACK`, 'JSONP_CALLBACK' ).pipe( delay(350), map((data: IVkLikesResponse) => data.response) );$

Описание слайда:

Запрос на проверку лайков на фотографии return this.http.jsonp( https://api.vk.com/method/execute?code= ${code}&v=5.95&access_token=&callback=JSONP_CALLBACK`, 'JSONP_CALLBACK' ).pipe( delay(350), map((data: IVkLikesResponse) => data.response) );

Слайд 16

$Запрос на проверку лайков на фотографии let code = 'return {'; photos.forEach((photo, index) => { code = code + `listLikes_${photo.id}: API.likes.isLiked({"type":"${type}","user_id":${id},"owner_id": ${photo.owner_id},"item_id":${photo.id}}),`; if (index === photos.length - 1) { code = code.substring(0, code.length - 1) + '};'; } });$

Описание слайда:

Запрос на проверку лайков на фотографии let code = 'return {'; photos.forEach((photo, index) => { code = code + `listLikes_${photo.id}: API.likes.isLiked({"type":"${type}","user_id":${id},"owner_id": ${photo.owner_id},"item_id":${photo.id}}),`; if (index === photos.length - 1) { code = code.substring(0, code.length - 1) + '};'; } });

Слайд 17

Описание слайда:

Слайд 18

$Инициализация поиска private searchLikes_ = new BehaviorSubject<boolean>(true); private searchLikes$ = this.searchLikes_ .asObservable(); public searchLikesToPhotos(): void { this.searchLikes$.pipe( switchMap(_ => { this.friend = this.getFriend(); if (!this.friend) { return of(false); } this.friends.length = this.friends.length - 1; this.foundPhotos = []; return this.getUserPhotos(); })).subscribe(); }$

Описание слайда:

Инициализация поиска private searchLikes_ = new BehaviorSubject<boolean>(true); private searchLikes$ = this.searchLikes_ .asObservable(); public searchLikesToPhotos(): void { this.searchLikes$.pipe( switchMap(_ => { this.friend = this.getFriend(); if (!this.friend) { return of(false); } this.friends.length = this.friends.length - 1; this.foundPhotos = []; return this.getUserPhotos(); })).subscribe(); }

Слайд 19

Описание слайда:

Обработка фотографий

Слайд 20

Описание слайда:

Слайд 21

$Формирование массива запросов const requests = []; const COUNT_PHOTOS = 25; const countRequests = Math.ceil(this.foundPhotos.length / COUNT_PHOTOS); for (let i = 0; i < countRequests; i++) { requests[i] = this.photosApiService.isLikesRequest(this.userId, this.foundPhotos.slice((i * COUNT_PHOTOS), (i * COUNT_PHOTOS) + COUNT_PHOTOS), 'photo'); }$

Описание слайда:

Формирование массива запросов const requests = []; const COUNT_PHOTOS = 25; const countRequests = Math.ceil(this.foundPhotos.length / COUNT_PHOTOS); for (let i = 0; i < countRequests; i++) { requests[i] = this.photosApiService.isLikesRequest(this.userId, this.foundPhotos.slice((i * COUNT_PHOTOS), (i * COUNT_PHOTOS) + COUNT_PHOTOS), 'photo'); }

Слайд 22

Описание слайда:

Количество лайков пользователя на каждом фото Фильтруем результат по полю liked. Ищем в массиве фотографий this.foundPhotos объект фото по id (id вырезаем из строки listLikes_ID). Добавляем фото в объект пользователя.