Начните свой проект React Native Expo, используя заранее подготовленный шаблон

9 мин

введение в этом разделе вы узнаете, как начать работу с react native с использованием шаблона expo и как подключить его к back4app за 4 простых шага предварительные требования чтобы завершить этот учебник, вам потребуется приложение backend back4app примечание следуйте учебнику по созданию нового parse app чтобы узнать, как создать parse app на back4app npm или yarn установлен на вашем компьютере expo cli установлен в соответствии с этим руководством 1 получите шаблон чтобы получить проект шаблона, загрузите и распакуйте исходный код из нашего репозитория github на ваш компьютер или клонируйте проект с помощью командной строки git запустите следующую команду, чтобы загрузить и извлечь шаблон с помощью curl или запустите следующую команду, чтобы клонировать шаблон с помощью git 2 загрузите зависимости приложения убедитесь, что вы установили npm npm или yarn yarn в вашей системе посмотрите на получить npm или получить yarn руководства для получения дополнительной информации 2\ в вашем терминале выполните cd react native template master cd react native template master и откройте корневую директорию проекта 3\ выполните npm install npm install для установки зависимостей в этом руководстве мы используем npm для управления зависимостями, но вы можете использовать yarn вместо этого 3 настройте учетные данные приложения чтобы приложение могло безопасно подключаться к серверам back4app, вы должны предоставить parse javascript sdk учетные данные приложения найдите ваш id приложения id приложения и javascript ключ javascript ключ учетные данные, перейдя в панель управления панель управления > настройки приложения настройки приложения > безопасность и ключи безопасность и ключи в корневом каталоге проекта откройте файл по адресу app/(tabs)/index tsx app/(tabs)/index tsx файл должен выглядеть так index tsx parse initialize( 'your application id here', // replace with your parse application id 'your javascript key here' // replace with your parse javascript key ); parse serverurl = 'https //parseapi back4app com/'; скопируйте и вставьте ваш id приложения id приложения и javascript ключ javascript ключ в него 4 проверьте ваше соединение внутри app js app js вашего шаблонного проекта есть функция, которая создает объект person, и другая для получения людей вашего приложения в вашу базу данных back4app index tsx // function to create a new person async function createperson() { setloading(true); seterror(null); try { const personobject = parse object extend("person"); const personobject = new personobject(); personobject set("name", "back4app user"); const result = await personobject save(); setresult(`object created with id ${result id}`); } catch (error) { seterror(error instanceof error ? error message 'unknown error'); } finally { setloading(false); } } async function fetchpeople() { setloading(true); seterror(null); try { const personobject = parse object extend("person"); const query = new parse query(personobject); const results = await query find(); const names = results map(result => ({ objectid result id, name result get("name"), })); setresult(`fetched names ${json stringify(names, null, 2)}`); } catch (error) { seterror(error instanceof error ? error message 'unknown error'); } finally { setloading(false); } } чтобы запустить и протестировать соединение вашего приложения откройте терминал вашего проекта запустите npm run android npm run android или npm run ios npm run ios или npm run start npm run start чтобы открыть приложение на вашей целевой платформе готово! на этом этапе вы узнали, как запустить и работать с приложением react native, подключенным к back4app