JS Framework
Angular: Настройка и запуск шаблона приложения
10 мин
начните свой проект angular, используя заранее подготовленный шаблон введение в этом разделе вы узнаете, как установить parse и начать работу с приложением angular 8 за 5 простых шагов в любое время вы можете протестировать приложение, созданное с помощью этого руководства, нажав https //angulardocs back4app io/ предварительные требования чтобы завершить это руководство, вам потребуется приложение, созданное на back4app примечание следуйте https //www back4app com/docs/get started/new parse app чтобы узнать, как создать приложение parse на back4app установленный node package manager в вашей системе посмотрите на https //docs npmjs com/getting started для получения дополнительной информации базовые знания в https //angular io/ 1 установите angular cli сначала вам нужно установить инструмент angular cli (интерфейс командной строки) cli помогает вам начать новый проект angular, а также поддерживает вас в процессе разработки в вашем терминале введите следующую строку npm install g @angular/cli 2 получите шаблон скачайте шаблон из нашего репозитория на github вы можете сделать это, используя следующую командную строку curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip перейдите в папку вашего проекта и установите все зависимости, выполнив следующую команду cd angular integration master/ && npm i 3 обновите учетные данные приложения обновите значения строк для id приложения id приложения и ключ javascript ключ javascript для настройки учетных данных приложения javascript sdk parse использует эти настройки для подключения вашего приложения к серверам back4app перейдите на панель управления вашего приложения по адресу https //www back4app com/ и нажмите на настройки сервера найдите блок основные настройки и нажмите на настройки нужна помощь? ознакомьтесь с https //www back4app com/docs/platform/app settings чтобы найти ваши ключи скопируйте ваш 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 директорию $ ng build затем вам нужно загрузить созданную dist dist директорию в публичную папку вашего cloud code для этого выберите один из вариантов развертывания 5 1 развертывание через cli чтобы загрузить через интерфейс командной строки back4app, посмотрите на https //www back4app com/docs/command line tool/how to use 5 2 развертывание через панель управления чтобы загрузить код через визуальный интерфейс back4app, перейдите на панель управления вашего приложения по адресу https //www back4app com/ и нажмите на cloud code functions нажмите на +добавить +добавить кнопку и выберите все файлы из dist dist директории переместите их в public public и затем нажмите сохранить сохранить , как показано здесь наконец, чтобы развернуть ваше приложение, смотрите https //www back4app com/docs/platform/parse web hosting готово! на данный момент вы узнали, как начать работу с приложениями angular