frontend-paas-template
Описание
Языки
- TypeScript67,9%
- JavaScript24,2%
- SCSS7,9%
@[org-name]/[application-name]
Выбор имени приложения
Прежде чем приступать к настройке репозитория, следует выбрать имя приложения.
Имя приложения - это ключ, по которому система будет определять, откуда необходимо приложение загрузить. Оно должно быть уникальным во множестве всех имен приложения, поэтому для его выбора рекомендуется использовать специальный шаблон - , где каждый параметр, обернутый в это строка в нижнем регистре без пробелов (kebab-case). Например, для компании Cloud.ru может быть .
При выполнении скрипта из инструкции далее потребуется ввести выбранные значения и , а при регистрации готового сервиса в системе позже понадобится знание имени приложения
После выполнения инструкции имя приложения появится в в поле , а также в файле на первой строке
Как создать своё приложение из шаблона
- Создайте репозиторий из шаблона
- Склонируйте себе на компьютер полученный репозиторий, запустите команду npm run init-app
- Поменяйте константы
,routeNameв секцииport, а такжеconfigиhomepageв файле package.jsonrepository - Поправьте файл CODEOWNERS - добавьте туда ответственных за проект пользователей.
- Удалите секцию "Как создать своё приложение из шаблона" и "Выбор имени приложения" из README.md
После проделанных действий можно вносить специфические для вашего продукта изменения.
Общие данные с платформой (cloud-ru-api)
При работе платформы, на которую встраивается этот сервис, загружаются часть данных о пользователе и его действиях, например, идентификатор пользователя или выбранный в данный момент проект. Для получения доступа к этим данным необходимо воспользоваться пакетом cloud-ru-api (более подробно см README)
Использование общих компонентов
Для создания макетов страниц используется пакет
Подробную документацию и примеры использования компонентов смотрите в его README.
NPM Scripts
- development-сборка микрофронта, разворачивание на локальном сервере. Дополнительно должен быть установлен сертификат в папке на уровень выше проекта, например, если проект расположен вstart:https, то сертификат необходимо установить вdev/my_project.dev- production-сборка бандла микрофронта.build- удаление папкиreinstall, файлаnode_modules, очисткаpackage-lock.json. Необходима при подозрении на проблемы, связанные с коллизиями версий установленных пакетов.npm cache- запуск тестов, опцияtest:unitуспешно прогоняет тесты, даже если в проекте их нет. При появлении тестов в проекте флаг следует удалить.--passWithNoTests- проверка типов с помощью утилиты tsc.tsc- применение стилизации к кодовой базе согласно настроенным правилам eslint-а.eslint:fix