{"id":20118,"date":"2020-02-26T12:09:34","date_gmt":"2020-02-26T15:09:34","guid":{"rendered":"https:\/\/king.host\/wiki\/?post_type=article&p=20118"},"modified":"2025-05-27T14:35:42","modified_gmt":"2025-05-27T17:35:42","slug":"angular","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/angular\/","title":{"rendered":"Como utilizar Angular na KingHost"},"content":{"rendered":"\n

Possui alguma d\u00favida do que \u00e9 angular ou onde voc\u00ea pode fazer a hospedagem da<\/em> sua aplica\u00e7\u00e3o em angular, nesse artigo tiraremos suas d\u00favidas.<\/em> <\/p>\n\n\n\n

<\/span>O que \u00e9?<\/span><\/h3>\n\n\n\n

Angular \u00e9 um dos frameworks mais populares do Javascript. Muito famoso entre os desenvolvedores por ser uma \u00f3tima op\u00e7\u00e3o para desenvolver single-page applications<\/em>.<\/p>\n\n\n\n

<\/span>O que \u00e9 uma single-page application?<\/span><\/h4>\n\n\n\n

\u00c9 uma aplica\u00e7\u00e3o que roda em uma \u00fanica p\u00e1gina, onde toda parte principal da aplica\u00e7\u00e3o ser\u00e1 carregada apenas 1 vez e o resto da aplica\u00e7\u00e3o ser\u00e1 carregada conforme for sendo solicitado, apenas se o usu\u00e1rio solicitar seu carregamento.<\/p>\n\n\n\n

Normalmente isso tr\u00e1s uma experiencia otimizada para o usu\u00e1rio considerando que a navega\u00e7\u00e3o dele vai ficar mais limpa e din\u00e2mica.<\/p>\n\n\n\n

<\/span>Como \u00e9 utilizado?<\/span><\/h3>\n\n\n\n

O Angular \u00e9 compat\u00edvel com algumas linguagens de programa\u00e7\u00e3o como o JavaScript, Dart e o TypeScript. Por\u00e9m ela foi criada utilizando TypeScript ent\u00e3o essa \u00e9 a linguagem principal na qual os desenvolvedores normalmente a utilizam e tamb\u00e9m onde ser\u00e1 encontrado a maioria das documenta\u00e7\u00f5es.<\/p>\n\n\n\n

Por\u00e9m esses c\u00f3digos em TypeScript precisam ser transpilados para javascript j\u00e1 que os navegadores n\u00e3o conseguem executar c\u00f3digos TypeScript.<\/p>\n\n\n\n

<\/span>Como pode ser usado na KingHost?<\/span><\/h3>\n\n\n\n

Enfim sabendo de tudo isso \u00e9 poss\u00edvel utilizar na KingHost?<\/p>\n\n\n\n

Sim<\/strong>, podemos utilizar o Angular em qualquer plano da KingHost por ser uma aplica\u00e7\u00e3o que no final ficar\u00e1 como JavaScript.<\/p>\n\n\n\n

Para fazer isso \u00e9 necess\u00e1rio ir na pasta de sua aplica\u00e7\u00e3o pelo terminal e rodar o comando:<\/p>\n\n\n\n

ng build --prod<\/pre>\n\n\n\n\ud83d\udca1 O comando deve ser executado em ambiente de desenvolvimento.<\/alerta>\n\n\n\n
Esse comando far\u00e1 a transpila\u00e7\u00e3o do TypeScript para JavaScript. Criando assim a pasta dist<\/strong> dentro da sua aplica\u00e7\u00e3o. Nessa pasta ficar\u00e3o os arquivos que podem ser usados em produ\u00e7\u00e3o.<\/p>\n\n\n\n
\"Angular:<\/figure>\n\n\n\n
Caso tenha alguma d\u00favida sobre como se conectar ao ftp, pode verificar esse artigo<\/a><\/em>.<\/p>\n\n\n\n
Sendo assim \u00e9 s\u00f3 colocar os arquivos dentro do seu FTP e ent\u00e3o o angular estar\u00e1 funcionando.<\/p>\n\n\n\n
Aten\u00e7\u00e3o: <\/strong>
O\u00a0Angular<\/a>\u00a0\u00e9 uma plataforma baseada em\u00a0TypeScript<\/a>\u00a0e sucessora do AngularJS.
A KingHost oferece suporte at\u00e9 a vers\u00e3o 2 (quando ainda era conhecido como AngularJS)<\/strong>\u00a0em todos os servidores. A partir dessa vers\u00e3o, \u00e9 necess\u00e1rio utilizar o NPM para a instala\u00e7\u00e3o,\u00a0tornando o Angular compat\u00edvel apenas com planos NodeJS<\/strong>.<\/p>\n\n\n\n
<\/span>Onde hospedar?<\/span><\/h3>\n\n\n\n
Como dito acima o Angular pode ser utilizar em qualquer um de nossos planos, caso tenha interesse em contratar pode dar uma olhada em nossos planos de NodeJS<\/a> e nos nossos planos de Hospedagem<\/a>.<\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[181,172],"article-tag":[],"class_list":["post-20118","article","type-article","status-publish","format-standard","hentry","article-category-javascript","article-category-linguagens-web"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t