Безопасное распознавание достопримечательностей с помощью Cloud Vision, Firebase Auth и функций на платформах Apple

Чтобы вызывать Google Cloud API из приложения, вам нужно создать промежуточный REST API, который будет обрабатывать авторизацию и защищать секретные значения, например ключи API. Затем вам нужно будет написать код в мобильном приложении, чтобы аутентифицироваться в этом промежуточном сервисе и взаимодействовать с ним.

Один из способов создать такой REST API – использовать аутентификацию и функции Firebase. Это управляемый бессерверный шлюз к API Google Cloud, который обрабатывает аутентификацию и может вызываться из мобильного приложения с помощью готовых SDK.

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

Подготовка

Как настроить проект

Если вы ещё не добавили Firebase в приложение, сделайте это, следуя инструкциям в руководстве по началу работы.

Для установки зависимостей Firebase и управления ими используйте Swift Package Manager.

  1. Откройте проект приложения в Xcode и перейдите в меню File (Файл) > Add Packages (Добавить пакеты).
  2. Когда появится запрос, добавьте хранилище Firebase SDK для платформ Apple:
  3.   https://github.com/firebase/firebase-ios-sdk.git
  4. Выберите библиотеку Firebase ML.
  5. Добавьте флаг -ObjC в раздел Other Linker Flags (Другие флаги компоновщика) в настройках сборки целевого объекта.
  6. После этого Xcode автоматически начнет распознавать и скачивать зависимости в фоновом режиме.

Затем выполните настройку в приложении:

  1. Импортируйте Firebase в приложение:

    Swift

    import FirebaseMLModelDownloader

    Objective-C

    @import FirebaseMLModelDownloader;

Осталось выполнить несколько шагов:

  1. Если вы ещё не включили облачные API для своего проекта, сделайте это сейчас:

    1. Откройте Firebase ML страницу API в консоли Firebase.
    2. Если вы ещё не перешли на тарифный план Blaze с оплатой по мере использования, нажмите Перейти. (Предложение перейти на этот тарифный план появится, только если вы ещё не сделали этого.)

      Использовать облачные API могут только проекты с тарифным планом Blaze.

    3. Если облачные API ещё не включены, нажмите Включить облачные API.
  2. Настройте существующие ключи API Firebase, чтобы запретить доступ к Cloud Vision API:
    1. Откройте страницу Credentials (Учетные данные) в Cloud Console.
    2. Для каждого ключа API в списке откройте режим редактирования и в разделе "Ограничения ключа" добавьте в список все доступные API, кроме Cloud Vision API.

Как развернуть вызываемую функцию

Затем разверните функцию Cloud Functions, которая будет использоваться для связи вашего приложения и Cloud Vision API. В репозитории functions-samples есть пример, который можно использовать.

По умолчанию доступ к Cloud Vision API через эту функцию будет разрешен только авторизованным пользователям вашего приложения. Вы можете изменить функцию в соответствии с вашими потребностями.

Чтобы развернуть функцию:

  1. Клонируйте или скачайте репозиторий с примерами функций и перейдите в каталог Node-1st-gen/vision-annotate-image:
    git clone https://github.com/firebase/functions-samples
    cd Node-1st-gen/vision-annotate-image
    
  2. Установите зависимости:
    cd functions
    npm install
    cd ..
  3. Если у вас нет интерфейса командной строки Firebase, установите его.
  4. Инициализируйте проект Firebase в каталоге vision-annotate-image. Когда появится запрос, выберите проект в списке.
    firebase init
  5. Чтобы развернуть функцию:
    firebase deploy --only functions:annotateImage

Как добавить Firebase Auth в приложение

Развернутая выше вызываемая функция будет отклонять любые запросы от неаутентифицированных пользователей вашего приложения. Если вы ещё этого не сделали, вам нужно добавить Firebase Auth в приложение.

Добавьте в приложение необходимые зависимости

Для установки библиотеки Cloud Functions for Firebase используйте Swift Package Manager.

1. Как подготовить входное изображение

Чтобы вызвать Cloud Vision, изображение должно быть отформатировано как строка, закодированная в формате Base64. Чтобы обработать UIImage:

Swift

guard let imageData = uiImage.jpegData(compressionQuality: 1.0) else { return }
let base64encodedImage = imageData.base64EncodedString()

Objective-C

NSData *imageData = UIImageJPEGRepresentation(uiImage, 1.0f);
NSString *base64encodedImage =
  [imageData base64EncodedStringWithOptions:NSDataBase64Encoding76CharacterLineLength];

2. Вызовите функцию, чтобы распознать ориентиры.

Чтобы распознать достопримечательности на изображении, вызовите функцию, передав ей запрос Cloud Vision в формате JSON.

  1. Сначала инициализируйте экземпляр Cloud Functions:

    Swift

    lazy var functions = Functions.functions()
    

    Objective-C

    @property(strong, nonatomic) FIRFunctions *functions;
    
  2. Создайте запрос, в котором для параметра Тип задано значение LANDMARK_DETECTION:

    Swift

    let requestData = [
      "image": ["content": base64encodedImage],
      "features": ["maxResults": 5, "type": "LANDMARK_DETECTION"]
    ]
    

    Objective-C

    NSDictionary *requestData = @{
      @"image": @{@"content": base64encodedImage},
      @"features": @{@"maxResults": @5, @"type": @"LANDMARK_DETECTION"}
    };
    
  3. Наконец, вызовите функцию:

    Swift

    do {
      let result = try await functions.httpsCallable("annotateImage").call(requestData)
      print(result)
    } catch {
      if let error = error as NSError? {
        if error.domain == FunctionsErrorDomain {
          let code = FunctionsErrorCode(rawValue: error.code)
          let message = error.localizedDescription
          let details = error.userInfo[FunctionsErrorDetailsKey]
        }
        // ...
      }
    }
    

    Objective-C

    [[_functions HTTPSCallableWithName:@"annotateImage"]
                              callWithObject:requestData
                                  completion:^(FIRHTTPSCallableResult * _Nullable result, NSError * _Nullable error) {
            if (error) {
              if ([error.domain isEqualToString:@"com.firebase.functions"]) {
                FIRFunctionsErrorCode code = error.code;
                NSString *message = error.localizedDescription;
                NSObject *details = error.userInfo[@"details"];
              }
              // ...
            }
            // Function completed succesfully
            // Get information about labeled objects
    
          }];
    

3. получать информацию о распознанных ориентирах;

Если операция распознавания достопримечательности будет выполнена успешно, в результате задачи будет возвращен ответ JSON в формате BatchAnnotateImagesResponse. Каждый объект в массиве landmarkAnnotations представляет собой ориентир, распознанный на изображении. Для каждого ориентира можно получить его координаты на входном изображении, название, широту и долготу, идентификатор объекта из базы знаний (если он доступен) и оценку достоверности соответствия. Пример:

Swift

if let labelArray = (result?.data as? [String: Any])?["landmarkAnnotations"] as? [[String:Any]] {
  for labelObj in labelArray {
    let landmarkName = labelObj["description"]
    let entityId = labelObj["mid"]
    let score = labelObj["score"]
    let bounds = labelObj["boundingPoly"]
    // Multiple locations are possible, e.g., the location of the depicted
    // landmark and the location the picture was taken.
    guard let locations = labelObj["locations"] as? [[String: [String: Any]]] else { continue }
    for location in locations {
      let latitude = location["latLng"]?["latitude"]
      let longitude = location["latLng"]?["longitude"]
    }
  }
}

Objective-C

NSArray *labelArray = result.data[@"landmarkAnnotations"];
for (NSDictionary *labelObj in labelArray) {
  NSString *landmarkName = labelObj[@"description"];
  NSString *entityId = labelObj[@"mid"];
  NSNumber *score = labelObj[@"score"];
  NSArray *bounds = labelObj[@"boundingPoly"];
  // Multiple locations are possible, e.g., the location of the depicted
  // landmark and the location the picture was taken.
  NSArray *locations = labelObj[@"locations"];
  for (NSDictionary *location in locations) {
    NSNumber *latitude = location[@"latLng"][@"latitude"];
    NSNumber *longitude = location[@"latLng"][@"longitude"];
  }
}