О проекте

Это шаблон приложения, который я собрал с использованием следующих технологий:

• И клиент, и сервер делают запросы для загрузки данных с отдельного сервера API.
• KOA.
• React.
• Mongo.
• Mongoose.
• FKP Cache.
• FKP Router.
• FKP Flux для React, базовый FKP Cache, это миксины React.
• Babel для ES6 и ES7.
• Webpack для объединения.
• GULP.
• browser-sync.
• Промежуточное ПО Webpack Hot.
• lru-memoize для ускорения проверки формы.
• style-loader.
• less-loader для импорта таблиц стилей в простом CSS и Less.

Демо

1. Обзор

FKP-REST — это набор для полного стека, основанный на JavaScript, с разделением передней и задней частей, подходит для небольших проектов. Он основан на Node и имеет высокую производительность, простоту развёртывания и согласованность между языками JavaScript на передней и задней частях. FKP-REST предлагает хорошее решение с точки зрения обучения, затрат времени и быстрого запуска проекта. FKP повышает эффективность разработки на ранних и средних этапах проекта.

FED: передняя часть имеет полную систему сборки, поддерживает компиляцию, сжатие, модульность кода и различные компоненты на основе Reactjs, включая маршрутизатор, flux и хранилище.

BACK: задняя часть основана на полной архитектуре MVC на базе KOAjs и эффективно сочетается с передней частью через промежуточный уровень map. Промежуточный уровень map может быть выделен отдельно для реализации традиционной модели разработки, основанной на задней части.

API: слой API поддерживает два режима передачи данных: pass и proxy, что значительно упрощает разработку передней части и позволяет избежать распространённых проблем с междоменными запросами. Взаимодействие с задней частью данных реализуется через простую конфигурацию apilist.

DB: уровень базы данных использует архитектуру MVC и поддерживает базу данных MongoDB, предоставляя данные и поддержку рендеринга для передней и задней частей.

FKP-REST представляет собой набор инструментов для разделения передней и задней частей и является набором для полного стека (API/RESTFUL), основанным на Node. На данный момент реализованы следующие аспекты:

• Модульная разработка передней части (на основе CMD, совместима с AMD).
• Три среды разработки (demo/dev/pro).
• Компиляция, объединение и хеширование кода передней части.
• Обработка данных и HTTP-сервисы на задней части (основаны на node/koajs).
• Реакция на одной стороне с задней частью.

Особенности

• RESTFUL.
• Поддержка интеграции с WeChat.
• Поддержка сканирования QR-кода в WeChat, открытие страницы в WeChat для предварительного просмотра.
• Поддержка React.
• Поддержка Sass/Less (по умолчанию используется Less).
• Поддержка нативного JavaScript/CoffeeScript.
• Передняя часть поддерживает CMD/AMD, можно легко переключаться.
• Задняя часть на основе KOA MVC.
• Среда разработки включает API-интерфейсы данных.
• Поддерживает документацию в формате Markdown.
• Конфигурация компиляции модульная.

Полный стек

Полный стек включает в себя сжатие, компиляцию, API, KOA (MVC) и базу данных (Mongo).

FKP-REST разработан на основе модели разделения передней и задней частей и предоставляет модуль API для соединения с API данных задней части. Другие функции, такие как рендеринг, простая логика и session, обрабатываются передней частью единообразно. Конечно, FKP-REST также поддерживает традиционную модель разработки, где статические файлы сопоставления могут быть переданы на заднюю часть.

Модульная разработка

Основан на спецификации CMD Nodejs, поддерживает синтаксис двух модулей CMD/AMD. По мере того как передняя часть становится всё более сложной, внедрение модульной разработки может улучшить управление кодом и совместную работу больших команд.

Среды разработки

Три среды разработки предназначены для работы со статическими файлами, данными, производством и сжатием исходного кода.

• Demo-среда предназначена для разработки чистых статических шаблонов, js и css. Среда разработки автоматически выводит несжатые статические файлы и одновременно выводит файл xxxjs.map для быстрой отладки и разработки.

  ly demo

• Dev-среда предназначена для разработки с данными API. Nodejs решает проблемы с междоменным доступом, а выводимые файлы совпадают с файлами demo-среды.

  ly dev

• Pro-среда представляет собой комбинацию demo и dev и сжимает статические файлы. Она используется для проверки выходных файлов перед запуском, и выходные файлы могут использоваться в производстве.

  ly pro

• Тестовая среда.

  ly dev test или ly pro test