Ok, então a primeira coisa que vamos fazer é ir para o Heroku dot com.
Você está com você.
E vamos nos inscrever.
Então eu vou me inscrever com meu nome de e-mail.
Você precisa colocar um e-mail real aqui e você deve de qualquer maneira, porque por uma coisa eles enviam essa
confirmação de e-mail para que você tenha que verificar esse e-mail, mas o mais importante, você terá atualizações
sobre se há por algum motivo algum acidente estranho, os servidores Heroku são atingidos por um raio ou algo assim.
Você receberá atualizações sobre o que está acontecendo.
Então, o nome da nossa empresa.
Apenas digo Web Dev Bootcamp.
Você não precisa colocar nada.
Na verdade não vai fazer a diferença, mas não vamos colocar J. S. Crie uma conta gratuita, então, verifique
seu email e confirme sua conta.
Tudo bem.
Então, uma vez que você faça isso, você irá pedir-lhe para que você clique no link e você é solicitado a criar uma senha
para confirmar a senha.
E então, uma vez que você terminar de criar sua conta, você deve levá-lo ao seu painel de controle Heroku.
E este será um lugar onde você poderá ver os aplicativos que você implantou.
Você poderá ativá-los e desligá-lo, você é mais.
E qualquer tipo de outras coisas que você precisa configurar e a permissão em problemas de segurança.
Esta é a sua base para todos os aplicativos que você precisa colocar sobre ela.
ESTÁ BEM.
Então, na verdade, vamos nos afastar disso por enquanto.
Mas se você quiser empurrar, dê uma olhada.
Eles têm algum bom começar gente.
Então, se você clicar no início do guia Noad, você mostrará as etapas que
iriam passar por aqui.
E então farei referência a isso.
Mas você também pode assistir apenas a este vídeo para ver o que você precisa fazer.
Então, a primeira coisa sobre a qual fala aqui é instalar o download e a instalação do
Heroku toolbelt para Mac ou qualquer outra máquina que você esteja usando.
Na verdade, não precisamos usar isso porque estamos usando o Cloud 9.
Então ele vem pré-instalado.
Desculpa.
Nós precisamos usá-lo.
Não temos que baixá-lo.
Com licença.
Ele vem pré-instalado para nós.
Então, se você entrar na nuvem 9, o que realmente podemos fazer é garantir que estejamos no diretório certo e nós
paramos o nosso servidor.
Ótimo.
Se você apenas digitar a palavra Heroku, verá que obtemos algum resultado, além do que não foi encontrado, significa que temos o
Heroku instalado e que vem com o Cloud 9 gratuitamente.
Se você está fazendo isso em uma máquina ou não está usando o Cloud 9, você pode, claro, baixar
a versão correta e seguir as instruções.
Então, a primeira coisa que queremos fazer é seguir o que disse, o que é o Heroku log e isso irá
solicitar-lhe o seu e-mail para o
qual você se inscreveu para o Heroku.
Então, ele tem que combinar e também será o primeiro a solicitar sua senha e parecerá que
não está digitando apenas esconde.
Portanto, não se preocupe.
Aqui vamos nós.
Queremos ver a autenticação bem sucedida.
Então, o que fizemos agora é basicamente aprovado nesta máquina.
integrar, basicamente, transferir coisas para Heroku, o nosso espaço Heroku em seus servidores, porque lembre-se que é tudo o
que estamos fazendo, vamos enviar esta aplicação e copiá-lo para máquinas Heroku.
Esta nuvem, nove, espaço de trabalho para trabalhar para adicionar
Então, é claro, não queremos deixar que ninguém faça isso em nossa conta.
Nós só queremos máquinas em que iniciamos a autenticação para podermos fazer isso.
ESTÁ BEM.
Então esse é o primeiro passo.
A próxima coisa que precisamos fazer é realmente certificar-se de que estamos usando get neste diretório.
Então, no diretório, o diretório de nível superior do nosso projeto é importante.
outros projetos que você não está fazendo nessa pasta, mas no diretório onde sua aplicação JSE está no seu pacote.
Você não faz isso onde você tem
Jason, queremos executar o status e, no meu caso, não vou ver um bom repositório.
Então, queremos que seja obtido um repositório.
Nós usamos o bem para dizer para determinar o que enviar para a Heroku e, no nosso caso, vamos
enviar o pedido completo.
Então, uma vez que inicializamos um repositório, vamos seguir em frente e adicionar os arquivos que queremos enviar para
ela OK com ele.
Então é tudo.
Então, vamos fazer um de cada vez, ADICIONAR Sim, adicionar pacote que Jason e obter imagens que
todo o diretório fará.
Obter compromisso.
E vamos apenas dizer o comentário inicial ótimo se você voltar às instruções você verá algumas coisas.
Depois de instalar o cinto de ferramenta, você pode clicar.
Eu instalei neste exemplo neste tutorial que lhe dão um aplicativo de demonstração.
Nós já temos um para que você possa simplesmente dizer que eu clonou o código-fonte do aplicativo.
A próxima coisa que lhe diz para fazer é executar um comando chamado Heroku criar.
Então, podemos seguir em frente e fazer isso.
E o que isso fará é realmente abrir espaço na Heroku fazer uma nova aplicação, gerar uma solução para você
em uma área de sushi com este atual e obter um repositório.
Então eu vou correr isso agora.
Heroku crie e você pode
ver primeiro isso não funcionaria se eu não estivesse logado se eu não fizesse o login da Heroku, ele
me pediria autenticar primeiro, mas você pode ver que isso me faz um novo aplicativo e isso o dá um
nome aleatório.
Heroku é bastante famoso por esses nomes pacíficos Zen natureza ish.
Eles chegam tão sem nome aqui com esse número aleatório.
Também lhe dá isso, você sabe onde seu aplicativo será implantado.
Você pode mudar isso.
Você pode olhar para os documentos do Roku, você pode especificar o seu próprio domínio com ponto com com Heroku se desejar.
Então, se você quisesse verificar se este aplicativo de demonstração.
Um aplicativo de ponto de ponto de três pontos com três pontos está disponível, você pode fazer isso, mas você também pode, claro, ter
seu próprio domínio.
Então, se você possui Salli dot com ou as nuvens são incríveis.
Eu sei que você pode implantar um aplicativo implantado no Roku.
Você pode configurá-lo para que ele funcione com seu domínio, mas você não faria isso ainda.
Então, você ainda cria este aplicativo aqui, você obtém esse Hoku aleatório que você está agora se nós visitarmos isso agora,
nós apenas
obtemos o padrão de boas vindas ao seu novo aplicativo.
Ainda não temos nenhum código associado a este aplicativo.
Heroku só sabe que queremos fazer um aplicativo que temos um aplicativo vazio lá.
Outra coisa que aconteceu foi que ele adicionou um controle remoto ao nosso Repositório Get chamado Heroku.
Então, se você der uma olhada em Get remote do dash B, você verá aqui, adicionou um controle remoto chamado Heroku para o
qual podemos enviar código.
Então isso é realmente importante.
É assim que você basicamente transfere o código.
É assim que eu vou contar ao Heroku. Aqui está o código que eu quero que você execute.
Então, quando eu empurro para Heroku, eu vou executar um comando.
Obter empurrar o mestre Heroku.
Então, isso vai empurrar o código que adicionei e comentei no mestre do rancho até o Heroku.
Então, neste caso, isso é tudo.
Mais uma vez, você não quer empurrar todas as coisas.
Talvez haja algum código novo que você não queira enviar para seu servidor de produção, mas
neste caso, queremos tudo.
O aplicativo está funcionando da maneira que queremos.
Então, vamos empurrar tudo.
Então, pressione Heroku antes de fazer o que você verá em um tutorial.
Ele também diz como fazer isso.
Então, se você se perder se você preferir assistir ou ler o tutorial, pode seguir isso.
Estamos fazendo exatamente o mesmo passo.
Então, pegue Push Heroku M. OK para que possamos acertar enter.
Eu adverti-lo-ei que há uma coisa que não fizemos que vai causar um
pequeno problema, mas fiz isso por propósito porque quero mostrar o processo de depuração do Heroku.
Então, vou tocar
Enter e isso demora um pouco, geralmente, especialmente com aplicativos maiores.
Muitas coisas estão acontecendo aqui.
Geralmente, isso não acontece quando você apenas empurra para obter o hub.
Então, isso é tudo mágico de Heroku.
Você pode voltar e ler um monte de coisas sobre o que está acontecendo.
Vamos ver que detectou que é um aplicativo de nó que ele instalou algumas das dependências importantes ou os Pineries, então instale
as dependências expressas e Ejay nós por causa desse pacote que Jaison.
E estas são todas as coisas que se expressam, dependendo então, criou o aplicativo e depois o lançou.
Então, diz que esta aplicação foi implantada no Iraque.
Então, se nós visitarmos essa atualização de URL, esperamos ver nosso aplicativo.
No entanto, tudo o que vemos é erro de aplicação.
Então, esta é uma tela muito comum quando você está arruinando o Heroku quando você está começando
quando está empurrando um novo aplicativo lá.
O que acontece quando você tem um erro com seu código ou algo não funciona.
Isso é no lado Heroku das coisas ou na interface web, tudo o que você vê é um erro.
Eles não colocam a mensagem de erro específica nos detalhes, porque você não gostaria de expor
isso aos seus usuários, obviamente.
Então eles mantêm as coisas o mais escondidas possível.
Eles apenas dizem erro de aplicação.
Mas o que acontece é que você pode visualizar os problemas que você pode visualizar as mensagens de erro nos logs
em sua linha de comando.
Então, para fazer isso, basta digitar os logs do Heroku e nós ganhamos um monte de coisas aqui se nos deslocarmos,
veremos que há um erro e o erro ocorreu aqui.
Começando o processo com o comando NPM start e então, não temos um começo do NPM que faltam o início
do script e isso faz com que todos os nossos erros e coisas falhem.
Então, novamente, fiz isso com o propósito de mostrar-lhe um Heroku registra como você poderia seguir em frente e dar uma olhada, porque isso esconde a mensagem de
erro real de você aqui, mas isso não significa que você não pode vê-lo.
E esta é uma tela bastante comum se seu aplicativo estiver falhando.
Heroku logs e o comando importante.
Mas o que a seta está dizendo é que não tivemos um script de início.
Então, com esse script de início, é que ele diz a Heroku que diz ao servidor qual o código a ser executado para
iniciar sua aplicação.
Então, basicamente, faz o que fizemos para iniciar o nosso servidor.
Nós estamos executando aplicativos de nó.
Sim, mas não conseguimos fazer isso porque o código já não está sendo executado aqui.
Não o estamos executando neste espaço de trabalho.
Essa é a questão.
Está em Heroku.
Então, damos um script de início.
Então, abrimos o pacote uma música e entra nos scripts.
Isso não é algo que você deve saber.
Este é um novo começo de cólon e depois um nó após J. S. Então, o que a Heroku fará é quando nós empurramos
o código para o Heroku, ele vai primeiro executar a instalação do NPM instalar todas as dependências toda vez que pressionamos.
Então, podemos atualizar para uma nova
versão do expresso se adicionarmos e confirmarmos e, em seguida, obtenha o comando Heroku master que executará automaticamente
a instalação do NPM no Heroku, obtenha a nova versão e depois execute o começo do NPM, que executará isso aqui.
Node apt.
Sim.
Então, não podemos simplesmente receber o herói Heroku, porque agora nossa fazenda Master é inalterada.
Nós não adicionamos e comprometemos essa mudança que acabamos de fazer.
Então, se você digitar obter status, você pode
ver no Branch maĂ.
Bem, eu não salvei o arquivo para que faria isso.
Agora, se eu tomar status, verá o pacote modificado que Jason.
Então, queremos acrescentar que obter compromisso e tudo o que será aqui é adicionar script de início.
Agora, tudo o que precisamos fazer é conseguir empurrar o mestre Roku e estamos bem para ir.
Então, pressione.
Seu mestre iniciará esse processo inteiro sobre o lugar onde o nosso código leva um texto em Jason.
Ele instala essas dependências e, em seguida, executa o início do NPM, que não especificamos na última vez.
Então o aplicativo caiu.
uops! queria pressionar Enter aqui.
Vai demorar um pouco.
Está empurrando para
a Heroku, está instalando coisas instalando dependências e ver o lançamento, verificando que a implantação.
OK, vamos tentar atualizar agora.
E nós vamos lá.
Então, temos um aplicativo
que está sem nome e eu contei 6 4 4 9 8 dot Roku no dotcom. Posso clicar nas rotas ir e voltar.
Impressionante.
A última coisa que vou mostrar é no painel do Heroku se você voltar ao seu painel de controle.
Agora vamos mostrar o nosso pedido aqui.
Oh, vai fazer-me entrar primeiro.
Então, uma vez que você entrar, espero que não seja necessário.
Mas uma vez que eu entrar, veremos o que estou procurando.
E como você pode ver nosso novo aplicativo está aqui.
Você pode clicar nela para
visualizar informações sobre isso quanto a quanto tempo há até quantas pessoas acessaram com frequência.
Quem tem permissão para implantar e mexer com isso que é um contribuidor proprietário.
Todos os tipos de coisas diferentes.
Eu não vou entrar em tudo isso.
lançamos o aplicativo pela primeira vez.
Quero dizer, você pode ver todas as diferentes horas em que nós empurramos ou implantamos quando a inicializamos quando
E então, é também aonde
você viria configurar ou configurar coisas como domínios personalizados ou você pode adicionar add ons.
A única coisa que Paul mencionou aqui é que estamos usando o plano gratuito Heroku agora.
Não há nenhum cartão de crédito associado onde eles conseguem o seu dinheiro, é uma
vez que você começa a ter mais usuários que você vai atualizar e o que você faz é clicar aqui.
Atualize para hobby e veja que você pode clicar no
hobby ou pode ir a um profissional para que você possa ver o hobby começa em 7 dólares por mês.
Então, definitivamente valeu a pena.
Se você vai ter se
você começar a ter mais pessoas para você e suas aplicações, mas até mesmo funciona gratuitamente, como um projeto
de portfólio ou algo que você enviará para as empresas, desde que você não esteja esperando que você conheça milhares de hits por dia.
ESTÁ BEM.
Então é tudo o que há para Heroku aqui.
Contudo, quero recapitular isso.
Então, vamos voltar e passar por esse processo uma vez mais de atualizar nossa aplicação.
Quero atualizar a página inicial para que tenha uma
imagem que diga e eu tenho uma imagem aqui.
É meio grande que não pensei nisso.
Esta é uma imagem que tirei recentemente, mas estou aprendendo uma fotografia ao lado.
Então, sinta-se livre para usar qualquer imagem que você quiser, é claro, a fonte é igual a uma fonte gigantesca.
Vamos testá-lo localmente.
Então o
aplicativo nó Julius atualiza.
Uau.
E chegar à imagem.
Ainda bem.
Então, isso está funcionando bem
localmente no Heroku, embora essa mudança não tenha sido efetivada e isso é porque eles não estão inerentemente vinculados.
Nós temos que escolher o que queremos empurrar para Heroku E e esse é realmente o ponto.
Temos um espaço de trabalho para brincar para cometer erros para tentar coisas
novas e, se quisermos incorporá-las e incorporá-las ao aplicativo real, posso empurrá-las para o Heroku.
Mas Heroku sempre deve ser a última compilação estável.
A última coisa que funciona antes de ir e estragar tudo.
OK, então, tudo o que
eu preciso fazer é obter status precisa adicionar essa mudança confirmar adicionar imagem da ponte e, em seguida, pegar o herói Heroku.
Então, esse fluxo de trabalho é realmente comum.
de adicionar e cometer tudo o que você quer para o
Heroku e, em seguida, pegar o mestre Heroku e, em qualquer momento, você muda ou atualiza o
mesmo processo, obtenha o anúncio, comece-o, comece a usar o Heroku master atualizar no nosso aplicativo Heroku e nós vamos ou mudamos está acontecendo .
A primeira coisa que fizemos, isso não é realmente parte do fluxo de trabalho, mas a primeira coisa foi ter certeza de que
você está em um repositório, então o Heroku cria, então, uma vez que você cria, o que você vai fazer é ter certeza
Impressionante.
Tudo bem.
Então, no
próximo vídeo, vamos ver como implementar um aplicativo substancial mais complexo com um banco de dados que é um pouco de dor de cabeça.
Infelizmente