Как создать приложение, используя Backend as a Service?

В этой статье мы рассмотрим процесс создания мобильного приложения с использованием BaaS в качестве бэкэнд-платформы. Мобильные приложения становятся все более популярными как способ взаимодействия с клиентами и создания удобного опыта при доступе к контенту.

Многие компании полагаются на свои мобильные приложения, чтобы обеспечить интересную и интерактивную платформу для клиентов, а бэкэнд как сервис (BaaS) может использоваться для работы мобильного приложения. BaaS предоставляет разработчикам мощный набор инструментов для создания мобильного приложения с минимальными затратами времени и сил.

Внутренняя платформа

Back4App – это облачная платформа, позволяющая разработчикам создавать и размещать веб-приложения. Она предоставляет множество возможностей, включая удобный пользовательский интерфейс для управления веб-приложениями, встроенную базу данных для хранения данных и поддержку нескольких языков программирования.

Платформа также предлагает ряд инструментов для разработки и тестирования веб-приложений, включая интерфейс командной строки, SDK, средства аналитики, мониторинга и оптимизации производительности, а также встроенную систему аутентификации и авторизации пользователей.

Развертывание приложения на Back4app может принести несколько преимуществ. Во-первых, Back4app предлагает простой процесс развертывания веб-приложений, что позволит вам сэкономить много времени.

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

Back4App также позволяет легко регулировать размер вашего приложения, чтобы справиться с увеличением трафика, и имеет инструменты для мониторинга и улучшения производительности приложения.

Back4App также обеспечивает меры безопасности, чтобы сохранить приложение и его данные в целости и сохранности, и позволяет легко интегрировать их с другими сервисами. В этом руководстве вы узнаете, как развернуть приложение на платформе Back4app в несколько шагов.

Продолжайте читать, чтобы узнать, как создать приложение, используя бэкэнд как сервис.

Создание приложения Back4App

Прежде чем вы сможете создать приложение на Back4app, вам необходимо иметь учетную запись Back4app. Если у вас нет учетной записи Back4app, вы можете создать ее, выполнив следующие действия.

1. Перейдите на веб-сайт Back4app.
2. Затем нажмите кнопку ” Зарегистрироваться ” в правом верхнем углу целевой страницы.
3. Наконец, заполните форму регистрации и отправьте ее.

После успешного создания учетной записи Back4app, войдите в свою учетную запись Back4app и нажмите кнопку NEW APP в правом верхнем углу.

Нажав на эту кнопку, вы попадете в форму, в которой нужно ввести название приложения. Введите название приложения и нажмите кнопку СОЗДАТЬ.

Нажав на кнопку “Создать”, вы увидите новое приложение и перейдете на панель управления.

Теперь вы создали новое приложение на Back4app. Далее вы устанавливаете необходимые зависимости и подключаете свое приложение к Back4app.

Продолжайте читать, чтобы узнать, как создать приложение, используя бэкэнд как сервис.

Подключение вашего приложения к Back4app

Back4app, как платформа BaaS, построена на базе сервера Parse, поэтому для интеграции вашего приложения с серверами Back4app вам необходимо установить Parse JavaScript SDK.

Выполните следующую команду, чтобы установить Parse JavaScript SDK с помощью npm:

npm install parse

Кроме того, вы можете установить SDK с помощью менеджера пакетов yarn, выполнив следующую команду:

yarn add parse

Далее вам нужно будет получить определенные учетные данные приложения. Они понадобятся вам для подключения вашего приложения к Back4app. Учетные данные приложения, которые вам понадобятся, – это ID приложения и Javascript KEY.

Application ID – это основной идентификатор, который однозначно идентифицирует ваше приложение. Javascript KEY – это идентификатор, который вы используете при выполнении запросов от JavaScript-клиента.

Чтобы получить эти учетные данные, выберите Настройки приложения на приборной панели вашего приложения, затем выберите Безопасность и ключи. Это приведет вас на страницу с различными ключами приложения, скопируйте идентификатор приложения и Javascript KEY и сохраните их в безопасном месте.

Затем импортируйте минифицированную версию Parse из parse во входной файл вашего приложения (app.js).

Например, так:

//app.js
import Parse from "parse/dist/parse.min.js";

Затем вызовите метод инициализации Parse. Этот метод принимает в качестве аргументов ID вашего приложения и Javascript KEY.

Например:

//app.js
Parse.initialize(PARSE_APPLICATION_ID, PARSE_JAVASCRIPT_KEY);

Вызов метода initialize и передача в качестве аргументов идентификатора приложения и Javascript KEY инициализирует SDK для разбора.

Затем установите свойство serverURL в Parse на https://parseapi.back4app.com/.

Например:

Parse.serverURL = "<https://parseapi.back4app.com/>";

Ваше приложение инициализировано и может безопасно подключиться к Back4app. Далее вы сохраните некоторые данные на платформе. Продолжайте читать, чтобы узнать, как создать приложение с помощью BaaS.

Сохранение данных в Back4app

Чтобы сохранить данные в Back4App с помощью JavaScript Parse SDK, который предоставляет различные методы взаимодействия с платформой Back4app, необходимо создать экземпляр объекта Parse и определить атрибуты, которыми должен обладать ваш экземпляр.

В этом руководстве предполагается, что вы пытаетесь подключить приложение Todo к Back4app.

В приведенном ниже блоке кода приведен пример того, как можно сохранить данные в Back4app с помощью JavaScript Parse SDK:

function addTodo() {
  try {
    // Creating a new Parse Object instance
    const Todo = new Parse.Object("Todo");

    // Defining Object attributes
    Todo.set("title", "First Todo");
    Todo.set("completed", false);

    //Saving object to Back4app
    Todo.save().then(() => {
      console.log("New todo added successfully");
    });
  } catch (error) {
    console.log(error);
  }
}

В приведенной выше функции addTodo с помощью конструктора Parse.Object() был создан новый объект Parse класса Todo. Конструктор Parse.Object() принимает в качестве аргумента имя класса.

Затем атрибуты Todo были установлены путем вызова метода set. Метод set принимает в качестве аргументов ключ и значение. В данном случае класс Todo имеет два атрибута, title и completed, которые были установлены в значения “First Todo” и false, соответственно.

Наконец, класс Todo был сохранен в Back4app путем вызова метода save для класса Todo. Метод save() является асинхронным, поэтому он возвращает обещание, которое разрешается в случае успешного сохранения или отвергается в случае неудачи.

После сохранения данных в Back4app вы можете просмотреть их на приборной панели приложения, нажав на название своего класса.

Теперь вы можете безопасно сохранять данные в Back4app. Далее вы узнаете, как получить сохраненные данные из Back4app.

Получение данных из Back4app

Чтобы получить данные из Back4app, необходимо создать запрос разбора для класса, из которого вы хотите получить данные, например, класса Todo, рассмотренного выше. Затем вы фильтруете данные по заданным критериям с помощью методов, предоставляемых JavaScript parse SDK.

В приведенном ниже блоке кода показан пример того, как можно получить данные из Back4app с помощью JavaScript Parse SDK:

async function fetchTodo() {
  try {
    //Creating a parse query for the Todo class
    const query = new Parse.Query("Todo");

    //Using the equalTo filter to look for todo that matches the given title.
    query.equalTo("title", "First Todo");

     //Running the query
    const Todo = await query.first();

    //Accessing static attributes
    const todoId = Todo.id;
    const todoUpdateAt = Todo.updatedAt;
    const todoCreatedAt = Todo.createdAt;

    //Accessing set attributes
    const todoTitle = Todo.get("title");
    const todoCompleted = Todo.get("completed");
    
    //Logging values
    console.log(todoId, todoCreatedAt, todoUpdateAt, todoTitle, todoCompleted);
  } catch (error) {
    console.log(error);
  }
}

В функции fetchTodo, приведенной выше, создается новый запрос для класса Todo с помощью конструктора Parse.Query(). Объект запроса используется для получения данных из Back4App.

Затем метод equalTo(), принимающий в качестве аргументов ключ и значение, был использован для фильтрации запроса, гарантируя, что он вернет тодо с заголовком “First Todo”.

В зависимости от ваших потребностей, вы можете использовать несколько других фильтров, например метод notEqualTo или метод greaterThan, которые также принимают пары ключ-значение в качестве аргументов для фильтрации запроса.

Далее запрос был запущен с помощью метода first(), который возвращает первый результат, соответствующий фильтру. Метод first() возвращает обещание, которое разрешается с соответствующим объектом, если он найден, или отклоняется с ошибкой, если не найден.

В качестве альтернативы можно выполнить запрос с помощью метода find(), который возвращает массив результатов, соответствующих фильтру.

После выполнения запроса и возвращения объекта Todo вы можете получить доступ к статическим атрибутам объекта, таким как id, createdAt и updatedAt. Эти статические атрибуты устанавливаются Parse SDK и не могут быть получены с помощью метода get или изменены с помощью метода set.

Вы также можете получить доступ к атрибутам набора, таким как заголовок, с помощью метода get(). Метод get принимает в качестве аргумента ключ атрибута и возвращает его значение.

Обновление данных на Back4app

Обновление данных в Back4app очень похоже на сохранение данных в Back4app. Чтобы обновить данные в Back4app, установите новые данные в экземпляре объекта Parse и вызовите метод сохранения.

Parse SDK автоматически определяет, какие данные были изменены, поэтому в Back4app будут отправлены только измененные поля.

В приведенном ниже блоке кода показан пример того, как можно обновить данные из Back4app с помощью JavaScript Parse SDK:

async function updateTodo() {
  try {
    // Creating a Parse Object instance
    const Todo = new Parse.Object("Todo");

    // Defining Object attributes
    Todo.set("title", "Unmodified Todo");
    Todo.set("completed", false);

    // Updating Object attributes
    Todo.save().then((todo) => {
      todo.set("title", "modified Todo");

      return todo.save().then(() => {
        console.log("Todo updated");
      });
    });
  } catch (error) {
    console.log(error);
  }
}

В приведенной выше функции updateTodo после сохранения начальных атрибутов в класс Todo с помощью метода save.

Разрешенный объект метода save передается в качестве параметра в функцию обратного вызова, где он обновляется путем вызова метода set() объекта и передачи нового значения для свойства “title”.

После обновления объекта снова вызывается метод save(), который отправляет обновленные данные в бэкэнд Back4App для хранения.

Метод save() возвращает обещание, которое разрешается с обновленным объектом, если сохранение прошло успешно, или отклоняется с ошибкой, если сохранение не удалось.

Удаление данных на Back4app

Вы можете удалить данные в back4app, вызвав метод destroy на экземпляре класса.

Например:

Todo.destroy().then(() => {
      console.log("Object deleted successfully");
    });

Кроме того, вы можете удалить одно поле из объекта, вызвав метод unset у экземпляра класса Parse.

Например:

Todo.unset("Title");

Метод unset принимает ключ в качестве аргумента и удаляет поле из Back4app.

Заключение

В заключение следует отметить, что использование BaaS Backend as a Service – это отличный способ создавать отличные приложения без необходимости глубокого знания технологий серверной части.

Он предоставляет необходимые инструменты и ресурсы для быстрого создания внутренних компонентов любого приложения, при этом такие функции, как аутентификация и аналитика, уже реализованы.

Развертывание приложения на Back4app – это простой процесс, который можно выполнить, следуя шагам, описанным в этом руководстве.

Back4app предоставляет надежную и масштабируемую платформу backend-as-a-service, которая позволяет легко добавлять функциональность backend в ваши приложения.

С Back4app вы можете сосредоточиться на создании отличного пользовательского опыта и оставить управление бэкэндом компании Back4app.