Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sally-framework/vk-keyboard

Библиотека для конструирования объектов клавиатур vk api
https://github.com/sally-framework/vk-keyboard

vk vk-api vk-bot vk-sdk vkapi vkbot vkontakte vkontakte-api vkontakte-client vkontakte-sdk

Last synced: 23 days ago
JSON representation

Библиотека для конструирования объектов клавиатур vk api

Awesome Lists containing this project

README

        

# VK Keyboard
[![Latest Version](https://badgen.net/packagist/v/sally/vk-keyboard)](https://packagist.org/packages/sally/vk-keyboard)
[![Licence](https://badgen.net/badge/license/MIT/blue)](LICENCE)
[![Last Commit](https://badgen.net/github/last-commit/Sally-Framework/vk-keyboard)](https://github.com/Sally-Framework/vk-keyboard)
## Установка

Перед установкой рекомендую ознакомиться с последними обновлениями api вконтакте,
а также прочитать про типы кнопок, клавиатур, каруселей и особенностей работы с api вконтакте.
[Документация клавиатур](https://vk.com/dev/bots_docs_3)

```bash
$ composer require sally/vk-keyboard
```

## Использование
На момент создания библиотеки api вконтакте поддерживает 3 типа клавиатур, а именно inline, обычная клавиатура и карусели
## Обычные
![Basic](images/vk_basic.jpg)
## Inline
![Inline](images/vk_inline.jpg)
## Карусели
![Open Link](images/vk_carousel.jpg)

Чтобы создать такие объекты кавиатур воспользуйтесь фасадом-конструктором этих объектов.

## Для создания обычной клавиатуры
```php
location([]),
],
[
$factory->text('Текстовая кнопка', ['button' => 1], Text::COLOR_RED),
$factory->link('Кнопка с ссылкой', 'https://github.com/Sally-Framework/vk-keyboard', []),
],
[
$factory->pay('action=transfer-to-group&group_id=1&aid=10')
],
[
$factory->app('Кнопка приложения', 6979558, '-181108510', 'sendKeyboard')
]
];
});

```

Фасад сконвертирует клавиатуру в json, согласно требованиям api вконтакте
```json
{
"one_time": true,
"buttons": [
[
{
"action": {
"payload": "[]",
"type": "location"
}
}
],
[
{
"color": "negative",
"action": {
"payload": "{\"button\":1}",
"label": "Текстовая кнопка",
"type": "text"
}
},
{
"action": {
"link": "https:\/\/github.com\/Sally-Framework\/vk-keyboard",
"label": "Кнопка с ссылкой",
"payload": "[]",
"type": "open_link"
}
}
],
[
{
"action": {
"hash": "action=transfer-to-group&group_id=1&aid=10",
"type": "vkpay"
}
}
],
[
{
"action": {
"app_id": 6979558,
"owner_id": "-181108510",
"hash": "sendKeyboard",
"label": "Кнопка приложения",
"type": "open_app"
}
}
]
]
}
```

Если отправить такую клавиатуру, то она будет отображена в таком виде
![Keyboard](images/basic_keyboard.png)

## Для Inline клавиатуры
```php
location([]),
],
[
$factory->text('Текстовая кнопка', ['button' => 1], Text::COLOR_RED),
$factory->link('Кнопка с ссылкой', 'https://github.com/Sally-Framework/vk-keyboard', []),
],
[
$factory->pay('action=transfer-to-group&group_id=1&aid=10')
],
[
$factory->app('Кнопка приложения', 6979558, '-181108510', 'sendKeyboard')
]
];
});

```

```json
{
"inline": true,
"buttons": [
[
{
"action": {
"payload": "[]",
"type": "location"
}
}
],
[
{
"color": "negative",
"action": {
"payload": "{\"button\":1}",
"label": "Текстовая кнопка",
"type": "text"
}
},
{
"action": {
"link": "https:\/\/github.com\/Sally-Framework\/vk-keyboard",
"label": "Кнопка с ссылкой",
"payload": "[]",
"type": "open_link"
}
}
],
[
{
"action": {
"hash": "action=transfer-to-group&group_id=1&aid=10",
"type": "vkpay"
}
}
],
[
{
"action": {
"app_id": 6979558,
"owner_id": "-181108510",
"hash": "sendKeyboard",
"label": "Кнопка приложения",
"type": "open_app"
}
}
]
]
}
```

![Inline](images/inline_keyboard.png)

## Для каруселей
```php
openPhoto([
$buttonFactory->location(['button' => 'location']),
$buttonFactory->pay('action=transfer-to-group&group_id=1&aid=10'),
$buttonFactory->link('Кнопка с ссылкой', 'https://github.com/Sally-Framework/vk-keyboard', []),
], 'Карусель Open Photo', 'По нажатию у вас откроется картинка', '-109837093_457242809'),
$elementFactory->openPhoto([
$buttonFactory->location(['button' => 'location']),
$buttonFactory->pay('action=transfer-to-group&group_id=1&aid=10'),
$buttonFactory->link('Кнопка с ссылкой', 'https://github.com/Sally-Framework/vk-keyboard', []),
], 'Карусель Open Photo', 'По нажатию у вас откроется картинка', '-109837093_457242809'),
$elementFactory->openPhoto([
$buttonFactory->location(['button' => 'location']),
$buttonFactory->pay('action=transfer-to-group&group_id=1&aid=10'),
$buttonFactory->link('Кнопка с ссылкой', 'https://github.com/Sally-Framework/vk-keyboard', []),
], 'Карусель Open Photo', 'По нажатию у вас откроется картинка', '-109837093_457242809'),
];
});

```

```json
{
"elements": [
{
"buttons": [
{
"action": {
"payload": "{\"button\":\"location\"}",
"type": "location"
}
},
{
"action": {
"hash": "action=transfer-to-group&group_id=1&aid=10",
"type": "vkpay"
}
},
{
"action": {
"link": "https:\/\/github.com\/Sally-Framework\/vk-keyboard",
"label": "Кнопка с ссылкой",
"payload": "[]",
"type": "open_link"
}
}
],
"title": "Карусель Open Photo",
"description": "По нажатию у вас откроется картинка",
"photo_id": "-109837093_457242809",
"action": {
"type": "open_photo"
}
},
{
"buttons": [
{
"action": {
"payload": "{\"button\":\"location\"}",
"type": "location"
}
},
{
"action": {
"hash": "action=transfer-to-group&group_id=1&aid=10",
"type": "vkpay"
}
},
{
"action": {
"link": "https:\/\/github.com\/Sally-Framework\/vk-keyboard",
"label": "Кнопка с ссылкой",
"payload": "[]",
"type": "open_link"
}
}
],
"title": "Карусель Open Photo",
"description": "По нажатию у вас откроется картинка",
"photo_id": "-109837093_457242809",
"action": {
"type": "open_photo"
}
},
{
"buttons": [
{
"action": {
"payload": "{\"button\":\"location\"}",
"type": "location"
}
},
{
"action": {
"hash": "action=transfer-to-group&group_id=1&aid=10",
"type": "vkpay"
}
},
{
"action": {
"link": "https:\/\/github.com\/Sally-Framework\/vk-keyboard",
"label": "Кнопка с ссылкой",
"payload": "[]",
"type": "open_link"
}
}
],
"title": "Карусель Open Photo",
"description": "По нажатию у вас откроется картинка",
"photo_id": "-109837093_457242809",
"action": {
"type": "open_photo"
}
}
],
"type": "carousel"
}
```

![Carousel](images/open_photo.png)

## Примеры
Более детальные примеры представлены [здесь](examples).