Установка и настройка Parse SDK в проекте Ionic

начните свой проект ionic, используя заранее подготовленный шаблон введение в этом разделе вы узнаете, как установить parse javascript sdk в ваш проект ionic смотрите больше о parse sdk на справочник api parse javascript sdk https //parseplatform org/parse sdk js/api/4 3 1/ и документация parse с открытым исходным кодом для javascript sdk https //docs parseplatform org/js/guide/ предварительные требования чтобы завершить этот учебник, вам потребуется приложение, созданное на back4app следуйте учебнику по созданию нового parse app https //www back4app com/docs/get started/new parse app чтобы узнать, как создать parse app на back4app запущенный проект ionic следуйте учебнику по началу работы https //ionicframework com/docs/intro/cli если у вас его еще нет 1 установите sdk поскольку пакеты ionic управляются \<font color="#2166ae">npm\</font> , все, что вам нужно сделать, это выполнить следующую команду в каталоге вашего проекта $ npm install parse 2 подключите ваше приложение parse импортируйте \<font color="#2166ae">parse\</font> в \<font color="#2166ae">home ts\</font> или на странице, которую вы хотите использовать home ts 1 import parse from 'parse'; используйте \<font color="#2166ae">parse serverurl\</font> атрибут, чтобы установить url для сервера back4app home ts 1 parse serverurl = 'https //parseapi back4app com/'; используйте \<font color="#2166ae">parse initialize\</font> метод, чтобы установить токен аутентификации, соединяя вашу страницу с серверами back4app home ts 1 parse initialize("your app id", "your js key"); найдите ваш application id и ваш client key перейдите на панель управления вашего приложения на сайте back4app перейдите в настройки приложения нажмите на \<font color="#2166ae">настройки сервера\</font> > \<font color="#2166ae">основные настройки\</font> > \<font color="#2166ae">настройки\</font> вернитесь к вашей функции parse initialize и вставьте ваш \<font color="#2166ae">applicationid\</font> и \<font color="#2166ae">javascriptkey\</font> 3 проверьте ваше соединение создайте тестовый код проверьте вашу начальную настройку с помощью следующего кода, который создает объект \<font color="#2166ae">установка\</font> сначала создайте переменную, чтобы показать результат в вашем приложении \<font color="#2166ae">главная\</font> странице home ts 1 result string; затем отобразите эту переменную на вашем \<font color="#2166ae">главная\</font> представлении home html 1 2 {{result}} 3 наконец, добавьте код, который создает объект \<font color="#2166ae">установка\</font> и сохраняет его добавьте этот фрагмент кода после настройки связи home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); запустите ваше приложение в браузере $ ionic serve 2\ подождите, пока в вашем браузере не откроется новая вкладка я чтобы увидеть страницу в рамке телефона, нажмите \<font color="#2166ae">f12\</font> 3\ войдите на сайт back4app https //www back4app com/ 4\ найдите ваше приложение и нажмите на \<font color="#2166ae">панель управления\</font> 5\ нажмите на \<font color="#2166ae">ядро\</font> 6\ перейдите в \<font color="#2166ae">браузер\</font> если все работает правильно, вы должны найти класс с именем \<font color="#2166ae">установка\</font> следующим образом готово! на этом этапе вы узнали, как начать работу с приложениями ionic