Как мне вложить данные JSON в мой HTML-файл? - PullRequest
0 голосов
/ 30 ноября 2018

В настоящее время я работаю над проектом, в котором создаю воспроизводимое объявление, которое я хотел бы загрузить на Facebook.

В соответствии со спецификациями объявлений Facebook: (https://www.facebook.com/business/help/412951382532338?helpref=faq_content) Они принимают для загрузки только один файл HTML размером менее 2 МБ. Это означает, что мне нужно встроить все внешние ссылки в один файл HTML.подводит меня к моей проблеме: чтобы ускорить разработку, я использую игровые движки, такие как PlayCanvas и Phaser Editor. Проблема, с которой я сталкиваюсь в большинстве игровых движков, заключается в том, что они всегда хранят данные в файле JSON, что затрудняет обращение к ним.HTML-файл. Можно ли как-нибудь вставить эти данные в мой файл?

Данные JSON, содержащие изображение в кодировке base64:

"section": [{
    "type": "image",
    "key": "logo",
    "url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEn.........",
   "overwrite": false
  }],
  "meta": {
    "generated": "1543491968969",
    "app": "Phaser Editor",
    "url": "http://phasereditor.boniatillo.com",
    "version": "1.0",
    "copyright": "Arian Fornaris (c) 2015,2016"
  }
}

Функция, которая ссылается на эти данные в моем HTMLfile:

Level.prototype.preload = function () 
  {
    this.load.pack('section', 'assets/pack.json');
  };

Есть ли способ загрузить ссылочные данные из файла JSON в эту функцию? Я пытался использовать

<script id="data" type="application/json">
    {
        JSON data here
    }
</script> 

и затем вставлять код в фигурные скобкиЗамените «assets / pack.json» этим кодом. Я также пытался заменить «section» соответствующими данными JSON, но я не был успешнымл.Я надеюсь, что есть кто-то, кто может понять, как работает эта функция и как можно было бы вставить эти данные туда.

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

Я хотел бы заранее поблагодарить всех и благодарен за любую помощь в решении этой проблемы.

1 Ответ

0 голосов
/ 30 ноября 2018

Я думаю, что вы можете достичь этого, создав скрытое HTML-поле и установив его данные - таким объектом, как этот.

<div data-foobar='{"foo":"bar"}'></div>

Проверьте эту ссылку:

http://jsfiddle.net/GlauberRocha/Q6kKU/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...