Вторая часть учебного пособия из трех частей
В первой части, Как создать свое первое приложение для блокчейна в блокчейне, я покажу вам, как настроить вход / регистрацию в блокчейне. В этом руководстве мы свяжем уникальное имя пользователя, которое посетители создают в Blockstack, с вашей серверной частью.
Предварительные требования: потребуются знания о настройке собственного API. Мы также будем использовать React.js для этого урока.
Хотя вы хотите отправлять личную информацию, такую как номера телефонов и адреса, в Gaia Storage (децентрализованную систему хранения), то, что я собираюсь показать вам, полезно для хранения общедоступной информации, такой как комментарии или сообщения, где вы можете захотеть эту информацию. доступно в общедоступном API.
Исходя из первой части этой серии руководств, состоящей из трех частей, вот как выглядел App.js
:
Мы собираемся добавить два метода, которые будут подключать Blockstack к вашему API. Перейдите к шагу 6, если хотите увидеть только окончательный код.
- Мы добавим в
state
вашего приложения следующие заполнители:
2. В класс App мы добавим эту функцию, которая выполняет следующие действия:
3. Внутри класса App мы добавим еще одну функцию, которая берет имя пользователя из Blockstack и создает новый объект пользователя в вашем API:
4. Вызовите функцию getUsers()
в componentDidMount()
, добавьте эту строку к существующему коду:
this.getUsers();
5. В render()
мы добавим приветственное приветствие над кнопкой «Выйти», чтобы убедиться, что все работает правильно:
6. В конце этого процесса App.js
должен выглядеть так:
7. Давайте быстро отцентрируем div приветствия, добавив этот фрагмент вApp.css
:
.hello { margin: auto; }
8. Войдите в систему, затем убедитесь, что пользовательский объект создается на вашем сервере:
9. Выйдите и войдите снова, чтобы убедиться, что объект пользователя не дублируется, если он уже существует.
Теперь вы можете подключить аутентификацию Blockstack к своей собственной серверной части и создать объект пользователя, как вам нравится. Удачи!
В заключительной части этого руководства я покажу вам Как использовать хранилище Gaia с Blockstack.
Если вам это понравилось, посмотрите мою последнюю серию: Научитесь программировать в многопользовательской игре.
Я также провожу репетиторство в первый понедельник каждого месяца на Meetup.
Найдите меня на Youtube и Twitch, чтобы получить больше информации для разработчиков!