AMP-list для электронной почты не удается загрузить образец json

#json #amp-email #amp-list

#json #amp-email #amp-list

Вопрос:

Я новичок в AMP, и я креативный дизайнер, поэтому мои знания о интерфейсном интерфейсе ограничены. Я пытаюсь отправить электронное письмо AMP, которое загружает информацию из json и отображает ее в электронном письме.

Я использую пример скрипта компонента AMP-list из https://amp.dev/documentation/components/amp-list/?format=email , все работает нормально, но когда я заменяю ссылку json на свой образец файла, это не сработало https://wegoexperience.com/dest.json

Кто-нибудь может посоветовать, почему? Спасибо!

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

1. Не могли бы вы опубликовать HTML-разметку AMP, которую вы использовали, которая не работала? Люди здесь не могут посоветовать без этой информации. С первого взгляда ваши элементы JSON содержат свойства, подобные img и dest , которые не соответствуют ни одному из JSON, предоставленных в документации amp.dev (например, , title , item , price ). Это означает, что ваш JSON не будет работать в качестве замены для примера AMP HTML, предоставленного на этой странице, и вам, скорее всего, потребуется настроить шаблон Mustache для учета ваших собственных свойств JSON.

Ответ №1:

Ответ: все дело в CORS, читайте здесь: https://amp.dev/documentation/guides-and-tutorials/learn/cors-in-email /

В изолированной среде на https://amp.dev / вы не сможете проверить свой собственный JSON.

Если у вас есть сервер Apache, то создайте (в папке, где находится файл JSON) файл .htaccess и напишите в нем следующий код:

 Header add Access-Control-Allow-Origin: "*"
Header add AMP-Access-Control-Allow-Source-Origin: "youaddress@youdomain.com"
Header add Access-Control-Expose-Headers: "AMP-Access-Control-Allow-Source-Origin"
 

После этого AMP-list должен работать, если вы тестируете локально или на своем сервере.