{"id":24198,"date":"2022-09-22T08:52:00","date_gmt":"2022-09-22T11:52:00","guid":{"rendered":"https:\/\/blog.locaweb.com.br\/?p=24198"},"modified":"2022-11-08T16:10:55","modified_gmt":"2022-11-08T19:10:55","slug":"desenvolvimento-hibrido","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/temas\/codigo-aberto\/desenvolvimento-hibrido\/","title":{"rendered":"Desenvolvimento h\u00edbrido de aplicativos: frameworks e bibliotecas"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\"><em>E ai pessoal, tudo bom? Pokemaobr aqui novamente para trazer mais um tema bem legal para a galera dev do blog Locaweb. Hoje iremos falar sobre desenvolvimento h\u00edbrido de aplicativos.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">H\u00e1 uma grande discuss\u00e3o entre desenvolver nativamente para <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/programacao-para-mobile-tudo-o-que-voce-precisa-saber\/\">dispositivos m\u00f3veis<\/a> ou utilizar plataformas\/bibliotecas de desenvolvimento h\u00edbrido. Obviamente se voc\u00ea precisar desenvolver algo que necessite de acesso total \u00e0s APIs de um <strong>sistema operacional para mobile<\/strong> espec\u00edfico, voc\u00ea dever\u00e1 optar por desenvolver nativamente; al\u00e9m de outras situa\u00e7\u00f5es onde \u00e9 necess\u00e1rio um acesso a hardware espec\u00edfico, bem como performance impec\u00e1vel ou outras coisas do tipo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por\u00e9m, em grande parte das vezes que voc\u00ea precisar <strong>desenvolver uma aplica\u00e7\u00e3o mobile<\/strong> de uso geral, pensando em custo de desenvolvimento, reaproveitamento de c\u00f3digo, manuten\u00e7\u00e3o de aplicativo para mais de um sistema operacional, entre outros. Uma op\u00e7\u00e3o muito significativa \u00e9 a de utilizar uma biblioteca\/framework\/plataforma para desenvolvimento h\u00edbrido de aplicativos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>O que \u00e9 desenvolvimento h\u00edbrido?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O <strong>desenvolvimento h\u00edbrido<\/strong> se baseia em <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/linguagens-de-programacao-web\/\">utilizar linguagens<\/a> n\u00e3o nativas (JavaScript, C#, Dart, etc) e transformar esse c\u00f3digo em c\u00f3digo nativo de cada sistema operacional, ou utilizar uma esp\u00e9cie de bridge (ponte) entre o <strong>c\u00f3digo escrito nessa linguagem<\/strong> e a m\u00e1quina virtual que executa os aplicativos que rodam em cima do <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/linux-ou-windows-para-programar-conheca-as-vantagens-e-diferencas\/\">sistema operacional<\/a> utilizado. Lembrando que as linguagens nativas de <strong>desenvolvimento mobile<\/strong> s\u00e3o: Java, Kotlin, Objective-C e Swift.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antigamente era dif\u00edcil um aplicativo h\u00edbrido acessar certos <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/12-apis-que-todo-desenvolvedor-precisa-conhecer\/\">tipos de APIs<\/a> do sistema operacional mobile, por\u00e9m, com o passar do tempo essas tecnologias foram evoluindo e sendo cada vez mais completas para desenvolver diversos tipos de aplicativos e acessar cada vez mais funcionalidades, sejam coisas mais espec\u00edficas do hardware ou do software dos dispositivos mobile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Existem diversos modos de <strong>desenvolver aplicativos m\u00f3veis<\/strong>, por\u00e9m, nesse artigo irei falar sobre 3 tipos de bibliotecas\/frameworks\/plataformas para desenvolvimento desse tipo de aplica\u00e7\u00e3o. S\u00e3o plataformas muito utilizadas pela <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/veja-4-comunidades-que-todos-os-programadores-precisam-participar\/\">comunidade de desenvolvimento mobile<\/a> e tamb\u00e9m utilizam plataformas mais s\u00f3lidas para esse desenvolvimento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00e3o elas: Frameworks\/Bibliotecas para Javascript, .NET MAUI e Flutter.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Desenvolvimento h\u00edbrido: frameworks\/Bibliotecas para JavaScript<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A linguagem JavaScript possui diversas implementa\u00e7\u00f5es, bibliotecas e frameworks diferentes para desenvolvimento mobile, vamos conhecer alguns deles.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>React Native<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O React Native \u00e9 baseado no React e \u00e9 suportado pelo Facebook. \u00c9 uma das bibliotecas mais conhecidas para <strong>desenvolvimento mobile<\/strong> utilizando JavaScript. Em 2018 teve o 2\u00ba maior n\u00famero de contribuidores em compara\u00e7\u00e3o a todos os reposit\u00f3rios do GitHub. Com o React Native voc\u00ea desenvolve de maneira declarativa, baseado em componentes, com hot reload (n\u00e3o \u00e9 necess\u00e1rio \u201ccompilar\u201d o aplicativo para ver as modifica\u00e7\u00f5es ap\u00f3s uma mudan\u00e7a de c\u00f3digo).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Quasar<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O Quasar \u00e9 um framework baseado em Vue.js de <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/codigo-aberto-codigo-fechado\/\">c\u00f3digo aberto<\/a> que permite que uma pessoa desenvolvedora crie rapidamente sites\/aplicativos responsivos e tamb\u00e9m <strong>aplicativos m\u00f3veis<\/strong> Android, iOS, etc. O interessante \u00e9 que com ele voc\u00ea pode desenvolver SPAs, PWAs, aplicativos desktop e muito mais.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"812\" height=\"500\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2017\/09\/desenvolvimento-hibrido.png\" alt=\"desenvolvimento h\u00edbrido\" class=\"wp-image-37882\"\/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>NativeScript<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O NativeScript \u00e9 um framework open-source para <strong>desenvolvimento de aplica\u00e7\u00f5es mobile<\/strong> para iOS e Android. As aplica\u00e7\u00f5es utilizando NativeScript s\u00e3o desenvolvidas usando JavaScript ou qualquer coisa que transpile para JavaScript, como por exemplo o TypeScript. Al\u00e9m de suportar frameworks JavaScript como Angular ou Vue para seu desenvolvimento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Apache Cordova<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O Apache Cordova oferece um grupo de APIs que permitem desenvolver uma aplica\u00e7\u00e3o com HTML, CSS e JavaScript que pode ser encapsulada como uma aplica\u00e7\u00e3o m\u00f3vel nativa e que pode acessar fun\u00e7\u00f5es nativas do dispositivo como GPS ou c\u00e2mera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m dessas, outras <strong>plataformas e bibliotecas<\/strong> baseadas em JavaScript podem tamb\u00e9m ser utilizadas para desenvolvimento mobile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Outros frameworks<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">.NET MAUI<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para quem desenvolve em .NET o .NET MAUI \u00e9 um <strong>framework open source da Microsoft<\/strong> que estende a plataforma .NET com ferramentas e bibliotecas especificamente utilizadas para criar aplicativos para Android, iOS, tvOS, watchOS, macOS e Windows. Ele \u00e9 uma evolu\u00e7\u00e3o do Xamarin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O .NET MAUI oferece uma estrutura base para acessar recursos nativos dos <strong>dispositivos m\u00f3veis<\/strong>, uma linguagem de marca\u00e7\u00e3o XAML para criar aplicativos m\u00f3veis din\u00e2micos utilizando C# e bibliotecas espec\u00edficas de cada plataforma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com o .NET MAUI \u00e9 poss\u00edvel criar aplica\u00e7\u00f5es com acesso a todas as funcionalidades expostas pelos dispositivos como ARKit, CoreML, Fingerprint, Bluetooth, NFC e muito mais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Caso voc\u00ea seja do C#, o .NET MAUI \u00e9 uma \u00f3tima maneira de voc\u00ea desenvolver aplica\u00e7\u00f5es m\u00f3veis. Al\u00e9m disso, voc\u00ea pode desenvolver um projeto \u00fanico com c\u00f3digo compartilhado que pode ser direcionado para o sistema operacional que voc\u00ea desejar: iOS, macOS e Windows.<\/p>\n\n\n\n<div class=\"user-cta-block\" style=\"background-color:#2E333C;\"><p>Conhe\u00e7a o servidor VPS da Locaweb e aumente a performance dos seus projetos!<\/p><a class=\"user-cta\" style=\"background-color: #F00842\n;\" href=\"https:\/\/www.locaweb.com.br\/cloud\/vps-locaweb\/?utm_source=blog&amp;utm_medium=own&amp;utm_campaign=blog-vps-desenvolvimento-hibrido&amp;utm_id=blog-vendas\" target=\"_blank\" rel=\"noopener\">SAIBA MAIS<\/a><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Flutter<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O Flutter \u00e9 um framework de c\u00f3digo aberto do Google para criar aplicativos multiplataformas compilados nativamente a partir de uma \u00fanica base de c\u00f3digo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Utilizando a linguagem Dart, o Flutter \u00e9 uma das plataformas de <strong>desenvolvimento h\u00edbrido<\/strong> mais hypadas do momento. J\u00e1 que o Google reativou o projeto Dart exatamente para poder ser utilizado com o Flutter.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inclusive algumas empresas deixaram de desenvolver aplicativos com outras tecnologias para come\u00e7ar a usar o Flutter, como: Alibaba e Ebay.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Com ele voc\u00ea pode desenvolver uma vasta qualidade de aplicativos m\u00f3veis utilizando uma linguagem que utiliza o paradigma orientado a objetos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bem, vimos que temos v\u00e1rias maneiras de desenvolver aplicativos h\u00edbridos, agora basta voc\u00ea escolher uma de acordo com seu conhecimento em cada linguagem e de acordo com o tipo de problema que a tecnologia que voc\u00ea escolher resolve. Desejo que tenha te ajudado a conhecer um pouco mais sobre esse <strong>tipo de desenvolvimento<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Um grande abra\u00e7o e at\u00e9 a pr\u00f3xima.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>E ai pessoal, tudo bom? Pokemaobr aqui novamente para trazer mais um tema bem legal para a galera dev do blog Locaweb. Hoje iremos falar sobre desenvolvimento h\u00edbrido de aplicativos. H\u00e1 uma grande discuss\u00e3o entre desenvolver nativamente para dispositivos m\u00f3veis ou utilizar plataformas\/bibliotecas de desenvolvimento h\u00edbrido. Obviamente se voc\u00ea precisar desenvolver algo que necessite de [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":37885,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-24198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codigo-aberto"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/24198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=24198"}],"version-history":[{"count":3,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/24198\/revisions"}],"predecessor-version":[{"id":38122,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/24198\/revisions\/38122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/37885"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=24198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=24198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=24198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}