Visualização de dados interativos com Python: Streamlit e Matplotlib. Implantação gratuita na nuvem

1. Introdução: Olá, pessoal. E hoje, vamos nos familiarizar com o stream let A aula de hoje será muito útil. Vamos criar vários projetos usando as bibliotecas Yahoo Finance e Motlotip no Se você conferiu meu tutorial do Motlot Lip, então você já conhece a biblioteca Y Finance. Nesta lição, primeiro criaremos um projeto de teste em que podemos ver o preço real das ações de uma empresa. Em seguida, usaremos o Matplot Leap para visualizar a correlação entre várias empresas, que podemos alterar e selecionar Usando a Biblioteca Financeira Y, recuperaremos dados financeiros das bolsas de valores e, com a ajuda do MotLotLip, criaremos gráficos de preços de ações e os visualizaremos e os visualizaremos E, finalmente, vamos implantá-lo no StreamLDcloud. É uma plataforma fornecida pela Streamlt para implantar, compartilhar e gerenciar facilmente seus aplicativos simplificados Você pode implantar seu aplicativo diretamente do repositório do Github com apenas alguns cliques Não há necessidade de configurar servidores ou lidar com processos complexos de implantação. Quando você envia alterações para o seu repositório do Github, seu aplicativo streamlt no Streamed Cloud é atualizado automaticamente , garantindo que seu aplicativo sempre reflita StreamLTcloud gerencia os recursos necessários para executar seu aplicativo, que você não precise se preocupar com o gerenciamento do servidor Além disso, você pode controlar quem tem acesso aos seus aplicativos, mantendo seus dados seguros e privados quando necessário. Ao se conectar diretamente ao Github, StreamLTcloud aproveita o controle de versão, facilitando o rastreamento de alterações e a colaboração Também temos como benefício aplicativos implantados no StreamLTcloud, que usam o HGTPS para garantir conexões seguras, e o StreamlitCloud foi projetado para e o StreamlitCloud foi projetado lidar com vários níveis de tráfego. Assim, seu aplicativo pode ser escalado para acomodar mais usuários sem nenhuma configuração adicional É incrivelmente fácil compartilhar seus aplicativos de dados com o mundo, e vamos fazer isso no final deste vídeo. 2. Introdução ao Streamlit: instalação, primeiro aplicativo e visão geral da UI: Streamlt é uma ferramenta para criar aplicativos web baseados em Python Ele foi projetado para trabalho com dados e aprendizado de máquina, permitindo que você transforme de forma rápida e fácil seus scripts em aplicativos web interativos sem precisar conhecer HTML, CSS ou JavaScript. Sim, o Streamlt é uma estrutura Python de código aberto projetada para criar aplicativos web interativos para projetos de ciência de dados e aprendizado de máquina Ele usa uma sintaxe Pythônica simples. Se você conhece Python, pode usar o Streamlt sem precisar aprender Você pode adicionar elementos interativos, como controles deslizantes, botões e entradas de texto, usando comandos simples do streamlt Isso facilita a criação de interfaces de usuário dinâmicas. Os aplicativos do Streamlt são atualizados automaticamente quando você altera o código Assim, você não precisa continuar recarregando o navegador. Isso torna o desenvolvimento mais rápido. Essa biblioteca se integra perfeitamente às bibliotecas populares de ciência de dados, como Pandas, Nabi, Mad Plotlp, Plotly e muitas outras Isso facilita a criação de visualizações avançadas e a manipulação Podemos usar várias funções para exibir dados, incluindo tabelas, gráficos, mapas e muito mais. Se necessário, você pode estender de forma simplificada com componentes personalizados ou integrar bibliotecas de JavaScript para adicionar funcionalidades exclusivas Todos os aplicativos que você criou no Streamlt podem ser facilmente compartilhados e implantados Streamlt oferece um serviço de nuvem streamlt Cloud para implantar aplicativos com configuração mínima Como alternativa, você pode implantar aplicativos de forma simplificada em outras plataformas, como Hioku, AWS ou Google Cloud, mas acho que simplificar é a maneira mais fácil. Bem, o streamlt é uma ferramenta poderosa que simplificou o processo de criação de aplicativos web interativos para ciência de dados Ele permite que você se concentre em suas análises e visualizações sem se preocupar com as complexidades do desenvolvimento web. Então, vamos começar. Primeiro, instalaremos o streamlt em nosso ambiente virtual. Vou usar um ambiente virtual com o Python 3.11. Se você não sabe o que é um ambiente virtual e como organizar adequadamente seu fluxo de trabalho, altamente recomendável assistir a este vídeo. Aqui eu explico em detalhes o que é um ambiente virtual e como instalar bibliotecas separadamente para cada projeto para evitar conflitos. Eu instalo streamlt usando o gerenciador de pacotes PIP, o Command PIP freeze nos mostrará todas as bibliotecas que eu tenho em meu ambiente virtual Aqui na fonte do meu projeto futuro, crio um arquivo no qual escreverei um script básico mais simples do Python Em seguida, vamos executá-lo e ver como tudo funciona. Aqui eu importo a biblioteca streamlt para o meu script Python e usarei ST como um alias , pois isso me permite fazer referência à biblioteca streamit com um Vemos um erro na importação, mas tudo bem. Só precisamos mudar nosso ambiente virtual. Nas configurações na parte inferior do código do Visual Studio, precisamos alterá-lo. Então eu importo pandas e Nam pi. Nós precisaremos deles. Agora enviei o título do aplicativo. Você pode definir o seu. A função de título no Streamlt é usada para adicionar um título. Essas funções exibem texto no cabeçalho de nível mais alto. Se estivéssemos usando tags HTML, isso significaria a tag H one, permitindo criar de forma rápida e fácil um título claro e atraente para seu aplicativo. Visualmente, será o título maior e mais promissor. Obviamente, precisamos de dados para exibir. Portanto, usando o Pandas, eu crio dados de teste. Se você fez o curso Pandas, esse código não levantará nenhuma dúvida para você, mas eu explicarei de qualquer maneira Usando o Pandas e a biblioteca Nampire, geraremos dados aleatórios e obteremos um quadro de dados preenchido usando a função aleatória aleatória Eu gerei 1.000 números aleatórios para cada eixo. Em seguida, exibo as primeiras cinco linhas do quadro de dados no aplicativo streamlt Como você se lembra, uma cabeça sem qualquer discussão nos dará cinco primeiras linhas. É a função na biblioteca streamlt usada para exibir vários tipos de conteúdo Em seguida, vou usar a função de gráfico de dispersão. Ele gera um gráfico de dispersão, que é um tipo de visualização de dados Como dados, passarei nosso quadro de dados recém-criado e, com o comando streamtrun app Pi, executarei o script Ele inicializa o servidor streamlt em sua máquina local. Em seguida, ele lê o script de cima para baixo, executando o código para configurar o aplicativo web Eu deixaria isso em branco. Não quero receber nenhum dado da promoção. Ao executar o aplicativo Streamlt e ver o prompt, você deseja que o aplicativo aceite conexões de rede de entrada Isso significa que seu sistema operacional está perguntando se você deseja permitir que seu aplicativo stremlt seja acessível pela rede ou Por padrão, quando você executa o comando Stream Lit Run, o servidor streamlt é iniciado e se vincula à máquina local Normalmente, no host local 8.501. Essa URL local é usada para acessar seu aplicativo na mesma máquina que você está executando o servidor streamlt Host local se refere ao seu computador local. Isso significa que, se você abrir um navegador da Web em seu computador e inserir esse link na barra de endereço, poderá visualizar seu aplicativo simplificado No caso do URL da rede, ele pode ser usado para acessar seu aplicativo streamlt de outros dispositivos na mesma rede local Isso significa que se outro dispositivo, como laptop, smartphone ou tablet conectado à mesma rede local abrir um navegador da Web e inserir esse link na barra de endereço, ele poderá visualizar seu aplicativo stremlt. Permitir a conexão de entrada permitiria que outros dispositivos acessassem o aplicativo se soubessem o endereço IP e a porta Eu nego porque não preciso disso agora. E aqui podemos ver nosso aplicativo, ver o título que especificamos e ver os dados que geramos usando o Pandas e o Napi Podemos expandir nosso gráfico de dispersão para tela cheia, retorná-lo como estava, classificar nossos dados pelos eixos X e Y conforme desejarmos Como podemos ver, tudo é muito interativo. Podemos fazer o download em qualquer formato que pudermos escolher e visualizar as configurações disponíveis aqui. Nas configurações, podemos voltar a ver os temas disponíveis e escolher um para nós mesmos. Podemos imprimir o documento. seguir, vemos o screencast, um recurso que permite gravar um vídeo da sua tela demonstrando seu aplicativo em Isso é útil para criar tutoriais, mostrar a funcionalidade do seu aplicativo ou fornecer relatórios visuais sobre Isso é realmente ótimo porque você pode criar esses vídeos facilmente sem precisar usar um software de gravação de tela de terceiros e mostrar em detalhes como seu aplicativo funciona Depois, podemos verificar a versão. Em seguida, vemos o cache limpo. Isso significa limpar o cache, o que envolve a exclusão de resultados seguros anteriores de funções Isso pode ser útil quando você deseja garantir que as funções sejam executadas novamente para obter resultados atualizados. Isso é especialmente útil se os dados de entrada ou a lógica de cálculo tiverem sido alterados. Podemos usar o recurso de implantação diretamente no aplicativo. Isso significa o processo de implantar seu aplicativo streamlt em um servidor para que ele fique acessível aos usuários pela Internet Isso permite que outras pessoas interajam com seu aplicativo sem precisar executar o código localmente em seus computadores Bem, vimos como é. Então, vamos continuar criando o segundo aplicativo usando o Qi Finance. 3. Criando um aplicativo de visualização de preços de ações com Streamlit e biblioteca Yahoo Finance: Vamos começar do começo. Vou importar tudo o que for necessário. Nesse caso, em vez de dados criados aleatoriamente, obteremos dados do Yahoo Finance e a Y Finance Library nos ajudará Em seguida, como fizemos no aplicativo anterior, criamos um título. Vou precisar de uma caixa de entrada de texto, então vou usar a função de entrada de texto. Ele permite que os usuários insiram dados de texto de forma interativa em um aplicativo Streamlt e é comumente usado para coletar informações do usuário, como texto, sequência de caracteres ou números Você fornece um rótulo para a caixa de entrada e exibe de forma simplificada um campo de entrada de texto onde os usuários podem digitar texto Aqui, devemos inserir o símbolo da ação e atribuí-lo ao símbolo da ação variável. Em seguida, verificamos se o símbolo da ação variável tem um valor. Se o símbolo de ações não estiver vazio e a condição for atendida, ele chamará a função de download da Biblioteca Financeira Y para recuperar dados históricos de ações Essa função baixa dados históricos do mercado para o símbolo de ações especificado. Como parâmetros, podemos passar o símbolo das ações. O símbolo da ação, podemos obtê-lo no site NASDAQ E o segundo parâmetro é um período. Especificamos o período durante o qual os dados históricos são recuperados Aqui estão os dados das solicitações dos últimos quatro anos. Esse código garante que os dados do estoque baixados somente se um símbolo de ação for fornecido, evitando erros e erros desnecessários se o símbolo estiver ausente ou for inválido Primeira condição se o símbolo de estoque verifica se a variável do símbolo de estoque foi fornecida e não está vazia. Isso garante que a função de download do Y Finance seja chamada somente se houver um símbolo de ações para consultar. Isso evita chamadas de API e erros desnecessários que ocorreriam se a função de download do Y Finance fosse chamada com um símbolo vazio ou inválido segunda condição, se os dados de estoque não estiverem vazios, verifica se a função de download do Y Finance recuperou com êxito os dados do símbolo de ações fornecido, pois mesmo que um símbolo de estoque válido seja fornecido, é possível que nenhum dado esteja disponível para esse Por exemplo, o símbolo pode estar incorreto ou o estoque pode não ter dados do período solicitado. Então, lá dentro, estamos exibindo dados financeiros. A função direita exibe as primeiras linhas dos dados. Se você viu meu tutorial sobre bandas ou polares, você saberá que a função head nos mostra apenas as primeiras cinco linhas do nosso quadro de dados Em seguida, usamos o gráfico de linhas. Ele cria um gráfico de linhas dos preços fechados a partir dos dados das ações. E, claro, usamos ls Blog. Aqui, exibiremos uma mensagem de erro indicando que nenhum dado foi encontrado para os símbolos de ações fornecidos. O método de erro no Streamlt exibe uma mensagem de erro. Ele será exibido em vermelho para atrair atenção. Executamos nosso aplicativo com o comando familiar e, no navegador aberto, vemos nossa página. Vamos testá-lo e inserir, por exemplo, o nome do Apple Stock, e obtivemos um erro. Bem, aí não podemos especificar quatro anos. Mas podemos especificar, por exemplo, cinco anos. Vamos fazer isso. Nem precisamos reiniciar nosso aplicativo. Simplesmente mudamos para cinco anos, salvamos, abrimos o navegador e atualizamos a página Vemos que agora tudo funciona corretamente porque é atualizado de forma interativa Isso é muito conveniente. Podemos ver o preço das ações em um horário específico. Podemos ampliar ou reduzir nosso gráfico. Vamos tentar inserir ações do Google, por exemplo. Podemos abri-lo em tela cheia. É chamado quando você deseja observar como os preços mudaram em um determinado período. Vamos dar outro exemplo. Quero dar uma olhada nas ações da Tesla. No entanto, é um pouco inconveniente. Por exemplo, quero comparar os preços das ações durante todo o período entre duas empresas. Quero criar um novo aplicativo onde possamos especificar os nomes de duas ações e comparar seus preços. 4. Como aprimorar a visualização do preço de ações: Streamlit, Yahoo Finance e Matplotlib: Como sempre, a primeira coisa que fazemos é importar todas as bibliotecas necessárias. Desta vez, vou usar o Matlot Leap. Se você ainda não instalou essas bibliotecas, pode usar o Command Beep Install, seguido pelo nome da biblioteca para instalá-las em seu ambiente virtual Em seguida, defino o título do nosso aplicativo usando a função familiar. Em seguida, crio dois campos de entrada interativos nos quais nossos usuários inserem os nomes de dois stokes. Eles querem comparar. Em seguida, verificamos se os dois símbolos de ações foram inseridos pelo usuário. Se os dois símbolos forem inseridos, o aplicativo baixará dados históricos de cada símbolo de ações nos últimos cinco anos usando a função de download da Biblioteca Financeira Y. Depois disso, verificamos os dois conjuntos de estoque. Os dados não estão vazios. Se eles contiverem dados, o código exibirá esses dados e traçará um gráfico para visualizar os preços das ações A função correta é usada para exibir as primeiras linhas de dados. Vou lembrá-lo de que a função head retorna as primeiras cinco linhas do quadro de dados correspondente. Em seguida, criamos uma figura e um eixo para o gráfico com dimensões de dez por 6”. Em seguida, usamos a função plot para adicionar um gráfico de linhas aos preços de fechamento ou às ações de cada símbolo. Aqui, passamos o índice de dados de ações, dados de estoque no quadro de dados contendo dados históricos de estoque para cada símbolo que baixamos usando a função de download. O índice representa o índice desse quadro de dados, que normalmente consiste em datas. Quando as ações foram negociadas, isso será usado como o eixo X, o eixo horizontal no gráfico Em seguida, especificamos os dados do estoque e fechamos. Esta é a coluna fechada do quadro de dados que contém os preços de fechamento das ações para cada dia. Isso será usado como o eixo Y, o eixo vertical do gráfico e, finalmente, especificamos um rótulo. trabalho com quadros de dados foi abordado em detalhes no curso Pandas, e o Pandas é uma biblioteca Você precisa saber se planeja se tornar analista de dados ou cientista de dados. Pandas e extratores, as duas bibliotecas ou, pelo menos familiarize-se com elas e entenda como Em seguida, definimos o título do enredo. Em seguida, definimos o rótulo para o eixo X e para o eixo Y. Em seguida, adicionamos uma grade ao gráfico. Isso facilita a leitura de nossos pontos de dados, e eu adiciono uma legenda ao gráfico, que identifica as diferentes séries de dados ou elementos plotados no Em seguida, usamos a função para exibir uma figura Mtlotlp diretamente em seu aplicativo streamlit Byblot é uma função simplificada que aceita uma figura Mtlotlp Isso representa um objeto ultplotlpigure que eu criei anteriormente usando as funções de plotagem Mt Bot Lip. Cool that streamlet se integra perfeitamente ao My Blot Leap, permitindo que você exiba figuras Mult Lip figuras E então lidamos com casos em que os dados não estão disponíveis. Devemos fornecer um feedback claro ao usuário quando nenhum dado for encontrado, reiniciar o projeto e inserir os dados. E temos um erro. Apenas alguns erros de digitação. Desculpe por isso. Vou consertar isso e agora tudo deve funcionar. Então, vamos testá-lo. Podemos selecionar qualquer ação, ver seu preço e compará-la com qualquer outra ação. E para isso, usamos streamld, Mud of lip e I Finance Visualizamos dados históricos por cinco anos. Obviamente, podemos alterar esse intervalo de datas para ser maior ou menor. Graças à Biblioteca Financeira do Yahoo, podemos obter dados históricos de preços de ações com grande precisão Usar nosso aplicativo web facilita a comparação dos preços das ações de duas empresas em um único gráfico, e isso é muito legal. Você pode usar não apenas a Mattel, mas qualquer biblioteca que já abordamos Você pode criar algo próprio para analisar seus próprios dados Streamlt ajuda você a exibir tudo isso sem precisar de conhecimento de front-end Você não precisa criar um site para mostrar seu trabalho. 5. Recursos avançados do Streamlit: como adicionar funcionalidades e implantar seu aplicativo gratuitamente no Streamlit Cl: E agora eu quero adicionar um pouco mais ao nosso aplicativo e implantá-lo no StreamLTcloud para que ele possa ser acessado publicamente ou simplesmente exibido como parte Vou dividir a tela em duas partes para que eu possa ver as mudanças em tempo real. Para mim, será mais conveniente. Vou mudar um pouco meu título. Aqui estou usando a função da barra lateral. A barra lateral é uma seção separada do aplicativo web, normalmente usada para entradas e controles que afetam o conteúdo principal Acho inconveniente quando inserimos os nomes de nossas empresas e não vemos imediatamente o gráfico Eu quero mover isso para a barra lateral. Esse painel permite que você organize os elementos de controle separadamente, fornecendo uma interface mais conveniente e organizada. Então eu uso o cabeçalho. Esse método adiciona um cabeçalho à barra lateral. Dessa forma, estou fornecendo instruções para o usuário. Eu atualizo a página e imediatamente podemos ver as mudanças E aqui podemos ver nossa barra lateral. A barra lateral simplificada é usada para criar um painel lateral onde você pode colocar vários elementos da interface, como cabeçalhos, campos de texto, botões e, geralmente, tudo o que você colocaria na Se eu agora selecionar nossos nomes de ações, veremos que é muito mais conveniente. No entanto, não gosto que o período seja codificado para cinco anos Quero poder escolher o período de acordo com minha preferência. Quero ver e comparar ações talvez mais de um ano ou talvez mais de dez anos. Agora vou mudar um pouco da lógica. Eu inseri o módulo de data e hora. Essa é uma biblioteca padrão que fornece classes para trabalhar com datas e horas em Python Este módulo permite várias operações relacionadas ao tempo. Quero criar um controle deslizante na barra lateral. Para fazer isso, estou usando o controle deslizante da barra lateral, que cria o controle deslizante que cria o Em seguida, especifico o rótulo que explica ao usuário que o controle deslizante serve para selecionar um intervalo de anos Em seguida, indico o valor mínimo que pode ser selecionado no controle deslizante, que é o ano 2000. Depois disso, especifico o valor máximo que pode ser selecionado no controle deslizante Que é o ano atual determinado dinamicamente usando nosso módulo diurno, chamando o método nulo Em seguida, especifico os valores padrão que serão definidos no controle deslizante por padrão Escolherei o ano inicial como 2015 e o ano final como 2020. O resultado dessa linha de código são duas variáveis, ano inicial e ano, que contêm os anos inicial e final selecionados. Esses valores são então usados posteriormente no aplicativo. Aqui, verificamos se os símbolos foram inseridos para ambas as ações. Se os dois símbolos não estiverem vazios, o bloco de código dentro dessa condição será executado. Aqui, definimos as datas de início e término para uso posterior no aplicativo. Estamos substituindo cinco anos codificados por datas geradas dinamicamente com base nas informações de início e anos do usuário Vamos atualizar e ver o que temos. Recebemos um erro. Recebemos um erro porque havia um erro ortográfico que precisava ser Agora, tudo funciona e podemos alterar o período de tempo em que usamos os nomes das docas, que são exibidos de forma mais conveniente do que antes Acho que é muito mais conveniente porque vemos imediatamente o que esses preços das ações representam. Deixe-me mudar para Tesla. Então eu quero mudar a Apple para o Google e brincar. Vamos ver como seus preços mudaram em um período específico. Agora, vamos implantar tudo isso para transmitir com o Cloud. Queremos mostrar nosso projeto para alguém, então precisamos de uma hospedagem onde possamos aplaudir o que fizemos juntos Mas primeiro, precisamos usar o Git para isso. Se você não está familiarizado com o Git, eu recomendo que você se familiarize com ele fazendo um Por favor, verifique meu perfil. Há um ótimo curso sobre Git. É um conhecimento essencial, independentemente de sua função de TI, esteja você em testes ou programação. Agora, entramos na minha conta do Git e criamos em seu Escolha público e não adicione mais nada, como ler meu arquivo ou Git Ignore, deixe tudo como está Depois de criá-lo, você tem uma lista de comandos que você precisa executar para enviar seu projeto da sua máquina local, do seu computador para o servidor remoto que é o GID E depois disso, passamos para o nosso projeto. Usamos o comando para inicializar nosso projeto. Esse comando criará um novo repositório vazio no diretório atual do nosso projeto Se você observar todos os arquivos, inclusive os ocultos, poderá ver o diretório GID de pontos Isso significa que inicializamos um novo projeto sob controle de versão e criamos todos os arquivos e estruturas necessários para trabalhar com o GID Depois disso, veremos os arquivos em nosso caso, um arquivo que será adicionado ao palco. Ou seja, veremos que enviaremos o repositório remoto Em seguida, usamos o comando Git add para adicionar tudo ao índice Verificamos a alteração de status e, com o comando GIT Commit, salvamos todos os arquivos, todas as alterações que foram adicionadas ao índice usando o comando add como um novo commit no repositório local Por enquanto, nossa tarefa é enviar o repositório local para o servidor remoto Para isso, passamos os comandos copiados do GitHub. Depois de executar esses comandos, vamos ao GitHub e atualizamos Já podemos ver nosso arquivo no GitHub. Nossa próxima tarefa é implantar esse produto no StreamLTcloud. Nós vamos a este site. Se você não tiver um perfil, crie um. Se você tiver um, faça login na sua conta. Criar um perfil não leva muito tempo. Você usa seu e-mail para fornecer seus dados no seu caso e, nos meus casos , pode ser correto especificar o aluno. Em seguida, é simples. Escolha as configurações para você e o perfil será criado. O StreamLTcloud oferece uma infinidade de recursos. Aqui vemos a guia Meus aplicativos. Em seguida, temos a guia Explorar. O stub permite que você encontre e explore aplicativos públicos no StreamLT que foram criados por outros usuários Depois, há a guia Espaços de trabalho. O esboço é usado para gerenciar equipes e colaborar em projetos simplificados Aqui vemos o botão para conectar sua conta do GitHub ao espaço de trabalho do StremltCloud, que é o que O Streamlt pedirá permissão para se conectar ao Github. Vou clicar no botão autorizado e nossa conta do GitHub será conectada ao espaço de trabalho do stream Llet Agora, nossa tarefa é preparar o projeto e enviá-lo para o Streamlt Cloud Para isso, vou ao nosso projeto e crio requisitos TikTifle Em projetos Python, esse arquivo é necessário para definir e listar todas as dependências que foram instaladas no momento da criação do Em outras palavras, todos os pacotes e bibliotecas necessários para que seu aplicativo funcione corretamente estão listados nesse arquivo. Isso é especialmente importante antes da implantação, independentemente da plataforma. Ao implantar um projeto no StreamLTcloud, a plataforma procurará automaticamente esses requisitos (arquivo 60 no diretório raiz do Em seguida, ele instala todos os pacotes especificados para que o ambiente seja configurado de acordo com suas necessidades Isso garante que seu aplicativo tenha todas as dependências necessárias para funcionamento adequado sem esforço adicional de sua parte E por esforço, quero dizer que você está indo para o servidor remoto e instalando manualmente todas as bibliotecas ou dependências para que seu aplicativo comece a funcionar Eu gravei todas as bibliotecas e dependências necessárias no arquivo Txt de requisitos Eu removi o Pandas porque não o usamos. Eu o edito por hábito, porque é usado com frequência. Em seguida, adicionamos isso como uma alteração no Git. Fazemos outro commit e enviamos para o servidor remoto do Github Se você agora acessar o Github e atualizar a página, veremos nosso arquivo Tik Di de requisitos com Em seguida, vamos para o Streamlt Cloud, clicamos no aplicativo Streamlt e depois clicamos em Criar e preenchemos nosso Aqui, podemos selecionar nosso repositório, especificar a ramificação a partir da qual implantaremos e indicar o arquivo principal No nosso caso, é API, então eu reescrevo automaticamente o nome do arquivo principal criado e crio um link para nosso aplicativo Há também um método um pouco diferente em que clicamos aqui e podemos postar o link do Github em nosso arquivo principal, que podemos copiar diretamente do Github Em seguida, também criamos um link para nosso aplicativo. Aqui, vemos configurações avançadas que fornecem opções adicionais de configuração para nosso aplicativo. Podemos armazenar chaves de API, senhas e outros segredos aqui. Stream let garante que os segredos não sejam exibidos no código ou nos registros, mas estejam disponíveis para o aplicativo durante o uso. Também podemos especificar variáveis de ambiente aqui e implantar. Isso levará algum tempo. E aqui vemos nosso aplicativo. Agora nosso aplicativo está na Internet Wi. Você pode compartilhar esse link com qualquer pessoa e as pessoas poderão visitar e testar seu produto. Em geral, o StreamLTcloud é uma excelente ferramenta para mostrar Ele permite que você implante rapidamente seus projetos a partir do seu repositório Github Todas as alterações que você fizer no seu código e enviar para o Github são refletidas automaticamente no seu aplicativo no StremlTcloud Isso facilita manter seu portfólio atualizado, tornando o desenvolvimento e a publicação de seus dados rápidos e simples. A implantação é muito simples. Você pode colaborar e, como bônus, temos o controle de versão. Podemos rastrear as alterações em nossos aplicativos e alternar entre diferentes versões. É ótimo que você possa personalizar seu próprio domínio para seu aplicativo, dando uma aparência profissional ao seu portfólio. Além disso, o streamld se adapta a diferentes tamanhos de tela, garantindo uma boa aparência em computadores e dispositivos móveis Isso é muito legal porque seu aplicativo pode ser visualizado adequadamente por todos, seja de um telefone ou computador doméstico e, o mais importante, o StremlTcloud oferece um plano gratuito que permite hospedar seus aplicativos sem Isso é muito útil para estudantes e iniciantes. Você pode ter seu próprio domínio e hospedar seu projeto de teste na Internet gratuitamente. Então, vamos praticar e compartilhar.