Можно ли использовать Angular JS для архитектуры JAMstack?

Мне нужно реализовать статический SPA с архитектурой JAMstack. Я знаю, что мы можем использовать ReactJS / VueJS для реализации на основе JAM. Но я хочу знать, можно ли использовать подход Angular для JAMstack?

https://dev.to/leomeloxp/what-is-jam-stack-2957

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
8
0
1 101
4
Перейти к ответу Данный вопрос помечен как решенный

Ответы 4

Насколько я понимаю. JAM означает:

  • Javascript: для обработки предварительно сгенерированного контента на клиенте, получение обновлений через API
  • API: ответ на запрос от клиента, отправлено разметка
  • Разметка: предварительно сгенерированный контент (я уверен, что он также называется Серверный рендеринг)

Таким образом, вы, очевидно, можете создать JAM с помощью Angularjs. Вот несколько известных мне ссылок, которых может хватить для создания JAM с помощью AngularJS.

Я не уверен, говорите ли вы об Angular (2+) или AngularJs (1), но в любом случае нет инструмента, который использует какие-либо из этих фреймворков, но здесь вы можете увидеть все текущие инструменты, которые вы можете выбрать для создания приложение с JAMStack

https://www.staticgen.com/

Вы можете найти такие, которые используют Jade, Handlebars для создания шаблонов. Возможно, Angular отсутствует, потому что он слишком большой, полноценный фреймворк, и в этих случаях вам больше всего нужен помощник по шаблону.

Удачи.

Ответ принят как подходящий

Поскольку JAMstack означает JavaScript, API и Разметка, единственная часть, которая немного менее прямолинейна для Angular, чем JAMstack, - это разметка.

Можно предварительно отрендерить Angular на сервере с помощью Угловой Универсальный: это будет часть Разметка JAMstack. Чтобы сделать его приложением JAMstack, вам нужно будет использовать предварительный рендеринг во время сборки вместо рендеринга на стороне сервера.

Angular - это, очевидно, JavaScript, так что это довольно просто.

И ваше приложение Angular, вероятно, уже взаимодействует с API, так что это тоже легко.

Главное, чтобы ваше приложение Angular работало как отдельный веб-сайт и обслуживало его как статические файлы через CDN. Любой контент, который необходимо динамически обновлять, вы вызываете через API.

Так что да, на мой взгляд, можно использовать Angular для JAMstack.

В веб-мире все движется быстро, теперь (с декабря 2019 года) есть генератор статических сайтов, встроенный в Angular: https://www.netlify.com/blog/2019/12/16/introduction-scully-the-angular-static-site-generator/

Код Скалли (в настоящее время версия 0.0.1, поэтому, вероятно, не стабильная / готовая к производству): https://github.com/scullyio/scully/

Объяснение JAMstack "через очки угловатого цвета": https://www.netlify.com/blog/2019/10/30/whats-angular-in-the-jamstack-it-sounds-delicious/

Другие вопросы по теме