Инициализация проекта Ionic с шаблоном приложения
12 мин
начните свой проект ionic с шаблона приложения введение в этом разделе вы узнаете, как начать работу с шаблоном ionic и подготовиться к использованию back4app за 4 шага предварительные требования чтобы завершить этот быстрый старт, вам нужно visual studio code https //code visualstudio com/download (или любой веб ide, который вам нравится) ionic framework https //ionicframework com/getting started/ приложение, созданное в back4app следуйте за учебником по созданию нового приложения parse https //www back4app com/docs/get started/new parse app чтобы узнать, как создать приложение parse в back4app 1 получите шаблон скачайте шаблон по адресу репозиторий github https //github com/back4app/ionic quickstart example , и распакуйте файлы в папке вашего проекта вы можете сделать это, используя следующую командную строку $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ перейдите в распакованную папку и установите зависимости, используя следующую командную строку $ cd ionic quickstart example master && npm install 2 откройте шаблон проекта откройте visual studio code нажмите на \<font color="#2166ae">открыть папку\</font> 3\ перейдите в папку проекта и нажмите на \<font color="#2166ae">ок\</font> 4\ подождите, пока visual studio откроется 3 настройте учетные данные приложения обновите значения строк, чтобы настроить учетные данные приложения parse javascript sdk использует эти настройки для подключения к серверам back4app для этого выполните следующие шаги откройте ваш домашний файл typescript \<font color="#2166ae"> /src/pages/home/home ts\</font> 2\ перейдите на свою панель управления приложением по адресу сайт back4app https //www back4app com/ 3\ перейдите в настройки приложения нажмите на \<font color="#2166ae">настройки сервера\</font> > \<font color="#2166ae">основные настройки\</font> > \<font color="#2166ae">настройки\</font> 4\ вернитесь к вашему \<font color="#2166ae">home ts\</font> файлу и вставьте ваш \<font color="#2166ae">id приложения\</font> и \<font color="#2166ae">ключ javascript\</font> смотрите больше в нашем руководстве по новому приложению parse https //www back4app com/docs/get started/new parse app 4 тестирование вашего соединения запустите ваше приложение в браузере $ ionic serve 1\ подождите, пока новая вкладка откроется в вашем браузере я чтобы увидеть страницу в рамке телефона, нажмите \<font color="#2166ae">f12\</font> 2\ войдите на сайт back4app https //www back4app com/ 3\ найдите ваше приложение и нажмите на \<font color="#2166ae">панель управления\</font> 4\ нажмите на \<font color="#2166ae">ядро\</font> 5\ перейдите в \<font color="#2166ae">браузер\</font> если все работает правильно, вы должны найти класс с названием \<font color="#2166ae">установка\</font> следующим образом готово! на этом этапе вы узнали, как начать работу с приложениями ionic