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 и как создать калькулятор индекса массы тела.

Имя запроса

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

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

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

Метод

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