Rotule imagens com segurança com o Cloud Vision usando Firebase Auth e Functions em plataformas Apple

Para chamar uma API do Google Cloud a partir do seu aplicativo, você precisa criar uma API REST intermediária que lida com a autorização e protege valores secretos, como chaves de API. Em seguida, você precisa escrever o código em seu aplicativo móvel para se autenticar e se comunicar com esse serviço intermediário.

Uma maneira de criar essa API REST é usando Firebase Authentication and Functions, que fornece um gateway gerenciado e sem servidor para APIs do Google Cloud que lida com autenticação e pode ser chamado de seu aplicativo móvel com SDKs pré-construídos.

Este guia demonstra como usar essa técnica para chamar a API Cloud Vision do seu aplicativo. Este método permitirá que todos os usuários autenticados acessem os serviços cobrados do Cloud Vision por meio do seu projeto do Cloud, portanto, antes de prosseguir, considere se esse mecanismo de autenticação é suficiente para o seu caso de uso.

Antes de você começar

Configure seu projeto

Use o Swift Package Manager para instalar e gerenciar dependências do Firebase.

1. No Xcode, com o seu projeto aplicativo aberto, navegue até Arquivo> Pacotes Swift> Adicionar pacote de dependência.
2. Quando solicitado, adicione o repositório do SDK das plataformas Firebase Apple:

  https://github.com/firebase/firebase-ios-sdk
  

3. Escolha a biblioteca Firebase ML.
4. Quando terminar, o Xcode começará automaticamente a resolver e baixar suas dependências em segundo plano.

Em seguida, execute algumas configurações no aplicativo:

1. Em seu aplicativo, importe o Firebase:

   Rápido

   import Firebase

   Objective-C

   @import Firebase;

Mais algumas etapas de configuração e estamos prontos para prosseguir:

1. Se você ainda não habilitou as APIs baseadas em nuvem para o seu projeto, faça-o agora:

   1. Abra a página Firebase ML APIs do console Firebase.

   2. Se você ainda não tiver atualizado o seu projeto para o plano de preços Blaze, clique em Atualizar para fazê-lo. (Você será solicitado a atualizar apenas se o seu projeto não estiver no plano Blaze.)

      Apenas projetos em nível de Blaze podem usar APIs baseadas em nuvem.

   3. Se APIs baseados em nuvem não estiverem ativados, clique em Ativar APIs baseados em nuvem.
2. Configure suas chaves de API Firebase existentes para impedir o acesso à API Cloud Vision:
   1. Abra a Credenciais página do console Cloud.
   2. Para cada chave API na lista, abra a visualização de edição, e na seção Principais Restrições, adicionar todas as APIs disponíveis, exceto a API Visão da nuvem para a lista.

Implantar a função chamável

Em seguida, implante o Cloud Function que você usará para fazer a ponte entre seu aplicativo e a API Cloud Vision. O functions-samples repositório contém um exemplo que você pode usar.

Por padrão, acessar a API Cloud Vision por meio desta função permitirá que apenas usuários autenticados de seu aplicativo acessem a API Cloud Vision. Você pode modificar a função para diferentes requisitos.

Para implantar a função:

1. Clone ou baixar as funções-amostras repo e mude para a vision-annotate-image diretório:

   git clone https://github.com/firebase/functions-samples
   cd vision-annotate-image
   

2. Instalar dependências:

   cd functions
   npm install
   cd ..
   

3. Se você não tem o Firebase CLI, instalá-lo .
4. Inicializar um projeto Firebase na vision-annotate-image diretório. Quando solicitado, selecione seu projeto na lista.

   firebase init

5. Implantar a função:

   firebase deploy --only functions:annotateImage

Adicionar Firebase Auth ao seu aplicativo

A função chamável implantada acima rejeitará qualquer solicitação de usuários não autenticados de seu aplicativo. Se você não tiver feito isso, você precisará adicionar Firebase Auth para a sua aplicação.

Adicione as dependências necessárias ao seu aplicativo

Use o Swift Package Manager para instalar a biblioteca Cloud Functions for Firebase.

Agora você está pronto para rotular imagens.

1. Prepare a imagem de entrada

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

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

2. Invoque a função chamável para rotular a imagem

1. Primeiro, inicialize uma instância do Cloud Functions:

   Rápido

   lazy var functions = Functions.functions()
   

   Objective-C

   @property(strong, nonatomic) FIRFunctions *functions;
   

2. Criar um pedido com Tipo set para LABEL_DETECTION :

   Rápido

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

   Objective-C

   NSDictionary *requestData = @{
     @"image": @{@"content": base64encodedImage},
     @"features": @{@"maxResults": @5, @"type": @"LABEL_DETECTION"}
   };
   

3. Finalmente, invoque a função:

   Rápido

   functions.httpsCallable("annotateImage").call(requestData) { (result, error) in
     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]
       }
       // ...
     }
     // Function completed succesfully
   }
   

   Objective-C

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

3. Obtenha informações sobre objetos rotulados

if let labelArray = (result?.data as? [String: Any])?["labelAnnotations"] as? [[String:Any]] {
  for labelObj in labelArray {
    let text = labelObj["description"]
    let entityId = labelObj["mid"]
    let confidence = labelObj["score"]
  }
}

NSArray *labelArray = result.data[@"labelAnnotations"];
for (NSDictionary *labelObj in labelArray) {
  NSString *text = labelObj[@"description"];
  NSString *entityId = labelObj[@"mid"];
  NSNumber *confidence = labelObj[@"score"];
}