Criar e publicar um site / WebApp grátis usando Python em 5 passos fáceis | Anjana Jain | Skillshare
Pesquisar

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Criar e publicar um site / WebApp grátis usando Python em 5 passos fáceis

teacher avatar Anjana Jain, Technology Enthusiast

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Vídeo 1 Introdução

      0:57

    • 2.

      Vídeo 2 Como criar uma versão local do seu WebApp / site

      3:56

    • 3.

      Vídeo 3 Como preparar WebApp/site para implantação

      3:25

    • 4.

      Vídeo 4 Publicação no GitHub

      1:57

    • 5.

      Vídeo 5 como implementar no Heroku

      7:11

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

132

Estudantes

--

Projeto

Sobre este curso

Ei, todos!

Obrigado por visitar este curso.

Este curso é como criar um Web App/site poderoso e simples usando Python. Vai haver custos absolutamente ZERO envolvidos na criação de um site/WebApp

Pré-requisitos

  • Python instalado em seu sistema
  • Sintaxe e compreensão de Python
  • Conta de github (sem custo)
  • Saiba como carregar arquivos no github
  • Conta Heroku (gratuitamente)

Pilha de tecnologia

Passos

  1. Como criar um aplicativo de teste
  2. Preparar aplicativo para implantação
  3. Publicar em Github
  4. Implantar usando Heroku

Links de referência

  • https://github.com/arpitjain2602/test_app
  • https://github.com/arpitjain2602/covidinfo

Conecte-se comigo

  • https://github.com/arpitjain2602
  • https://twitter.com/arpit2602
  • https://www.linkedin.com/in/arpit-jain-233721b2/


Como
você pode

Conheça seu professor

Teacher Profile Image

Anjana Jain

Technology Enthusiast

Professor
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Vídeo 1 de vídeo: Ei pessoal, meu nome é ou pidgin e eu sou um cientista de dados trabalhando com uma startup, 3M quando estamos falando sobre como criar seu próprio site usando Python e torná-lo vivo em apenas cinco minutos, totalmente livre de custo. Então, sem esperar, vamos pular em frente. A pilha de tecnologia do vendedor que vamos usar. Então, principalmente é Python. E dentro Python vamos usar um módulo chamado stream que eu vou falar sobre isso um pouco mais tarde. Usaremos o GitHub para armazenar nosso repositório e o código. E então, quando você usar Heroku, implante nosso aplicativo. Estes são, em geral, os passos que estão envolvidos. Então vamos criar um aplicativo de teste e verificar, verificar localmente. Vamos preparar a implantação do bot do aplicativo publicará o aplicativo, base de código para o GitHub e, em seguida, reimplantar usando cetonas. Vejo vocês no próximo vídeo. 2. Vídeo 2 como criar uma versão local do seu WebApp /site: Antes de realmente saltar para a codificação, vamos falar sobre o fluxo que é. Então a taxa FIM é realmente uma startup, ser uma espécie de Califórnia, eu acho. Eles estão realmente criando uma maneira de Bill e compartilhar aplicativos de dados, mais especificamente aplicativos para aprendizado de máquina. Mas isso também pode ser alavancagem como uma ferramenta para criar nosso próprio site, um pequeno blog ou algo assim como falaremos sobre isso mais tarde. Mas é sobre isso que transmite cartas. É tão fácil começar com a instalação do módulo usando pip install, e então veremos como ele funciona. Eu preferiria que você ativar ambiente conda ou 0, qualquer ambiente valioso e novo. Nesse ambiente virtual, você pode simplesmente fazer uma instalação pip, simplificada. E vai correr. Então o meu já está lá. Então, basta dizer que tudo está satisfeito, limpe o terminal. E uma vez que você tenha instalado, você precisa ir para uma pasta onde o aplicativo está presente. Essa pasta está presente dentro dessa pasta para dizer que barco simplificado como st. Deixe-me ver se essa pasta, então uma coisa a se lembrar é aproximar dessa pasta, você tem que nomeá-la. Sou do mesmo jeito que você quer ver. Então vamos ver que eu sou, eu quero vê-lo como um aplicativo de teste, então eu apenas escrever teste app.py. Então eu importei meu fluxo atrasado. Eu tenho que definir uma função principal, que basicamente servidor vai chamar Definitivamente, e eu vou apenas escrever sd dot tentou. Ei, esta é a demonstração do stream ao vivo. E basicamente chamará essa função indefinidamente. Dizendo, quero dizer, sim, e eu vou chamar essa função. Então, uma vez que eu tenha salvo esta função, eu só preciso executar este arquivo usando Stream tarde. Então o que vou fazer é ir para o meu terminal. Já estou na pasta em que este arquivo está presente, que é test.py. Eu só preciso escrever um stream. Vamos executar app.py, pressione Enter. O que ele vai fazer é basicamente criar um aplicativo neste endereço que pode ser acessado usando isso localmente. Então, se você for para localhost porta 8500 um, você deve ver seu aplicativo, que é isso aqui. Então, sempre que você fizer uma alteração no código, digamos que eu estou adicionando algum conteúdo de markdown. Então, talvez apenas dando a ele um tipo de ataque de categoria três. Como salvo. Assim que eu salvar o arquivo, ele detecta que o arquivo de origem foi alterado e você pode executar novamente o aplicativo. Então isso basicamente vai te dar a melhor coisa. Então este é um aplicativo muito básico, aplicativo mínimo. Você pode simplesmente brincar com as configurações. Por exemplo. Ele pode mostrar o aplicativo e modo branco e assim por diante e assim por diante. Assim, a versão mais recente do streamline, ele tem 0 equipe bem, modo muito escuro e leve. Eu não estou usando a versão mais recente aqui, mas você pode usar isso. Então é assim que criamos um site de demonstração muito rápido. Claro, este é um código de oito linhas, mas você pode torná-lo mais complicado adicionando coisas, adicionando botões e assim por diante e assim por diante. E talvez faça o que mais tarde. Nós não queremos isso em streaming, mas este vídeo está principalmente falando sobre como usar o streaming para implantá-lo e apenas implantá-lo no site. Vejo vocês no próximo vídeo. 3. Vídeo 3 como preparar o WebApp/site para a implantação: Olá a todos, bem-vindos ao próximo vídeo. Então, se você se lembra no último vídeo, criamos um stream de demonstração que até. É assim que espero que esteja funcionando bem localmente. Agora o que vamos fazer neste vídeo é basicamente preparar este aplicativo para implantação em Heroku. Portanto, há alguns arquivos que você precisa adicionar a esta pasta. E eu falo sobre esses arquivos passo a passo. Então eu tenho este repositório que eu criei usando stream que ele tem todos os arquivos que eu estou indo apenas para referir para pausar uma árvore e eu vou dar um link deste repositório para o final. Então, primeiro, você precisa de um arquivo proc. Procfile basicamente informa qual arquivo deve ser executado qual arquivo procurar quando você estiver executando o stream NetApp. Então eu vou apenas copiar o conteúdo deste arquivo e colar um par. E se você vê-lo diz que usar um arquivo de configuração produsage e, em seguida, stream natron. Seja qual for o nome do seu aplicativo é quando o meu caso, é aplicativo sublinhado teste, que deve corresponder ao aplicativo que eu sou usado para executar vergonha esse arquivo. Então eu vou fazer isso adicionando descanso todos são iguais. A única alteração que você precisa fazer é certificar-se de que você altera o nome desse arquivo. Uma vez que eu salvar isso, eu só preciso salvá-lo Em nome de arquivo, arquivo proc. E nós o temos bem ali. Muito bem, temos o aninhamento de Procfile. Precisamos de um arquivo de requisitos. Então isso é apenas dizer ao Heroku que todos os requisitos precisamos. Então aqui só precisamos simular, isso é tudo pandas. Numpy um XML não é algo que precisamos. Mas você pode adicionar isso se você estiver criando um aplicativo complicado. Quaisquer que sejam os requisitos, você pode adicionar isso. Então eu acabei de salvar este arquivo Pfizer requisito também. Tudo bem, a próxima coisa que temos que fazer é basicamente especificar um tempo de execução. Então, digamos que especificamos uma versão do Python 3.6.13. Então nós fazemos isso e algas salvar este arquivo e ponto de tempo de execução TXT. Aqui vamos nós. E o último arquivo é o arquivo SH ponto de configuração. Ele basicamente contém alguns comandos sobre transmitido, certo? Você sabe como instalar gritou e Heroku. Definitivamente não precisamos mergulhar fundo nisso agora. E nós não temos que mudar nada como arquivo, é apenas para estar presente perigoso. Então talvez falar sobre esse arquivo e mais em um vídeo mais avançado, mas nós só precisamos criar esse arquivo. Então, apenas para reiterar, temos que criar quatro arquivos extras, requisitos Procfile, tempo de execução e ponto de configuração SH. Você não precisa se lembrar de tudo, mas você só quer ter certeza de que você alterar as variáveis apropriadamente, sempre que relevante, e adicionar entidade, qualquer módulo que você está usando, ou se o seu suporte de aplicativo ou Versão Python, e é só isso. Então, neste caso, preparamos nosso aplicativo para implantação e vamos publicá-lo no GitHub e veremos como implantá-lo. Vejo vocês no próximo vídeo. 4. Vídeo 4 de publicação no GitHub: Tudo bem, então terminamos com o passo um e o passo dois, impedindo a aplicação para implantação. Agora vamos publicar nossa pasta e código base no GitHub. Então, para fazer isso, eu criei um repositório vazio na área de trabalho do GitHub, e eu movi toda a minha pasta de área de trabalho do Windows código. Agora eu só não posso empurrá-lo levou uma banheira. Então o jeito que eu vou fazer enquanto eu navego para o meu leito de teste na verdade, e eu já estou morto. E vamos apenas fazer um git, adicionar. Git commit. E a mensagem será a adição de incêndios. E então pegue Bergosh. Média PME para nós, palavra, dê-lhe isso. E ainda assim VR tudo bem lá. Então eu vou apenas fazer uma atualização e eu vou ser capaz de ver meu arquivo de objeto aqui. Então temos nosso arquivo de adereços, o que parece bom. Temos nosso arquivo de requisitos, que também parece cabaça. Estamos na frente. X-bar parece marcado. Configuração tem arquivo SSH, parece bom, e ponto de mesa PUF parece bom. Portanto, há várias maneiras pelas quais você pode enviar seu código para o GitHub. Um é como beijar a interface que se levanta fornece você pode simplesmente clicar em Adicionar arquivos e enviar arquivos ou criar novas lutas ou de outras maneiras usando o prompt de comando. Do jeito que eu fiz. Então, sim, ele fez o passo 3 também. E o passo principal, o passo mais importante é permanecer nulo, que é implantar. Então vamos falar sobre isso e sobre o próximo vídeo. Vejo-te. 5. Vídeo 5 de uma aplicação no Heroku: Olá a todos de novo. Então temos, estamos, terminamos com o passo 1, 2, 3. E o passo mais importante para implantar o site agora está remanescente, e veremos como fazer isso. Então vamos usar algo chamado Heroku para fazer isso. E eu vou sair e assinar novamente e mostrar o que é Heroku. Então Heroku era na verdade uma empresa que agora faz parte da Salesforce. Basicamente, ele ajuda a implantar coisas na nuvem. Claro que a carga por isso. Mas eu sou um grande usuário mais recente como pode apenas fazer login ou criar uma conta e apenas instalar ou implantar cinco aplicativos gratuitamente. Embora existam funcionalidades limitadas, mas mesmo a versão gratuita é muito boa. Portanto, sinta-se à vontade para preencher esses detalhes e criar uma conta gratuita. Não haverá cobranças para cartão de crédito, seu próprio Africano dar-lhe um cartão de crédito ou qualquer outra coisa. Então, uma vez que você fizer isso, você pode fazer login em Heroku. E quando você, quando você entrar em Heroku é algo que você recebe. Agora, eu já criei isso, esses aplicativos gratuitos. Então o que vou fazer é pressionar o nome. E então aqui temos que pressionar em criar novo aplicativo. Uma vez que fizermos isso, ele vai nos perguntar o nome do aplicativo. Então vamos tentar e ver se a área de trabalho está disponível ou não. Parece que ele deve conter apenas letras minúsculas, números e traços. Então, é claro, isso é sublinhar um livro, então talvez apenas tente isso. Sim, este nome não está disponível. Teste a montante. Vamos, vamos tentar isto. E isso também não está disponível. Vamos tentar isto. Então, sim, este é desktop transmitido demonstração ao vivo para que você possa escolher qualquer nome que você quiser. Apenas certifique-se de que ele está disponível. Você pode escolher uma das regiões para qualquer região aqui perto de selecionar Estados Unidos não pressionará em Adicionar ao tubo na batalha. É centrado uma vez, o que falamos sobre isso em cursos mais tarde, mais tarde. Você pressiona em Criar aplicativo. E quando, quando você fizer isso, ele vai lhe pedir uma tonelada de resposta, Qual é o método de implantação e assim por diante e assim por diante. Então você tem a pular esta parte, o pipeline, mas você tem que vir diretamente para o método de implantação. Agora, o que você tem que fazer é que temos três opções para implantar em Heroku. Um está usando indo para Heroku git, que não é nada além das funcionalidades de linha de comando no kit. Você pode empurrar diretamente suas pastas de lá para se levantar. Outro está usando o GitHub e outro está usando o Container Registry. Novamente, ferramenta baseada em linha de comando. Vamos nos concentrar em usar o GitHub. Então, quando você pressiona no GitHub, o que ele fará é que você faça login usando uma conta do GitHub e, em seguida, ele se conectará diretamente à nossa conta do GitHub. Então o que você pode fazer é pesquisar qual repre você tem que implantar. Então eu já me conectei para conectá-lo à minha conta. E o representante que tem que selecionar como basicamente este representante, oh, desculpe, este repo que é aplicativo de teste. E assim eu vou apenas escrever desktop e pressionar em busca e eu espero que ele encontre o relatório. Oh, sim, ele encontra o rebelde. E o que vou fazer é pressionar o Connect. Então ele diz conectado a este repositório e ele vai apenas informações sociais se você quiser verificar sobre versões diferentes e assim por diante e assim por diante, você pode selecionar uma marca para implantar. Eu só tenho um ramo principal onde nenhum outro ramo, mas você pode escolher qualquer ramo. E eu vou clicar em Ativar implantações automáticas. Então, o que ele faz é basicamente sempre que você enviar um código para seu repositório do GitHub, ele automaticamente, eu vou, reimplantar nosso aplicativo novamente. Então, por exemplo, se eu fizer alterações na minha transmissão desse aplicativo, sinto muito. Sim, se eu fizer alterações no meu stream que aqui em cima, qualquer coisa e eu empurrar para o GitHub com código atualizado. Isso implantará automaticamente meu aplicativo atualizado e atualizaremos meu aplicativo em tempo real. Portanto, este é um recurso muito útil. Então eu geralmente faço a implantação automática caso você não queira que isso aconteça, você sempre pode desativar o MN. Sim, quero dizer, você pode implantar uma filial manualmente também. Então vou selecionar a ramificação principal e clicar em Implantar. Então o que ele vai fazer é basicamente ele vai construir o seu código. E você pode ver os registros aqui. Ele está instalando Python versão 3.6.13, que é basicamente o que mencionamos no texto TXT ponto de tempo de execução. E então ele irá instalar todos os requisitos para o chumbo STM. E basicamente ele reler seu arquivo de requisitos e instalará tudo, certo? Assim, uma vez que isso é feito, geralmente leva algum tempo para construir sua filial ou seu resfriado, cerca de dois a três minutos dependendo de quão volumoso e complexo ele como se você estiver usando muitos resíduos de pacotes levará tempo para instalar. Mas uma instalação básica é feita. Ele essencialmente cria um computador virtual para você em algum lugar na Nuvem. E então ele está instalando Python e, e embora todas as dependências que ele precisa de um, uma vez que ele faz isso, ele vai apenas dar-lhe uma mensagem dizendo que a implantação foi bem-sucedida. Então vamos esperar por essa mensagem. Então, sim, só queria acrescentar uma coisa. Diz compressão feita 139 MB. Há um limite para qualquer aplicativo que é 500 MB na versão gratuita do Heroku. Portanto, você não pode realmente implantar qualquer aplicativo maior que 500 MB. Mas se o seu aplicativo contém principalmente texto adicionando, você vai ficar bem. Tudo bem, então ele vê liberado V3 e você pode usar esses dois. Ele diz que seu aplicativo foi implantado nesta URL usando Heroku. E estamos bem. Diz que você está pronto para ser implantado com sucesso. Agora, se você quiser ver o seu aplicativo, você só tem que clicar no botão Ver. Esta é a sua pasta onde você tem que basicamente, você pode ver o seu aplicativo. Tudo bem, então esta é agora a versão atualizada. Você pode alterar o tema do seu aplicativo de cabeça contra, escolha um tema leve. Você pode escolher um tema escuro. Você pode, você pode brincar com isso. Tudo bem, então esta foi uma demonstração rápida sobre como implantar um aplicativo usando stream net na web. E isso, esse link é algo que você pode compartilhar com seus amigos, alguém mais? Então, tudo bem, muito obrigado.