2016-10-20 5 views
1

Я новичок в Appery.io, IONIC и AngularJS, но до сих пор он оказался злой удивительной платформой для оптимизации разработки.Доступ к внешнему ресурсу в Appery.io

Проблема, с которой я столкнулась, заключается в интеграции внешних ресурсов JS.

То, что я пытаюсь достичь - Обзор

Я пытаюсь добавить форму обработки Braintree's drop-in UI оплаты в одной точке зрения в моем приложении.

Проблема

Я продолжаю получать «Ошибка: Braintree.setup не является функцией» ошибка при запуске функции Braintree.setup().

Добавление внешней библиотеки

Я включил скрипт, выполнив следующие действия:

  1. Перейти к: Настройки приложения> Внешние ресурсы
  2. Добавить скрипт URL и сохранить его в качестве внешней библиотеки
  3. Установите его для включения, чтобы я мог загружать его только во время просмотра платежной страницы.

enter image description here

Включая сценарий в представлении

  1. Перейти к «Routing»
  2. Нажмите «Зависимости» для страницы, которую я хочу, чтобы загрузить его на
  3. Выберите сценарий> экономия

enter image description here

Срабатывание Braintree.setup()

  1. Поп на мою страницу> Сфера
  2. Добавить функцию настройки, как указано на сайте Braintree.

enter image description here

Запуск страницы

  1. запустить страницу и я условии, что это ошибка "Ошибка: Braintree.setup не является функцией"

Примечание: I Я также получаю еще одну ошибку до этого, но понятия не имею, почему. В нем также есть некоторые демонстрационные приложения, которые Appery предоставил. Брауни указывает, можете ли вы сказать мне, почему.

enter image description here

Сценарий был загружен, как я могу видеть его в Firebug.

enter image description here

ПРИМЕЧАНИЕ: На сайте код использует braintree.setup(), а не Braintree.setup(). Я перешел на Braintree.setup(), потому что braintree.setup() давал мне ошибку, говоря, что braintree не определен. Я не уверен, что Braintree является переменной, определенной в разделе ресурсов, в котором Appery присваивает переменные значения из сценария.

Большое спасибо всем, кто может помочь!

ответ

1

После многократного поиска я узнал о RequireJS и AngularJS.

Оказывается, вы должны определить скрипт и поместить его внутри переменной, а также перечислить любые зависимости.

Шаг 1: Создать> Javascript Типа = Угловая служба

Шаг 2: Определить зависимость от внешнего Lib URL

Шаг 3: Вернуть внешнего Lib свойства

enter image description here

Шаг 4: Включите только что созданный JS-файл и внешнюю Lib на вашей странице

Шаг 5: Позвоните по адресу u Sing Apperyio.get ('AngularServiceName')

enter image description here

Вуаля!

+0

На самом деле это было намного проще, чем описано выше! Просто используйте: Apperyio.getLibrary ('name_of_script'). Имя сценария - это имя, которое вы назвали своей библиотекой на странице «Настройки приложения». –

Смежные вопросы