# 08 Плагины

В Bubble есть библиотека плагинов, которые вы можете установить в свое приложение. Плагины могут быть элементами, вставляемыми на страницу, действиями, источниками данных или событиями, которые обычно закрепляются за элементами. Некоторые плагины являются "фоновыми сервисами", так как они могут что-то загружать в фоне, например, Google Analytics. Установите плагин на вкладке Plugins и при необходимости введите API ключи. API ключи для Live версии приложения должны добавляться всегда. Если для версии Разработчика API ключи не заданы, будут использоваться ключи для Live версии.

## API коннектор

API коннектор позволяет вам связывать Bubble почти со всеми сторонними API. В качестве ответа Bubble ожидает получить корректный JSON. Вы можете предоставить заголовки, параметры и тело вызова. Созданные API запросы могут быть использованы в качестве действий или интерпретированы как данные. Если они используются как данные, то появятся в выпадающем меню "Get data from an external API" после клика на кнопку "Insert dynamic data". Если используются как действия, то будут отображены в разделе Plugins выпадающего меню Actions.

После настройки API запроса его нужно инициализировать. Если вы этого не сделаете, то он не появится в Редакторе Bubble. Обратите, пожалуйста, внимание, что при инициализации запроса он фактически запускается/исполняется. Если запрос удаляет элемент или создает его по уникальному идентификатору, то при нажатии на кнопку "Initialize call", при успехе, этот элемент будет удален или создан. Соответственно, следующий запрос, скорее всего, завершится с ошибкой, т.к. элемент уже будет удален или уже будет существовать.

URL API запроса никогда не отправляется в браузер пользователя. Заголовки и параметры посылаются в браузер только в том случае, если для них установлена метка "client safe"/"безопасна для клиента". Параметры, такие как секретный API ключ или пароль, никогда не должны помечаться как "client safe". Если вы пометите параметр как "client safe", то сможете динамически изменять его значение в Редакторе Bubble. Поисковый запрос в строке поиска является хорошим примером client safe параметра. Тело запроса посылается пользователю, поэтому оно не client safe. Когда вы отправляете post запрос с JSON-ом внутри, вы должны создать заголовок в котором будет параметр (key) " Content-Type" со значением (value) "application/json".

Чтобы лучше понять как это работает, мы подобрали пару видео: [руководство использования Etsy API](https://vimeo.com/162729137) и [как создать калькулятор индекса массы тела](https://vimeo.com/162728948).

### Имя запроса

### Использовать как

### Аутентификация

### Удалить вызов

### Метод

### URL

### Тело

### Заголовки

### Тип тела

### Параметры

### Захватывать заголовки ответов

### Инициализировать вызов

## Соединитель Приложений Bubble

### Домен приложения

### Сопоставлять версии (Живая или Разработчика)

### Закрытый ключ

### ID клиента

### Ключ клиента

### Имя вызова

### Тип вызова

### Аутентификация

### Обновить метаданные приложения

## Blockspring

## Braintree

### Снять деньги с текущего пользователя

*Payer email*

This is the email of the user who is going to be charged. Typically, it is 'Current user's email.'

*Amount*

This is the amount to be charged. This can be dynamic by using the 'Insert dynamic data' button. The currency is defined in your account with Braintree and associated with the entered information in the Braintree section in the Plugins Tab.

*Description*

This is the description that will appear on the PayPal account of the user.

*Button caption*

Enter the caption of the button in the Credit Card/PayPal form.

*Authorize the charge only*

This determines whether to immediately capture the charge. When checked, the charge issues an authorization and will need to be captured later. Uncaptured charges expire in 7 days. You can then capture the charge in your Stripe dashboard.

*Enable 3D Secure check*

Check this box to activate an additional layer of protection by prompting the user to enter the password with their bank.\
Important: Test this functionality with Braintree Sandbox and then again in Live mode.

*Do not show success message*

By default, Bubble displays an alert in

### Подписать пользователя на тариф

*Make the plan name dynamic*

By default, the plan is selected from a dropdown menu. Check this box to make the plan dynamic.

*Plan name*

Once you enter keys in the Braintree section in the Plugins Tab, we fetch the plans you created with Stripe to populate this list. Select the plan to subscribe the user to.\
Important: Since the app has two versions, Development and Live, you need to have both versions of your account in Stripe to have the same plans with the same IDs.

*Do not show success message*

### Отменить текущий тариф пользователя

*Do not show success message*

## Chart.js

### Line/Bar Chart

## Circle Music Player

### Music Player

## SQL Database Connector

## Disqus

### Disquis

## DocuSign

## Draggable UI elements

## Facebook

## Full Calendar

## Ionic Elements

### Ionic Icon

## jPanel Menu

### Slidebar Menu

## Tinder-like Element

### Tinder Pile

## Localize Translation

## Mailchimp

## Mixpanel

## Dropzone

## Progress Bar

### Progress Bar

## Rich Text Editor - SCEditor

### Rich Text Input

## Segment

## Slick Slideshow

### Slideshow

## Star Rating

### Star Rating

## Stripe

## Ziggeo

## AddtoAny Share Buttons

### Share Buttons
