Angular: Настройка и запуск шаблона приложения
10 мин
начните свой проект angular, используя заранее подготовленный шаблон введение в этом разделе вы узнаете, как установить parse и начать работу с приложением angular 8 за 5 простых шагов в любое время вы можете протестировать приложение, созданное с помощью этого руководства, нажав здесь https //angulardocs back4app io/ предварительные требования чтобы завершить это руководство, вам потребуется приложение, созданное на back4app примечание следуйте руководству по созданию нового приложения parse https //www back4app com/docs/get started/new parse app чтобы узнать, как создать приложение parse на back4app установленный node package manager в вашей системе посмотрите на руководство по получению npm https //docs npmjs com/getting started для получения дополнительной информации базовые знания в angular 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 обновите учетные данные приложения обновите значения строк для \<font color="#2166ae">id приложения\</font> и \<font color="#2166ae">ключ javascript\</font> для настройки учетных данных приложения javascript sdk parse использует эти настройки для подключения вашего приложения к серверам back4app перейдите на панель управления вашего приложения по адресу сайт back4app https //www back4app com/ и нажмите на настройки сервера найдите блок основные настройки и нажмите на настройки нужна помощь? ознакомьтесь с этими шагами https //www back4app com/docs/platform/app settings чтобы найти ваши ключи скопируйте ваш id приложения и javascript ключ и вернитесь в папку вашего проекта перейдите в \<font color="#2166ae">src\</font> > \<font color="#2166ae">environments\</font> > \<font color="#2166ae">environment ts\</font> и вставьте ваши ключи 4 протестируйте ваше соединение локально запустите проект, выполнив \<font color="#2166ae">ng serve\</font> перейдите по адресу \<font color="#2166ae">http //localhost 4200/\</font> подождите, пока не появится экран входа создайте пример пользователя, нажав на кнопку регистрации 5 загрузите ваш код на сервер back4app чтобы развернуть ваше приложение с помощью back4app, вам сначала нужно правильно собрать ваше приложение используйте следующую команду для компиляции и сборки вашего приложения в \<font color="#2166ae">dist\</font> директорию $ ng build затем вам нужно загрузить созданную \<font color="#2166ae">dist\</font> директорию в публичную папку вашего cloud code для этого выберите один из вариантов развертывания 5 1 развертывание через cli чтобы загрузить через интерфейс командной строки back4app, посмотрите на эти шаги https //www back4app com/docs/command line tool/how to use 5 2 развертывание через панель управления чтобы загрузить код через визуальный интерфейс back4app, перейдите на панель управления вашего приложения по адресу сайт back4app https //www back4app com/ и нажмите на cloud code functions нажмите на \<font color="#2166ae">+добавить\</font> кнопку и выберите все файлы из \<font color="#2166ae">dist\</font> директории переместите их в \<font color="#2166ae">public\</font> и затем нажмите \<font color="#2166ae">сохранить\</font> , как показано здесь наконец, чтобы развернуть ваше приложение, смотрите учебник по веб хостингу back4app https //www back4app com/docs/platform/parse web hosting готово! на данный момент вы узнали, как начать работу с приложениями angular