JS Framework
Angular: Настройка и запуск шаблона приложения
10 мин
начните свой проект angular, используя заранее подготовленный шаблон введение в этом разделе вы узнаете, как установить parse и начать работу с приложением angular 8 за 5 простых шагов в любое время вы можете протестировать приложение, созданное с помощью этого руководства, нажав здесь предварительные требования чтобы завершить это руководство, вам потребуется приложение, созданное на back4app примечание следуйте руководству по созданию нового приложения parse чтобы узнать, как создать приложение parse на back4app установленный node package manager в вашей системе посмотрите на руководство по получению npm для получения дополнительной информации базовые знания в angular 1 установите angular cli сначала вам нужно установить инструмент angular cli (интерфейс командной строки) cli помогает вам начать новый проект angular, а также поддерживает вас в процессе разработки в вашем терминале введите следующую строку 2 получите шаблон скачайте шаблон из нашего репозитория на github вы можете сделать это, используя следующую командную строку перейдите в папку вашего проекта и установите все зависимости, выполнив следующую команду 3 обновите учетные данные приложения обновите значения строк для id приложения id приложения и ключ javascript ключ javascript для настройки учетных данных приложения javascript sdk parse использует эти настройки для подключения вашего приложения к серверам back4app перейдите на панель управления вашего приложения по адресу сайт back4app https //www back4app com/ и нажмите на настройки сервера найдите блок основные настройки и нажмите на настройки нужна помощь? ознакомьтесь с этими шагами чтобы найти ваши ключи скопируйте ваш id приложения и javascript ключ и вернитесь в папку вашего проекта перейдите в src src > environments environments > environment ts environment ts и вставьте ваши ключи 4 протестируйте ваше соединение локально запустите проект, выполнив ng serve ng serve перейдите по адресу http //localhost 4200/ http //localhost 4200/ подождите, пока не появится экран входа создайте пример пользователя, нажав на кнопку регистрации 5 загрузите ваш код на сервер back4app чтобы развернуть ваше приложение с помощью back4app, вам сначала нужно правильно собрать ваше приложение используйте следующую команду для компиляции и сборки вашего приложения в dist dist директорию затем вам нужно загрузить созданную dist dist директорию в публичную папку вашего cloud code для этого выберите один из вариантов развертывания 5 1 развертывание через cli чтобы загрузить через интерфейс командной строки back4app, посмотрите на эти шаги 5 2 развертывание через панель управления чтобы загрузить код через визуальный интерфейс back4app, перейдите на панель управления вашего приложения по адресу сайт back4app и нажмите на cloud code functions нажмите на +добавить +добавить кнопку и выберите все файлы из dist dist директории переместите их в public public и затем нажмите сохранить сохранить , как показано здесь наконец, чтобы развернуть ваше приложение, смотрите учебник по веб хостингу back4app готово! на данный момент вы узнали, как начать работу с приложениями angular