Это, безусловно, последовательно, исторически лучший шаг в начале нового проекта. Это момент, когда вы настраиваете репозиторий Github и создаете свой проект. Вы начинаете. Я сам бегун, и хотя люди будут смеяться над этой аналогией, это первые 2 километра бега. Вы счастливы, что находитесь там, и вас ничто не останавливает.
Это марафон
Если вы только садитесь в этот поезд, то это третья часть этой публикации. Вы можете найти часть первую здесь и часть вторую здесь.
Маленькие шаги: Github кто?
Чтобы убедиться, что мы не пропускаем ни одного шага. На данный момент я настроил свою среду Amplify и создал новый репозиторий Github. В этом репозитории я буду хранить весь свой код и развертывать его на AWS. Вы можете найти мой репозиторий прямо здесь.
Создание приложения React-Native
Далее мы инициализируем реактивный проект с помощью Expo. Для этого мы выполним следующее:
npm install -g expo-cli expo init react-native-habit-tracker
Если меня спросят, какой шаблон вы хотите использовать, я выберу пустой вариант в разделе Управляемые рабочие процессы.
Настройка облачных ресурсов Amplify
Это действительно захватывающе. Мы уже создали реактивное приложение и все настроили. Последняя часть — настроить Amplify внутри нашего приложения React-Native.
Для этого перейдите в каталог реактивного проекта, который вы только что создали. Там запустите команду amplify init. Мы не специалисты по ракетостроению, поэтому вы можете просто нажать Enter, чтобы принять все значения по умолчанию.
cd react-native-habit-tracker amplify init
Вы должны были настроить свой профиль AWS в последней истории, когда настраивали локальную среду разработки. Если вы не видите никаких профилей, убедитесь, что вы проверили страницу предварительных условий, чтобы увидеть, не пропустили ли вы что-нибудь.
Настройте React-Native для использования Amplify
Сделанный? И последнее. Нам нужно установить библиотеки Amplify и настроить наш проект для использования только что созданного проекта. Сначала установите библиотеки Amplify.
npm install aws-amplify aws-amplify-react-native @react-native-community/netinfo
Затем откройте App.js и добавьте следующее в начало файла.
import Amplify from 'aws-amplify' import config from './aws-exports' Amplify.configure(config)
И вуаля!
Это было для этой истории. Теперь мы настроили контроль версий, создали ресурсы для Amplify в нашей учетной записи AWS и подключили Amplify к нашему локальному реактивному проекту. Много настроек, много чего нужно сделать правильно. Тем не менее, мы приближаемся к разработке нашего приложения. Что-то не сработало, как ожидалось? Не стесняйтесь обращаться или комментировать любые отзывы, которые вы хотели бы предложить.
Хотите продолжить? Остальное путешествие вы можете увидеть в следующей истории.
