Как подключить Blockstack к вашему Backend API

Вторая часть учебного пособия из трех частей

В первой части, Как создать свое первое приложение для блокчейна в блокчейне, я покажу вам, как настроить вход / регистрацию в блокчейне. В этом руководстве мы свяжем уникальное имя пользователя, которое посетители создают в Blockstack, с вашей серверной частью.

Предварительные требования: потребуются знания о настройке собственного API. Мы также будем использовать React.js для этого урока.

Хотя вы хотите отправлять личную информацию, такую ​​как номера телефонов и адреса, в Gaia Storage (децентрализованную систему хранения), то, что я собираюсь показать вам, полезно для хранения общедоступной информации, такой как комментарии или сообщения, где вы можете захотеть эту информацию. доступно в общедоступном API.

Исходя из первой части этой серии руководств, состоящей из трех частей, вот как выглядел App.js:

Мы собираемся добавить два метода, которые будут подключать Blockstack к вашему API. Перейдите к шагу 6, если хотите увидеть только окончательный код.

1. Мы добавим в 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, чтобы получить больше информации для разработчиков!