Izing 2024 - Nova instalação via aaPanel

no vídeo de hoje eu vou te ensinar a instalar aqui o novo izing É lógico né a gente já tinha feito um vídeo aqui na versão 2023 o ano passado então vou fazer uma atualização aqui de toda essa instalação do izing na versão 2 e eu tenho certeza que você vai gostar bora vem [Música] comigo fala aí pessoal tudo bom Marcos Monteiro por aqui seja muito bem-vindo bem-vindo ao canal é conhecimento se você não é inscrito aqui no canal é conhecimento já se inscreve aqui com o Sininho tá bom e também é lógico já deixa o seu like compartilha com seus amigos aí né para que a gente consiga alcançar mais pessoas assim inteligente como você legal então vamos lá né Eh eu vou fazer aqui né como eu falei no início do vídeo eu vou fazer aqui a nova instalação tá eh Por que nova instalação Marco porque teve muita gente que falou que eh tava dando problema na naquele na versão do de de do de 2023 pô de 2023 tava dando problema então vamos fazer uma instalação completa aqui e vamos direto ao ponto tá vamos lá Bom primeiramente Deixa eu só eh compartilhar aqui a tela pronto compartilhei tá aqui eu tô aqui na Heads tá vou fazer aqui pela HS novamente tá bom e eu vou entrar aqui nessa nessa minha pastinha que é a pastinha de eu fazer os servidores que eu faço faço vídeos aqui pro YouTube Tá então vamos lá vou adicionar aqui um servidor e a primeira coisa que eu vou fazer pode ser isso aí mesmo rsn não tem problema a versão do buun aqui eu vou usar 22 e ó usem tá faça do jeito que eu tô fazendo aqui que vocês não vão fazer não vai não vai ter coisa errada aí tá vou usar aqui ó x86 Intel ou AMD não vou usar Army tá nem Ampere Tá bom vou usar x86 ou AMD Tá bom eu vou pegar aqui ó a a CPX 21 que ela vem com TRS núcleos e 4 GB de memória 80 80 GB de armazenamento e ela custa isso aqui aqui ó C eh 7,5 € tá ela vai ficar né o primeiro pagamento vai sair aí de por 7,55 € tá então vou vir aqui agora aqui vou colocar aqui eh o nome desse desse servidor Tá eu vou chamar ele de easing easing eing e 20 pronto eing 20 tá bom que é 2. 0 tá e vou criar aqui tá bom vamos lá é rapidinho aqui ele já vai criar aqui é bem bem simples Tá bom prontinho já criou aqui já tá tudo certinho ó foi criado o eing eu vou pegar aqui vou copiar aqui esse esse IP e Vamos acessar esse IP né vou criar aqui um novo host Vou colocar aqui o meu IP também vou colocar aqui falar assim que é o eing 2. 0 né e agora aqui eu vou colocar aqui a minha o meu usuário é Rot tá agora a senha eu ainda não tenho é lógico tá Opa é pode ser isso password tá password isso aqui joga só isso aqui tá ISO aqui não precisa o que que o que que eu vou fazer aqui caramba que que é isso ah só só esse aqui a ela ela já manda pra gente tá no e-mail no nosso e-mail né essa essa essa senha tá mas você também pode abrir aqui né o seu seu projeto ir aqui em resc e é lógico resetar aqui a sua senha não tem problema nenhum tá pode fazer isso aí normal tá eu vou pegar aqui a senha Ok e vou adicionar aqui no nosso no nosso password aqui ó pronto tá aqui ó password Bora conectar vamos ver aqui se tá tudo certo adicionar aqui a conexão e Beleza beleza pura estamos aqui certinho já conectou tá agora eu vou fazer o seguinte Tá eu vou fazer assim ó eu vou pegar esse essa conexão Ah é que eu tenho aqui um bloquinho de nota gente ó já com tudo já separadinho aqui tudo prontinho aqui pra gente fazer tá eu não sei se eu coloco aqui junto que vai ficar pequeno Tá mas eu vou deixar esse bloco de notas aqui para vocês Tá eu vou deixar aqui do ladinho e mas eu vou deixar tudo certinho aí para vocês o bloco de notas Tá bom então vamos lá ó primeira coisa que a gente deve fazer é vir aqui e atualizar né Vamos atualizar aqui o nosso o nosso servidor então ó veja bem o que que ele vai fazer ele vai atualizar aqui o fuso horário tá e depois vai dar um update um upgrade aqui também e depois vai dar um reboot tá como eu tô usando a versão 22 tá como eu tô usando a versão 22 certeza ele vai fazer isso eu vou retirar esse reboot aqui tá eu vou retirar ele ó pronto deixar menos it e vou dar um enter aqui ele já vai fazer aqui todo esse trabalho pra gente mas se você quiser deixar o reboot Pode deixar também é que como eu tô usando a 22 eu tenho certeza que ele vai dar aquela telinha Rosa tá que é aquela telinha que a gente para fazer e atualização do Kernel do do do Ubunto né como é Ubunto 22 ele sempre tem uma atualização Zinha ali isso acontece sempre aqui na RS tá eu não sei se na outras na outras vai acontecer mas isso aqui sempre acontece aqui então é bom né você colocar ali aquele reboot mas tanto faz se você não quiser colocar o reboot não coloca faz o reboot novamente depois antes de instalar os outros fazer a segunda parte tá então eu tô aqui na step um para poder fazer a instalação e ele tá fazendo aqui toda a atualização pra gente essa daqui é a telinha do Kernel tá vendo ó ele tá falando que ele precisa desse eh desse de um Kel mais novo ó ele tá usando 105 ele quer esse outro aqui ó ou 107 pelo menos tá e eu vou dar um um ok aqui aí ele vai pedir aqui eu vou só baixar aqui ó e marcando aqui essas tela aqui eu usei aqui a setinha do meu do meu do meu teclado tá E para marcar aqui a a a barra de espaço tá ó tá vendo ó barra de espaço tá para mim chegar até o ok aqui que é bem aqui embaixo nesse verdinho aqui eu vou dar um Tab ele já entra para lá vou dar um enter pronto tá aqui ele já fez Ok ah Marcos dá para fazer de novo dá e pode fazer à vontade mas eu prefiro dar um reboot aqui ó reboot OK assim ó essa informação eu já tinha colocado aqui né cadê tá aqui ó eu já tinha colocado aqui junto tá vendo ó para dar um reboot mas mas né eu peguei deixei Arranquei fora isso aqui só pra gente fazer manualmente aqui para você entender tá bom então nosso servidor já está lá e e religando religou aqui já tudo certinho Ah quero saber se deu tudo certo você pode refazer isso aqui que a gente fez agorinha aqui não tem problema nenhum tá você pode dar assim ó com a setinha para cima do do seu do seu teclado você pode ir lá e fazer Ó você vai ver que agora ele vai demorar menos do que ele fez por quê Porque ele já tá todo pronto tá então não tem problema tá ok bom agora o que que eu vou fazer vou pegar aqui a segunda parte aqui tá ó segundo step aqui ó tudo isso aqui pra gente instalar aqui com a penel Tá bom tô instalando a penel sim tá bom vamos lá já que é para uma atualização com aen Vamos dar um enter aqui e agora ele vai fazer toda a instalação que a gente precisa os pacotes dependência tudo que a gente precisa para poder instalar pra gente o apen tá E também é lógico ali ele já vai instalar aqui ó deixa eu pegar aqui para vocês ó enquanto ele tá rodando ali atrás Dea eu consigo aumentar esse aqui aumenta tá beleza aqui ó Então vamos lá olha só o que que ele tá instalando aqui tá essas aqui são todas as dependências tá que ele precisa aqui ó tá tá vendo ó até aqui ó são todas as dependências que ele precisa ok ess Fontes aqui ó tudo isso aqui ó até aqui ó essencial Python essencial até aqui ó isso aqui são todas dependências que a instalação do I precisa tá agora aqui olha só que bacana ele já veio ó e começa a instalar o post Gris o redis adiciona Osório rabit MQ também tá faz a instalação aqui também do Google tá do Google Chrome aqui pra gente tá bom e depois de instalar o Google Chrome ele vem instalou apen pra gente tudo isso aqui que tá acontecendo aqui agora aqui atrás aqui por detrás dos pano é isso aí que ele tá fazendo Tá tá instalando tudo isso aqui pra gente tá bom vem aqui ó Tá instalando tudinho ali agora olha só o que vai acontecer ele vai pedir aqui né se eu quero né já instalar lá aqui no esse e todo o servidor do apen dentro do diretório www vou dizer que sim então é só colocar um Y aqui ok E aí ele já vai fazer o restante é bem rapidinho não tem problema nenhum tá enquanto isso aqui a gente vai vendo aqui as outras informações aqui né do que que foi tanto que mudou Marco nesse código cara Não mudou muita coisa tá ah lógico tá um ano para cá O O ninx ele já é não é mais 1 21 agora É 221 ó ah deixa eu ver que mais aqui Ah tá o a parte do pm2 né e o node para deixar na versão 20 mais ou 20 sei lá o que for 20 ali já pode deixar tá o restante aqui não mudou Quase nada tá bom ah deixa eu ver sim o que que mudou aqui gente Sim vou falar para vocês também aqui ó desse repositório aqui tá muito bacana o o repositório do Cleiton do Cleiton me tá fazendo um trabalho super importante interessante lá no grupo lá tá bom ah do wising tá bom ã deixa eu ver aqui que mais que que mudou aqui não mudou muita coisa não de do ano passado para cá não mudou muita coisa Ah sim tem uma uma questão aqui né Se quiser habilitar isso aqui isso aqui não está habilitado tá vendo se tá com tralha na frente não tá habilitado tá se quiser habilitar pode ah tem esse daqui também tá pouca coisa mudou aqui tá mas a gente vai fazer tudo junto aqui tá bom então vamos lá bom a primeira coisa que eu tenho que fazer aqui né o passo três que eu tenho que fazer aqui é fazer a instalação e também né configurar esses meninos aqui então bora fazer a instalação ali agora tá Eu já peguei aqui essa informação Tá vou pegar aqui a informação aqui do meu apen vou copiar isso aqui vou colar aqui guardadinho aqui no meu no meu bloquinho de notas vamos lá aqui mesmo pronto guardei desculpa guardei aqui a informação aqui agora vamos lá a acessar né bom primeiro deixa eu pegar aqui o meu navegador vou abrir uma nova aba e vou entrar aqui né no meu no meu Aion tá estamos aqui já nele tá vamos lá deixa eu pegar aqui agora aqui o user o user também vou pegar aqui a senha show de bola então instalação do apen confirmada tá tudo certinho já estamos dentro do apen Agora sim eu vou instalar né oin E também o fazer o restante das conexões Você tá vendo que eu eu desmarquei tudo aqui tá a gente precisa fazer essa e é recomendado fazer essa instalação aqui tá eu desmarquei tudo deixei só o nginx ó lá 122 tá deixa eu ver é 12 dois vou deixar essa daqui mesmo tá bom deixa eu ver aqui qual que tem é é a última ó 122 tá bom deixar ele aqui belezinha e vou dar um install ele vai pedir isso aqui tá no novo apen ele vai pedir aqui se você quer fazer louquinho caramba não precisa fazer nada disso não só dar um skip aqui para ele pular essa essa informação e beleza ó enquanto ele tá fazendo aqui a instalação não ó lá já começou fazer a instalação a gente já pode fechar isso aqui deixa isso aí quietinho aí tá Ah mar o que que significa negó de segurança aqui pode eh ignorar tudo aqui ó você pode ver que não tem nenhum aqui que é ó Isso aqui é mais mais simples ainda Ó não tem nenhum aqui que vai vai causar problema para você não tá é tudo questão de ss SSH Mas se você quiser dar uma olhadinha aqui também você pode vir assim ó clica no detalhe aí ver o que que você pode fazer para melhorar tá eh isso aqui gente é basicamente o que eu falei aqui dentro aqui tá da aqui dentro aqui do do tutorialzinho tá você fazer as configurações de costume nos sings tá então você fazendo as configurações de costume que é aqui ó essas configurações aqui você já vai conseguir você vai amenizar bastante ali aquela parte ali mas o que você puder também pode ignorar também não tem problema tá aqui dentro aqui ó você tem que fazer um monte de de de configuração ó tá trocar esse esse autoriz o que mais aqui na parte de segurança trocar o autorisation fazer outro outros números colocar outras coisas aqui tá outras informações exporta Então é isso que ele tá pedindo para você ali tá tá ok então tá falei demais então bora aqui tem mais coisa aqui pra gente instalar a gente vai vir aqui agora na App Store ele já tá instalando ngx pra gente então eu vou vir aqui na App Store e vou vir aqui ó em aqui no três vamos lá na na aba três e nós vamos já pedir para ele instalar o pm2 Manager tá ó lá instalar confirmar lá ah no vídeo de 2023 eu ainda pegava e setav né a versão 14 21.

1 né agora não precisa mais agora é só instalar mesmo e pronto não precisa mexer em nada não tá bom então enquanto ele tá instalando ali o w jinx e o pm2 vamos continuar a nossa instalação aqui tá a o passo quatro aqui gente ó ele pede pra gente instalar aqui o pm2 eu acabei de fazer agora tá tá aqui ó instalar pm2 Manager vamos pra parte cinco aqui que é essa parte aqui né eu não coloquei essa aqui são configurações de segurança Tá então vamos lá vou pegar aqui eu vou copiar né essa porta aqui nós vamos ter que liberar essas portas aqui ó na segurança aqui no Security nesse menuzinho Então vamos lá vamos adicionar uma rota e adicionar esse aqui 532 aqui embaixo a gente vai colocar o po tá e dar um confirme depois a gente vai colocar aqui o 6379 para você ver eu faço tanto isso aqui que ele já fica até marcado no meu no meu navegador aqui tá então ó 6379 tá aqui ó 6379 eu vou colocar o quê esse 6379 é o redis tá porta do redis note que toda vez que eu coloco ali ele vai fazer aqui para mim aqui ele vai dar assim ó como listado tá então já tá tudo certinho ali tá listado pra gente Beleza bora lá agora tem mais um aqui que é do habbit MQ vamos adicionar a rota a rota do rabit é o 5672 então ó 5672 e rabit MQ adicionei belezinha Então tudo certinho aqui agora a gente já fez aqui essas configurações de segurança e agora o que que falta pra gente fazer aqui né n nossas configurações além da segurança a gente já passou aqui pela segurança e nós vamos fazer agora aqui a parte CCO que é a parte de liberar as portas tanto do post Gris quanto do diz tá então vamos lá vamos lá partir aqui direto aqui o que que eu preciso fazer eu vou lá no files vamos lá no files vamos vir aqui em cima olha só Rot diretório aqui ó vamos lá Rot dear vou vir aqui em vou procurar aqui o etc Cadê o etc passou Dev home nós temos aqui um etc aqui tá gente pera aí aqui ó etc aqui achei agora aqui é só colocar ali ó post post Gris tá ele já vai achar aqui pra gente ó post Gris 14 Man e agora sim ó aqui no postgis pcf eu vou fazer vou deixar aumentar aqui e eu vou fazer o seguinte para mim encontrar olha só tá vendo aqui ó eu tenho que encontrar o que aqui nesse post Gris eu tenho que encontrar esse listem address tá então vou copiar ele aqui e aqui dentro aqui do AP vou dar assim ó um cont control F para poder encontrar ele vou dar um cont control V olha só ele já vai achar aqui para mim aqui ó tá então aqui onde tá local host eu vou colocar aqui para ele acessar acesso completo né só colocar esse esse esse asterisco e vou descomentar aqui que é para ele já funcionar essa parte aqui tá bom a partir daqui agora eu vou dar um save E agora tem o hba aqui o PG hba vamos o hba e o hba é só essa parte aqui ó do ipv4 aqui que a gente vai eh mexer vou colocar zero Aqui tá zero e nesse 32 zero também tá vamos lá salvar legal Essa parte a gente já fez aqui né já configuramos o post gre Lembrando que se você usar o bunto 20 outou e não conseguir chegar no não instalar o bunto 14 você vai ter que e reinstalar o bun tá o o o postgis 14 Tá bom então vamos voltar aqui na pasta etc e agora eu vou pesquisar aqui por redes vamos lá achei o Heads Vamos abrir ele aqui e dentro aqui ó do conf deixa eu aumentar também Pronto agora aqui no no nosso no nosso bloquinho ele requer o que aqui pro pro Heads aqui tá ele pede pra gente ir atrás desse requir pass aqui né então vamos copiar ele aqui deix eu passar isso para cá e vou aqui pesquisar aqui novamente ó então quando a gente coloca o requer PES ele vai ele vai mostrar alguns aqui pra gente tá então Ó ali tem quatro tá vendo dois de quatro e a gente vai buscar esse daqui é o terceiro ó tá esse daqui e aqui eu também vou descar descente aqui e aqui a gente vai ter que colocar uma senha né eu vou escolher aqui uma senha diferente aqui pra gente vou colocar esse eing esse aqui ó tá esse aqui vou colocar para tudo ali até pro banco de dados vai ser essa senha ali tá bom então vai ser esse daqui perfeito a gente já configurou aqui né a parte aqui do nosso do nosso apen já tá tudo certinho a configuração falta o que Marc falta a gente fazer a instalação do banco de dados né a gente não fez ainda não criou o banco de dados Então vamos voltar lá no ã eu tenho que vir aqui no www Cadê ww tá tudo diferente aqui www w rot e deixar aqui tá Então vamos lá eu vou primeiro aqui pegar aqui abrir aqui o terminal Ok vou pegar já minha seninha que tá aqui ó que vou precisar aqui tá ó abriu aqui vou precisar colocar ela aqui ó control v e contrl v aqui também V dar um login opa deu erro deixa eu ver o que que deu de errado e aqui também de repente vem com com espaço aí não funciona tá agora foi tá tava com espaço mesmo beleza então aqui a gente já tá aqui no nosso na nossa raiz tá e a gente vai precisar fazer o quê dar uns comandinho aqui o que eu tô aqui no passo no Passo seis tá aqui ó no Passo seis que é criação do banco de dados Então vamos lá eu vou pegar aqui vou colocar aqui um do psql vamos lá colar vamos entrar então a gente já tá dentro do post Gris Tá e agora eu vou fazer o seguinte eu vou alterar o user password aqui do nosso do nosso post Gris Tá então vamos lá o nome vai ser post Gris o user vai ser postgis e o password vai ser aquele que eu coloquei agora H pouco lá tá bom então já tá feito eu já já eh alterei o user agora eu vou criar um banco de dados tá vou criar um banco de dados esse banco de dados vai se chamar eing 20 tá aqui ó Database Create Database eing 20 vou dar um enter Beleza se eu der um control L aqui ó barra barra contrária L ele vai listar para mim os bancos de dados que tem então tá aqui ó eing 20 já tá aqui Ó tá certinho para sair daqui o que que eu faço Marco barra contrária q você vai sair daqui do e aqui da da do seu post igris tá beleza vamos pro pro pra parte sete agora que são as configurações do rabit MQ Então vamos lá vou pegar aqui vou adicionar não precisa ficar nervoso nessa hora é só copiar e colar Tá então vamos lá est na parte número sete tá e vou dar aqui agora as permissões aqui pro pro usuário admin tá eu criei aqui o admin vou dar vou dar permissão beleza feito então ótimo a partir daqui agora a gente podia fazer sabe o quê Dá um reboot nessa máquina tá E reiniciar ela para que Marco reiniciar essa máquina a gente poderia reiniciar ela para que funcionasse já a parte lá da ligação né pra gente e criar o nosso para poder pegar as informações aqui do do banco de dados Já poder fazer acesso externo ao banco de dados e também o redist Mas vamos deixar assim quietinho assim não V vou fazer vou não vou eh rebotar não mas nessa hora aqui seria interessante você vi aqui tá na home mesmo tá Se tiver se não tiver mais nada instalando aqui ó porque ele vai aparecer aqui tá Se tiver alguma coisa instalando ainda mas não aqui já instalou deu finish um finish dois aqui ó Então já instalou se tivesse alguma eu poderia dar um restart aqui tá você pode vir aqui ó Restart Restart server e mandar restartar tudo de uma vez aqui tá mas não vou fazer isso agora aqui tá bom gente vamos lá V continuar aqui agora depois que a gente já fez toda a nossa a nossa é configuração agora vem a hora da gente pegar né as informações pegar é realmente começar a instalar aqui o nosso nosso eing 2. 0 tá Então primeiramente eu vou fazer o seguinte eu vou vir aqui eu vou deixa eu só colocar aqui na área de trabalho eh os nossos os nossos aplicativos né que foi instalado deixa eu marcar ele para ele ficar lá na dashboard tá vendo marquei os dois aqui para ele aparecer lá na dashboard então agora se eu chegar aqui ele vai tá aqui ó nesse localzinho aqui tá vendo ó aí ó O N E também o pm2 Manager se eu abrir ele aqui você vai ver aqui que a versão dele é 20 alguma coisa ó lá 203 21 deixa assim mesmo não esquenta a cabeça não tá vamos lá em files agora e vamos instalar agora realmente aqui o nosso a nossa plataforma eh eu falei para vocês aqui que do do Cleiton né então eu tô pegando aqui essa informação aqui no repositório do cleit tá bom e eu vou deixar no no documen tá lá o endereço desse Git tá então você pode ir lá do github você pode ir lá e usar ele também tá então aqui é o seguinte ó eu tô eu tô clicando aqui em code e vou vir aqui na parte aqui de download Zip e vou clicar com o botão direito do mouse vou vir copiar o endereço do link tá Copi o endereço do link aqui era isso que eu queria por quê Porque agora eu posso vir aqui e fazer o seguinte ó D um remote download Ó olha isso ah mar mas não daria para fazer também com com Git Clone Dá sim dá para fazer com Git Clone cara mas a gente tá usando uma uma plataforma que dá para você fazer o que você quiser então é mais fácil assim faça né tanto faz eu vou vir aqui vou dar um unzip nesse arquivo aqui que ele baixou pra gente legal agora aqui a gente já tem aqui a nossa pasta vou renomear essa pasta aqui pra plataforma Ok plataforma tá já renome eu vou abrir aqui essa pasta vou marcar tudo aqui e vou vou desmarcar só o backend e frontend que é o que importa para mim tá Prontinho só ficou o backend frontend recicle Bin Vamos dar um vamos limpar aqui tudo o nosso o nosso o nosso lixinho né a nossa lixeira perfeito tá tudo feito aqui agora que você vai fazer Marcos eu vou fazer o seguinte ó eu vou dar uma permissão nessa passa né permissão 777 então permissão marcar os dois como Rot mesmo tá E vamos dar um ok então agora nós temos aqui permissão 777 em tudo aqui tá Ah olha só que interessante aqui nesse documento eu deixei já aqui para você ó todo o ambiente que você vai você vai precisar para poder criar né ó aqui até aqui ó para você criar no seu eu vou copiar tudo isso aqui OK vou copiar tudo ali tá do jeitinho que eu coloquei ali vou copiar tudo por qu porque eu vou vir aqui agora abrir o backend vou vir aqui em env vou editar vou renomear quer dizer e vou apagar até aqui ó deixar só ponto inv tá agora sim eu vou clicar duas vezes nele e vou editar ele tá todo esse arquivo dar um comandar aqui de ver e Pronto coloquei tudas aquelas informações estava dentro ali tá que que eu preciso aqui eu preciso colocar um domínio aqui tá de certo né Um Domínio ser correto ali tá eu ainda não tenho nenhum domínio aqui ainda vamos lá não tem problema vamos entrar aqui de vez aqui eu pego um domínio Zinho ali já né não fiz né então vamos criar aqui um domínio aqui pro nosso pro nosso ã o nosso iing tá vamos lá tá entrando aqui já beleza eu não sei qual vai ser não cara mas vamos lá tem front end e o back end né Vou Colocar assim ó e Ah vamos pegar aqui logo aqui h mul social cara vamos lá super lojas po ser esse aqui tá esse domínio meu aqui gente é tudo domínio de teste tá esse que tem eu. org aqui é tudo é tudo domínio de teste ah tá não tem nada aqui tá beleza Tá ótimo então eu vou primeiro né fazer aqui a ligação aqui do meu do meu backend tá então vamos lá eu vou pegar aqui primeiro aqui o meu IP e vou apontar lá pro meu domínio né o meu domínio aqui vai ser o qu o backend né tipo a mesmo então vamos lá back end o backend vou adicionar aqui o meu IP ele vai ficar desse jeito aqui tá ó lá backend superlojas p.

org vou desmarcar aqui a a nuvenzinha do prox e agora já tem aqui o meu backend tá então lá no meu no meu apio Cadê meu apio gente Ah tá aqui meu apio tá aqui então Ó o backend meu é esse aqui ó cont V tá bom tá feito Agora eu tenho que fazer também o registro do do front chend né Então deixa eu copiar aqui Ah também pron e vou colar vou desmarcar o proxy e salvar pronto feito já tem já tá tudo certo aqui já tá então aqui deixa eu só pegar esse aqui que lá já tá escrito front Change né então é só vem aqui ó e adiciona aqui ó pronto feito a nossa porta pró ser a 443 a nossa O nosso backend vai ser 3000 não vou colocar 8080 tá do jeito que vocês gostam aí Ah dessa vez aqui ele já veio com time Zone né no outro não tinha Então vamos lá localhost post Gris é o nome do usuário a minha senha izing @2424babi uns quatro aqui ó 1 2 3 4 e faça outro C cria outros tá só para ficar um pouquinho diferente tá isso aqui é para ele poder criar novas hashes aí para vocês Tá então vamos lá temos o redis aqui tá então nosso Red aqui ele já tá para colocar o host eu vou apagar esse aqui ó que aqui acho que não precisa mais tá aqui não precisa mais não precisa tá bom pegar aqui a nossa senha a nossa senha é a mesma aqui ó do redis de eu dar um comando C vou colar aqui como de ver então tá Tá feito aqui e nós vamos nós vamos usar o Google Chrome né o stable né que a gente fez a instalação lá tá Então nesse caso aqui ó ele já tá desmarcado aqui tá vendo ó já tá descom quer dizer então é esse aqui que a gente vai usar tá aqui para cá eu não vou mexer em nada deixa eu ver que mais que tem aqui que dá para mim mexer Vou colocar aqui ó isso aqui pegar esse aqui que eu eu sei que eu vou colocar ali embaixo tá aqui não aqui vai ser assim ó 1 2 3 4 5 6 tá aqui também ó 1 2 3 4 5 6 pronto isso mesmo e aqui é um ta Zing na Linha 64 vou colocar super lojas essa parte aqui tá comentado tudo não vou mexer nisso agora tá e vou deixar dessa forma Ok então agora aqui a gente já tem aqui o nosso backend pronto eu vou copiar isso aqui já tá tudo certinho aqui vou fechar e vou agora no nosso front end nosso front end eu vou também renomear aqui a nossa pastinha né o nosso arquivo chamado env tá e vou apagar até o ponto e deixar assim ó env Ok vamos lá abrir ele clicando duas vezes agora você já vai ver que eu vou pegar aqui ó onde tá aqui ó e vou colar pronto feito Agora sim a gente já pode começar aqui a instalação tá já está aqui com com 777 Rot já tá dado a o a permissão Então vamos começar aqui eu vou abrir aqui o terminalzinho aqui né nosso terminalzinho aqui do do próprio do próprio apio e vou começar aqui fazer todo o processo tá esse processo de aqui do do do terminal ele tá aqui embaixo ó tá aqui ó executar o comando 10 aqui ó eu vou começar fazendo isso aqui ó tá Ah e aqui eu vou fazer o seguinte Colocar assim ó e menos menos Force tá vou deixar também para vocês tá do jeitinho que tá aqui tá bom então vamos lá eu vou pegar esse vamos adicionar aqui então menos menos for ele vai começar a fazer ali tá a instalação ali pra gente isso aqui demora um pouquinho demora só um pouquinho não é muito não tá pra gente poder fazer as coisas direitinho ali tá Seria interessante se esse aqui ficasse grandão né não fica né mas enquanto isso eu posso fazer assim também ó posso vir aqui né e colocar assim ó CD eh bar www bar www Rot barra plataforma que mais bar backend eu também já vou est na minha pasta lá né do backend tá então deixa eu dar um Clear e vou eu posso fazer a instalação por aqui tá bom vamos ver só se ele já fez fez né fez aqui o a parte aqui já né então vamos pegar lá no outro não tem problema dá para ficar dá para ficar desse jeito também tá grandão assim que você ver o que tá acontecendo aí tá vamos lá npm room build Tá então vamos lá deixa eu pegar aqui ó npm build ele não achou APT instal isso é porque aqui tá melhor fazer por aqui mesmo então R build tá ali ó ele vai dar um room build ali é que faltou eh eu eu reiniciar ali né então ele fica ele não achou eh todo o nosso o nosso nosso pm2 tá tô importando aqui Ah importei aqui agora aqui o nosso banco de dados vou dar um sit out agora belezeira importou aqui o nosso sidal 1 2 3 4 5 tá importou aqui o nosso sidal Agora sim eu posso fazer o seguinte tá Ah mas você Você vai sair daí vai eh entrar eu posso fazer diferente olha só eu posso fazer assim ó CD eh é dois pontos né assim ponto ponto e depois fazer assim ó CD eh frontend tá olha aí ó já tá já tá no front í não precisa nem fechar e lá Não já já já fica já fica certinho assim tá então vou pegar aqui agora aqui tudo que a gente precisa aqui para o nosso front end olha aqui o que a gente precisa ó que a gente precisa pro nosso front end é isso aqui ó ã esse aqui ó npm install Force o Quasar C isso aqui aumentou agora PR gente colocar para depois rodar o front end Tá então vamos pegar um por um Então vamos lá ó copiando aqui o npm install Então tá instalando aqui ó forçando tá npm install Force vou pegar aqui também o npm install quaser C lá tii aguardar deixa ele acabar de fazer aqui a a instalação tá quem quem ficar comigo aqui até o final vou mostrar aqui um bônus bacana do vai vai vai vai ter um bônus aqui para vocês tá vamos lá npm instal Quasar C agora eu vou mostrar para vocês aqui uma uma das features né que que o Clayton tá ele adicionou aqui dentro do do izing que vocês vão adorar Tá bom então vamos lá vou colocar esse aqui agora que é o Export no o open SSL Tá e agora sim eu vou rodar o Quasar C ou o o Quasar build tá então aí ó quazar build pwa vamos aguardar aqui ele ele fazer né compilar o nosso frontend aqui e assim que ele compilar o nosso frontend a gente já pode ir lá né e apontar os domínios tá outra coisa que eu não mencionei aqui para vocês tá que essa opção essa opção aqui do Ying 2. 0 ele já veio com o uma uma pasta né uma pasta diferenciada dentro do frontend tá uma pasta a mais ali tá E depois eu vou mostrar aqui para vocês direitinho mas é foi foi foi foi bem bacana dele ter feito isso também porque dá pra gente poder controlar tanto frontend quanto backend tá e eu eu sempre fiz dessa forma eu vou vou continuar fazendo da mesma forma que eu vou fazer aqui agora tá mas tipo assim eh aqui no front end Olha só deixa eu pegar aqui ó no front end agora foi adicionada essa pasta server Aqui tá o que que tem dentro dela ela tem aqui a porta que ela pode usar tá legal e é a mesma coisa que a gente faz aqui eu faço um pouquinho diferente não uso isso aqui mas é só para vocês saber que dá para fazer também tá bom vamos pra nossa home e vamos agora listar né listar o nosso o nosso o nosso backend né a gente precisa listar o nosso backend aqui tá bom ã lembrando mais uma vez ali que o nosso backend ele é o deixa eu copiar eu vou listar nosso backend lá deixa eu pegar aqui eu tinha feito isso lá no no no deixa eu pegar aqui uma coisa aqui ó pra gente nunca nunca perder do de vista o que a gente quer a gente pode fazer o seguinte Olha só Ah eu esqueci a eu tenho que voltar de novo esqueci fiz tudo não dá para você fazer isso aqui que eu tô fazendo ó como é que que é mesmo tipo ah Marcos eu esqueci o nome do meu do meu do meu domínio do backend esqueci o nome do domínio do front end você vem aqui no en né no backend e você pega por aqui mesmo ó pega aqui ó ó lá backend É isso mesmo era backend mesmo tá então vamos lá eu vou vir aqui ó adicionar um projeto vamos adicionar ele aqui ó no ww root nesse caso plataforma backend agora aqui é dist eu vou vir aqui ó no server tá e vou adicionar selecionar Vou apagar aqui ó dist até a Barra apaguei e vou colocar aqui ó back end Ok feito isso vamos dar um submit aqui no nosso backend para ele já ficar no jeitinho aqui desculpa os barulho dos cachorros aí tá vamos lá Se eu der aqui um Project list ele tem que aparecer a porta para mim apareceu a porta Beleza quando ele aparece a porta é porque eu já posso fazer o qu eu posso mapear o meu domínio então agora sim eu posso mapear meu domínio vamos lá dar um submit feito mapeei meu domínio beleza e o que eu quis dizer para vocês sobre o o aquela pastinha do frontend é porque você consegue também agora adicionar ele por aqui ó tá ó tá vendo aqui ó você pode vir aqui em dhot vai em plataforma frontend Aí você vem aqui e dar um server aqui para ele tá ele vai criar assim ó frontend só aí você pode tudo bem D dá para fazer só que eu faço de uma forma diferente então essa forma que dessa forma que funciona Mas da forma que eu vou fazer agora também funciona bem para caramba tá e como que é Marcos simples vamos fazer o seguinte vamos aqui em Website vamos lá em o Website ele não ele já só tem esse backend aqui tá então vamos fazer o seguinte ele não tem SSL vamos adicionar um SSL para esse para esse domínio vamos dar aqui um let script fazer assim assim ó backend já tá apontado né o nosso domínio já tá apontado tá tudo certinho então agora é só fazer com que ele crie aqui nosso o nosso SSL né que senão depois fica ruim aqui pra gente acessar o nosso a nossa api Então tá feito ó já criou aqui o SSL vou forçar aqui ó aqui ó forcei já o SSL tá com isso aqui fazendo isso aqui eu já posso fazer uma outra atividade que eu que eu tenho aqui dentro do nosso bloquinho Tá qual que é Marco atividade é o seguinte bem aqui ó no config você vai vir aqui ó abaixo desse error page aqui ó Tá deixa eu pegar aqui ó abaixo do error page Ali você vai colocar isso aqui ó ã que tá na underscore tá pera aí ó aqui ele tá bem aqui gente ó bem aqui ó tá depois depois do Cash aqui do paybacks aqui ó tá vendo você vai ver aqui ó Isso vai no prox esse aqui vai lá no back nas configurações tá vendo tá tudo ali depois aqui ó depois das depois daqui você já vai ver isso aí ó tá tá aqui ó eu vou pegar esse aqui agora já vou até copiar ele que eu vou colocar agora no aqui ó aqui eu já coloquei né Vamos dar um save pronto salvou agora vou vir aqui no prox reverso vou clicar em conf do jeito que tá lá tá aqui ó eu vou fazer o seguinte vou vir aqui ó dará um enter e vou colar esse aqui ó para ele dar um Cash payb aqui ó tá vamos dar um salve salvar também beleza até aqui certinho daqui a pouco a gente vai fazer uma outra uma outra alteração ali mas é bem tranquilo tá então aqui já tá conectado tudo certinho já tá com ss com SSL já tá tá bom para 89 dias e agora eu vou fazer o seguinte eu vou adicionar agora o nosso frontend né Então nesse caso aqui ó esse aqui ó frontend felio p. org Bora lá então eu venho aqui ó adicionar coloco já aqui já o domínio aqui do meu frontend tá e vou vir aqui na pastinha e olha só eu venho plataforma frontend dist pwa pronto e seleciono Só isso tá e já Marco aqui já ó SSL e já vou forçar O SSL aqui ele é estático tudo normal e vamos dar um submit tá eu faço assim assim é muito mais rápido e mais fácil né bem simples dá dá eu acho que dá para fazer assim também eh ah não aí aí ele tem que funciona mais é da outra forma mesmo ó Mas já tá tudo certinho aqui ó então nós temos aqui backend front end vamos aqui no front end e vamos vamos chegar aqui nele né checar ele se tá tudo certinho tá aqui iing vamos dar um admin iing e entrar Legal já tem temos aqui né a instalação do iing pronta viu vamos permitir Então já tem aqui ó tudo certinho basta você vir aqui e conectar os seus canais de WhatsApp aqui tá e já vai poder e conectar Marco dá para conectar o o Instagram dá se a sua se a sua hospedagem for no Brasil dá tá porque esse aqui é o Instagram web tá ele funciona como se tivesse na web tá bom como se fosse o seu no navegador o Instagram web tá bom bom legal mas que que você falou que você ia dar um eh no final você ia dar ia ter um presente como que é isso aí olha aqui o presente vou sair daqui pronto saí tá o presente é esse aqui gente olha só agora aqui ele tem a correção do super aqui tá vendo ó Ele tem correção criação do super usuário Tá eu vou clicar aqui e você vai ver aqui ó ele fez aqui eh uma instalação do super aqui ó do super usuário como que é como que é isso mar como que vai funcionar isso aqui é pra gente poder já eh e vamos vamos dizer assim gerenciar né Você pode você pode você vai poder agora gerenciar o seu o seu admin tá gerenciar lá ó você vai colocar aqui ó super super tá E vamos dar um login aqui e olha só que legal agora você tem aqui as suas empresas vai poder adicionar empresa tá aqui você pode ver quem é o usuário que tá que tá logado Aqui você vê os canais que a pessoa tem se tá logado ou não tá você pode começar a administrar agora por aqui tá legal essa daí foi uma contribuição muito show de bola muito bacana ali tá PR pro pessoal aqui da comunidade tá então se você se você quer uma uma uma plataforma robusta né e bem completa agora né bem completa que é o izing 2.