Блог

Главная - Вопросы по программированию - Полимерные элементы работают с неполимерным веб-сайтом?

Полимерные элементы работают с неполимерным веб-сайтом?

#polymer

#полимер

Вопрос:

Простой вопрос, но могу ли я создать одностраничную форму с использованием polymer, которую можно запустить с помощью кнопки CTA с веб-сайта non polymer?

Мне нужна эта форма для хранения значений в формате json, а затем заполнения таблицы данных в моем веб-приложении polymer путем анализа этих данных json.

Поэтому, как только я создам свою страницу полимерной формы, я собираюсь поместить ее внутрь этой кнопки CTA, которая запускает страницу при нажатии. Этот CTA должен быть распространен на нескольких клиентских сайтах, то есть на «сторонних» сайтах, которые я не контролирую.

как я мог бы испечь в полимерах необходимый импорт, чтобы он мог работать на их веб-сайте?

Комментарии:

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

2. Виктор, есть ли какая-нибудь проблема, с которой вы столкнулись?

3. @a1626 Я понимаю, о чем ты говоришь. Я должен был предоставить больше контекста. Поэтому, как только я создам свою страницу полимерной формы, я собираюсь поместить ее внутрь этой кнопки CTA, которая запускает страницу при нажатии. Этот CTA должен быть распространен на нескольких клиентских сайтах, то есть на «сторонних» сайтах, которые я не контролирую. Я полагаю, что я должен был спросить, как я мог бы испечь в полимерах необходимый импорт, чтобы он мог работать на их веб-сайте?

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

Ответ №1:

Вы можете иметь весь необходимый импорт, включающий полимер, внутри вашего элемента формы. Но есть два файла, которые вам нужно будет импортировать в вашу кнопку CTA

  1. Ваш элемент формы
  2. Веб-компонент Polyfill-lite

Есть два способа, с помощью которых вы можете добиться того, чтобы все файлы Polymer были доступны для вас в вашем элементе

  1. Вы можете использовать cdn для вызова таких файлов, как polymer.html
  2. Лучшим методом будет vulcanize объединение всех необходимых файлов, включая ваш элемент, в один файл (или два, один для html и один для js, если вы также используете crisper), чтобы на стороне клиента не было нагрузки для извлечения ресурсов.

Webcomponent-lite.min.js вам придется хранить их за пределами вашего вулканизированного файла.

Итак, пока вам нужно будет экспортировать пакет из 3-4 файлов (кнопка CTA, webcomponents-lite, ваш вулканизированный элемент) минимум вашему клиенту.

Это должно сработать.