Архитектура любого mashup состоит из трех основных частей, связанных между собой физически или логически:

• Провайдеры API данных – это провайдеры контента, откуда берется информация. К примеру: в Chicagocrime использовалась информация с GoogleMaps и полицейского департамента Чикаго.
• Mashup сайт – это интернетприложения, на которых собирается и размещается информация от провайдеров контента, информация получается с помощью открытых API.
• Клиентский браузер, который при определённых настройках браузера со стороны клиента может генерировать информацию как по языковым и региональным настройкам, так и по последним поисковым запросам. Благодаря чему, при запуске браузера, он сам выбирает нужные настройки Web сервисов, избавляя пользователя от лишней информации, несвязанной не с его языковыми, региональными и поисковыми запросами. Пример реализации настройки браузера хорошо просматривается в API Google Maps. При запуске браузера у пользователя отображается информация на его языке. Одним словомклиентский браузер – это среда, в которой приложение интерпретируетсяв графическом виде и происходит взаимодействие с пользователем. (Duane Merrill, 2009. Mashups: The new breed of Web app. Online).

Для того, чтобы mashup приложения начали свою работу, используются различные технологии для их реализации:

Ajax – представляет собой модель web-приложений, состоящих из технологий:

• HTML5[1] является сотрудничеством между W3C и Web приложений генеративной технологии рабочей группы WHATWG. Основан на HTML, CSS, DOM, JavaScript;
• API модели DOM[2] независимая интерфейсная модель - для динамического отображения и взаимодействия HTML;
• XML расширяемый язык разметки - для асинхронного обмена данными;
• JavaScript – использование сценариев на стороне клиентского браузера.

Учитывая, что данные обмениваются между различными серверами и интерпретируются на пользовательской машине, Ajax позволяет это делать без перезагрузки браузера во время интерактивной работы пользователя с Web- приложением.

Soap[3] и Rest[4] – это платформы независимых web- протоколов для связи с удаленными сервисами:

• Rest – архитектурный стиль программного обеспечения для распределения систем, таких как World Wide Web, который используется для построения Webслужб посредством HTTP[5] и XML, который был впервые описан в диссертации RoyThomasFielding “Architectural Styles and the Design of Network-based Software Architectures“.
• Soap – протокол доступа к объектам. Используется для обмена произвольным сообщениями в формате XML.

Клиенты могут использовать SOAP и REST для взаимодействия с удаленными сервисами. Функции сервиса полностью передаются через описание сообщений, при помощи которых осуществляются запросы и ответы. (Duane Merrill, 2009. Mashups: The new breed of Web app. Online).

Atom[6] и RSS[7] – это семейство форматов синдикации на основе XML. RSS позволяет с помощью онлайн сервисов и различных агрегаторов и каталогов импортировать и экспортировать информацию, что позволяет пользователю собирать нужную для него информацию в удобном для него видео с различных сайтов. Формат Atom, который учел недостатки RSS и реализует тот же обмен информации основанный на XML.