Busca

Nesse vídeo rápido eu aproveitei a oportunidade da necessidade de correção de um problema quando tive que migrar uma aplicação Ionic 5 para Android 12 para compartilhar a foi essa correção.

Nessa dica iremos resolver o problema que está ocorrendo com muitos ultimamente que é o erro da ausência do android:exported que ocorre na atualização do SDK do Android em uma aplicação ionic com Capacitor.

Nessa dica rápida, eu a proveitei a oportunidade de um momento em que eu precisava gerar uma versão iOS usando o Ionic com Capacitor em um sistema praticamente limpo. Tendo que preparar parcialmente o ambiente.

Descubra como usar a API GPT-4 Vision em uma aplicação Ionic neste tutorial prático. Passaremos pelo processo de configuração, desenvolvimento e testes tando em ambiente Web como em um Dispositivo Móvel (AVD) de um aplicativo que interage com a poderosa API de análise de imagens do OpenAI, explorando as funcionalidades através de perguntas e respostas sobre as imagens. ### Índice de capítulos: 00:00:00 - Introdução ao GPT-4 Vision e configuração do projeto Ionic 00:00:49 - Criação do projeto (aplicação) Ionic (e verificando a versão) 00:03:06 - Exploração do mecanismo de módulos Standalone do Angular 00:04:44 - Execução da aplicação com Ionic serve 00:05:52 - Estrutura de diretórios do projeto Ionic 00:07:12 - Estilização inicial da aplicação (ion-input, ion-buttons, img) 00:11:42 - Ajustes finais de estilo com SCSS 00:14:21 - Criação de variáveis para bind com TypeScript 00:15:54 - Inclusão da plataforma Android, Instalação e configuração da câmera do Capacitor (npx cap sync) 00:20:25 - Preparação para consumir a API do GPT-4 Vision 00:21:01 - Implementação do método para chamar a API de Vision 00:22:14 - Geração e uso de uma chave da API OpenAI (usando environment) 00:24:29 - Execução da chamada API dentro do código 00:27:10 - Teste de requisição e análise dos erros de CORS 00:27:58 - Ajuste do método de chamada API com o Capacitor HTTP 00:30:53 - Adição de um loading controller 00:32:26 - Testes finais no navegador da aplicação 00:34:09 - Execução e teste da aplicação em um emulador AVD Android

Nessa dica você aprenderá instalar, configurar e utilizar o Sentry para visualizar os erros tratados e não tratados ocorridos em produção durante o uso de uma aplicação Ionic/Capacitor. Aprenderá também configurar uma caixa de diálogo para receber informações do que o usuário estava tentando fazer quando tais erros ocorrem.