{"id":2135,"date":"2016-03-28T21:50:08","date_gmt":"2016-03-28T21:50:08","guid":{"rendered":"https:\/\/www.couchbase.com\/blog\/?p=2135"},"modified":"2023-06-23T05:22:38","modified_gmt":"2023-06-23T12:22:38","slug":"create-a-desktop-chat-application-using-the-cean-stack-and-electron","status":"publish","type":"post","link":"https:\/\/www.couchbase.com\/blog\/pt\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/","title":{"rendered":"Criar um aplicativo de bate-papo para desktop usando a pilha CEAN e o Electron"},"content":{"rendered":"<p>Ent\u00e3o voc\u00ea est\u00e1 interessado em criar um aplicativo de bate-papo para desktop como o Slack, mas n\u00e3o sabe por onde come\u00e7ar. O Slack foi muito aberto ao dizer que usou o aplicativo de bate-papo do Github <a href=\"https:\/\/electron.atom.io\">El\u00e9trons<\/a> para criar a vers\u00e3o desktop de seu software. Isso significa que o Slack foi desenvolvido usando tecnologias da Web.<\/p>\n<p>Veremos como criar um aplicativo de desktop de bate-papo em tempo real que n\u00e3o \u00e9 nem de longe t\u00e3o rico em recursos quanto o Slack, mas que lhe dar\u00e1 uma perspectiva de como voc\u00ea poderia expandir at\u00e9 esse ponto.<\/p>\n<h2>Os pr\u00e9-requisitos<\/h2>\n<p>Embora n\u00e3o exija muito, h\u00e1 algumas coisas de que voc\u00ea precisar\u00e1 para ter sucesso no que vem a seguir:<\/p>\n<ul>\n<li>Servidor Couchbase 4+<\/li>\n<li>Gerenciador de pacotes do n\u00f3 (NPM)<\/li>\n<\/ul>\n<p>Precisamos do Couchbase Server porque todas as mensagens de bate-papo ser\u00e3o armazenadas em cache no banco de dados ap\u00f3s serem enviadas. Isso permite que todos que entrarem na sala de bate-papo possam ver as mensagens anteriores. Isso \u00e9 importante porque as pessoas podem estar entrando no bate-papo mais tarde do que outras e n\u00e3o queremos que elas percam nada. O Node Package Manager (NPM) \u00e9 necess\u00e1rio porque o usaremos para instalar o Angular 2 e o Electron. Ele est\u00e1 dispon\u00edvel por meio da instala\u00e7\u00e3o do <a href=\"https:\/\/nodejs.org\">Node.js<\/a>.<\/p>\n<p>Com tudo isso dito, vamos come\u00e7ar a desenhar nosso projeto.<\/p>\n<h2>Clonagem do servidor Socket.io<\/h2>\n<p>Como voc\u00ea deve saber, este n\u00e3o \u00e9 o primeiro tutorial que escrevi sobre o assunto de bate-papo em tempo real usando a pilha CEAN. Na verdade, escrevi outros dois:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.thepolyglotdeveloper.com\/2016\/01\/create-a-real-time-chat-application-with-the-cean-stack-and-socket-io\">Cria\u00e7\u00e3o de um aplicativo de bate-papo em tempo real com a pilha CEAN e o Socket.io<\/a><\/li>\n<li><a href=\"https:\/\/www.thepolyglotdeveloper.com\/2016\/01\/creating-a-real-time-chat-application-with-ionic-2-and-socket-io\/\">Criando um aplicativo de bate-papo em tempo real com o Ionic 2 e o Socket.io<\/a><\/li>\n<\/ul>\n<p>Para economizar tempo, usaremos o c\u00f3digo do lado do servidor que desenvolvemos no primeiro tutorial da pilha CEAN, e n\u00e3o no tutorial do Ionic 2. Se voc\u00ea ainda n\u00e3o o fez, recomendo que o leia. No entanto, voc\u00ea pode obter o c\u00f3digo-fonte em <a href=\"https:\/\/github.com\/couchbaselabs\/cean-web-chat\">fazendo o download<\/a> do GitHub, ou executando o seguinte no Terminal (Mac e Linux) ou no Prompt de Comando (Windows):<\/p>\n<pre><code>\r\ngit clone https:\/\/github.com\/couchbaselabs\/cean-web-chat\r\n<\/code><\/pre>\n<p>Com o download do c\u00f3digo do lado do servidor, navegue at\u00e9 o projeto usando o Prompt de Comando ou o Terminal e instale todas as depend\u00eancias executando:<\/p>\n<pre><code>\r\nnpm install\r\n<\/code><\/pre>\n<p>Neste ponto, seu c\u00f3digo de servidor de bate-papo est\u00e1 pronto para ser usado!<\/p>\n<h3>Configura\u00e7\u00e3o do Couchbase<\/h3>\n<p>Como o Couchbase ser\u00e1 usado com o aplicativo Node.js, precisamos de um bucket configurado e autorizado a usar consultas N1QL. Tudo isso foi explicado no primeiro <a href=\"https:\/\/www.thepolyglotdeveloper.com\/2016\/01\/create-a-real-time-chat-application-with-the-cean-stack-and-socket-io\">Tutorial de bate-papo da pilha CEAN<\/a>Mas, apenas para relembrar, vamos ver novamente.<\/p>\n<p>Instale uma c\u00f3pia do Couchbase Server 4 e crie um bucket chamado <strong>bate-papo na web<\/strong> que tenha o servi\u00e7o de consulta ativado. Como usaremos as consultas N1QL, precisamos criar um \u00edndice prim\u00e1rio. Isso pode ser feito usando o cliente Couchbase Query (CBQ). No Mac, execute o seguinte em um Terminal:<\/p>\n<pre><code>\r\n.\/Applications\/Couchbase Server.app\/Contents\/Resources\/couchbase-core\/bin\/cbq\r\n<\/code><\/pre>\n<p>O mesmo pode ser feito no Windows usando o prompt de comando da seguinte forma:<\/p>\n<pre><code>\r\nC:\/Arquivos de Programas\/Couchbase\/Server\/bin\/cbq.exe\r\n<\/code><\/pre>\n<p>Com o CBQ aberto, execute o seguinte para criar um \u00edndice:<\/p>\n<pre><code>\r\nCREATE PRIMARY INDEX ON `web-chat` USING GSI;\r\n<\/code><\/pre>\n<p>O Couchbase Server est\u00e1 pronto para ser usado!<\/p>\n<h2>Cria\u00e7\u00e3o de um projeto Electron<\/h2>\n<p>Nosso projeto Electron ter\u00e1 muito corte e cola quando se trata de c\u00f3digo. Isso ocorre porque o Electron aceita praticamente qualquer aplicativo da Web que voc\u00ea lan\u00e7ar nele. Lembre-se de que temos um aplicativo da Web muito adequado inclu\u00eddo em nosso projeto de servidor Socket.io.<\/p>\n<p>Crie um novo diret\u00f3rio, talvez em sua \u00e1rea de trabalho, e chame-o de <strong>bate-papo na \u00e1rea de trabalho<\/strong> ou o que voc\u00ea achar mais apropriado. Navegue at\u00e9 o projeto com seu Terminal ou Prompt de Comando e execute o seguinte:<\/p>\n<pre><code>\r\nnpm init -y\r\n<\/code><\/pre>\n<p>Isso cria um NPM muito b\u00e1sico <strong>package.json<\/strong> em nosso projeto. Agora, precisamos instalar todas as depend\u00eancias do nosso aplicativo de desktop. Execute o seguinte:<\/p>\n<pre><code>\r\nnpm install angular2@2.0.0-beta.0 systemjs typescript --save\r\nnpm install electron-prebuilt --save-dev\r\n<\/code><\/pre>\n<p>A primeira instala\u00e7\u00e3o obter\u00e1 todas as nossas depend\u00eancias do Angular 2. No projeto do lado do servidor, a interface do usu\u00e1rio voltada para o cliente foi toda criada com o Angular 2 e o TypeScript. Faremos o mesmo aqui. A segunda instala\u00e7\u00e3o obt\u00e9m o bin\u00e1rio do Electron.<\/p>\n<p>Agora abra o <strong>package.json<\/strong> encontrado na raiz do projeto e troque o arquivo <strong>roteiros<\/strong> parte com o seguinte:<\/p>\n<pre><code>\r\n\"scripts\": {\r\n  \"start\": \"electron main.js\"\r\n},\r\n<\/code><\/pre>\n<p>Veremos o que isso significa em breve, mas primeiro crie um <strong>main.js<\/strong> na raiz do projeto. Ele deve conter o seguinte c\u00f3digo:<\/p>\n<pre><code>\r\nvar app = require('app');  \/\/ Module to control application life.\r\nvar BrowserWindow = require('browser-window');  \/\/ Module to create native browser window.\r\n\r\n\/\/ Keep a global reference of the window object, if you don't, the window will\r\n\/\/ be closed automatically when the JavaScript object is garbage collected.\r\nvar mainWindow = null;\r\n\r\n\/\/ Quit when all windows are closed.\r\napp.on('window-all-closed', function() {\r\n    \/\/ On OS X it is common for applications and their menu bar\r\n    \/\/ to stay active until the user quits explicitly with Cmd + Q\r\n    if (process.platform != 'darwin') {\r\n        app.quit();\r\n    }\r\n});\r\n\r\n\/\/ This method will be called when Electron has finished\r\n\/\/ initialization and is ready to create browser windows.\r\napp.on('ready', function() {\r\n    \/\/ Create the browser window.\r\n    mainWindow = new BrowserWindow({width: 800, height: 600});\r\n\r\n    \/\/ and load the index.html of the app.\r\n    mainWindow.loadURL('file:\/\/' + __dirname + '\/public\/index.html');\r\n\r\n    \/\/ Emitted when the window is closed.\r\n    mainWindow.on('closed', function() {\r\n        \/\/ Dereference the window object, usually you would store windows\r\n        \/\/ in an array if your app supports multi windows, this is the time\r\n        \/\/ when you should delete the corresponding element.\r\n        mainWindow = null;\r\n    });\r\n});\r\n<\/code><\/pre>\n<p>O texto acima pode parecer familiar por dois motivos. Primeiro, eu a tirei de um <a href=\"https:\/\/www.couchbase.com\/blog\/pt\/build-a-desktop-app-with-github-electron-and-couchbase\/\">post anterior<\/a> Eu escrevi sobre o Electron e, em segundo lugar, ele veio praticamente direto da documenta\u00e7\u00e3o do Electron. Nossa linha importante, entretanto, \u00e9 a seguinte:<\/p>\n<pre><code>\r\nmainWindow.loadURL('file:\/\/' + __dirname + '\/public\/index.html');\r\n<\/code><\/pre>\n<p>Isso significa que todo o nosso c\u00f3digo do Angular 2 estar\u00e1 no diret\u00f3rio <strong>p\u00fablico<\/strong> come\u00e7ando com o diret\u00f3rio <strong>index.html<\/strong> arquivo.<\/p>\n<p>Copiar o <strong>p\u00fablico<\/strong> do diret\u00f3rio <strong>cean-web-chat<\/strong> que voc\u00ea clonou do GitHub e coloque-o na raiz do projeto Electron. J\u00e1 existe um arquivo <strong>index.html<\/strong> nele, mas precisamos alterar algumas coisas. Abra-o e altere a vari\u00e1vel <strong>script<\/strong> caminhos para o seguinte:<\/p>\n<pre><code>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/code><\/pre>\n<p>Fizemos isso porque os caminhos da nossa biblioteca n\u00e3o est\u00e3o no mesmo lugar em que estavam no aplicativo do lado do servidor.<\/p>\n<p>H\u00e1 mais algumas coisas a fazer antes de estarmos prontos para v\u00ea-lo em a\u00e7\u00e3o. Abra o arquivo <strong>public\/app\/default\/default.ts<\/strong> e crie uma nova vari\u00e1vel na classe da seguinte forma:<\/p>\n<pre><code>\r\nsocketHost: string;\r\n<\/code><\/pre>\n<p>Isso deve ser feito dentro da classe. Como n\u00e3o estamos mais no mesmo host que o servidor, precisamos informar ao nosso cliente de desktop a qual host devemos nos conectar. Dentro do construtor, defina <strong>socketHost<\/strong> para qualquer que seja o host:<\/p>\n<pre><code>\r\nthis.socketHost = \"https:\/\/192.168.57.1:3000\";\r\n<\/code><\/pre>\n<p>Nossa solicita\u00e7\u00e3o HTTP no construtor n\u00e3o \u00e9 mais v\u00e1lida porque nosso cliente n\u00e3o est\u00e1 inclu\u00eddo no servidor. Precisamos definir o host que acabamos de definir. Isso pode ser feito da seguinte forma:<\/p>\n<pre><code>\r\nhttp.get(this.socketHost + \"\/fetch\").subscribe((success) =&gt; {\r\n<\/code><\/pre>\n<p>Por fim, encontre a linha em que voc\u00ea define o objeto Socket.io. Ele tamb\u00e9m precisa de um host para o qual apontar. Altere-o para que se pare\u00e7a com o seguinte:<\/p>\n<pre><code>\r\nthis.socket = io(this.socketHost);\r\n<\/code><\/pre>\n<p>A essa altura, voc\u00ea deve estar bem!<\/p>\n<h2>Vendo-o em a\u00e7\u00e3o<\/h2>\n<p>Voc\u00ea precisar\u00e1 de dois Prompts de Comando ou Terminais abertos para isso. O primeiro terminal executar\u00e1 o servidor Socket.io Node.js que se conecta ao Couchbase Server. Execute o seguinte, com o projeto do GitHub como seu diret\u00f3rio de trabalho, para fazer isso:<\/p>\n<pre><code>\r\nn\u00f3 app.js\r\n<\/code><\/pre>\n<p>Se o servidor for iniciado, voc\u00ea est\u00e1 em boas condi\u00e7\u00f5es. No segundo Terminal, execute o seguinte, com o projeto Electron como seu diret\u00f3rio de trabalho:<\/p>\n<pre><code>\r\nnpm start\r\n<\/code><\/pre>\n<p>Lembre-se de que fizemos o <strong>iniciar<\/strong> em nosso script <strong>package.json<\/strong> arquivo? \u00c9 assim que o usamos.<\/p>\n<p>Tente enviar algumas mensagens. Elas devem ser salvas no Couchbase Server e, se voc\u00ea abrir outro cliente ou carregar o cliente de bate-papo incorporado do projeto do GitHub, poder\u00e1 conversar.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>Voc\u00ea acabou de ver como converter um aplicativo da Web existente em um aplicativo de desktop de plataforma cruzada. Esse aplicativo oferecia bate-papo em tempo real usando tecnologias de ponta como Angular 2, Couchbase, Socket.io e Node.js.<\/p>\n<p>Se ainda n\u00e3o o fez, recomendo que d\u00ea uma olhada nos posts anteriores que fiz sobre o t\u00f3pico Socket.io com o Couchbase. S\u00e3o boas leituras e podem abrir as portas para possibilidades para voc\u00ea.<\/p>","protected":false},"excerpt":{"rendered":"<p>So you&#8217;re interested in creating a desktop chat application like Slack, but aren&#8217;t sure where to start. Slack was very open in saying that they used Github&#8217;s Electron platform for building the desktop version of their software. This means that [&hellip;]<\/p>","protected":false},"author":63,"featured_media":13873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1814,1822],"tags":[1578,1577,1575,1549],"ppma_author":[9032],"class_list":["post-2135","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application-design","category-node-js","tag-angular-2","tag-cross-platform","tag-desktop","tag-electron"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.1 (Yoast SEO v26.1.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Desktop Chat Application using the CEAN Stack &amp; Electron<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.couchbase.com\/blog\/pt\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create a Desktop Chat Application using the CEAN Stack and Electron\" \/>\n<meta property=\"og:description\" content=\"So you&#8217;re interested in creating a desktop chat application like Slack, but aren&#8217;t sure where to start. Slack was very open in saying that they used Github&#8217;s Electron platform for building the desktop version of their software. This means that [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.couchbase.com\/blog\/pt\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\" \/>\n<meta property=\"og:site_name\" content=\"The Couchbase Blog\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/thepolyglotdeveloper\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-28T21:50:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-23T12:22:38+00:00\" \/>\n<meta name=\"author\" content=\"Nic Raboy, Developer Advocate, Couchbase\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nraboy\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nic Raboy, Developer Advocate, Couchbase\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\"},\"author\":{\"name\":\"Nic Raboy, Developer Advocate, Couchbase\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1\"},\"headline\":\"Create a Desktop Chat Application using the CEAN Stack and Electron\",\"datePublished\":\"2016-03-28T21:50:08+00:00\",\"dateModified\":\"2023-06-23T12:22:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\"},\"wordCount\":1149,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"keywords\":[\"angular 2\",\"cross platform\",\"desktop\",\"electron\"],\"articleSection\":[\"Application Design\",\"Node.js\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\",\"name\":\"Desktop Chat Application using the CEAN Stack & Electron\",\"isPartOf\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"datePublished\":\"2016-03-28T21:50:08+00:00\",\"dateModified\":\"2023-06-23T12:22:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png\",\"width\":1800,\"height\":630},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.couchbase.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create a Desktop Chat Application using the CEAN Stack and Electron\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#website\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"name\":\"The Couchbase Blog\",\"description\":\"Couchbase, the NoSQL Database\",\"publisher\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#organization\",\"name\":\"The Couchbase Blog\",\"url\":\"https:\/\/www.couchbase.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"contentUrl\":\"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png\",\"width\":218,\"height\":34,\"caption\":\"The Couchbase Blog\"},\"image\":{\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1\",\"name\":\"Nic Raboy, Developer Advocate, Couchbase\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/8863514d8bed0cf6080f23db40e00354\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g\",\"caption\":\"Nic Raboy, Developer Advocate, Couchbase\"},\"description\":\"Nic Raboy is an advocate of modern web and mobile development technologies. He has experience in Java, JavaScript, Golang and a variety of frameworks such as Angular, NativeScript, and Apache Cordova. Nic writes about his development experiences related to making web and mobile development easier to understand.\",\"sameAs\":[\"https:\/\/www.thepolyglotdeveloper.com\",\"https:\/\/www.facebook.com\/thepolyglotdeveloper\",\"https:\/\/x.com\/nraboy\"],\"url\":\"https:\/\/www.couchbase.com\/blog\/pt\/author\/nic-raboy-2\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Desktop Chat Application using the CEAN Stack & Electron","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.couchbase.com\/blog\/pt\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/","og_locale":"pt_BR","og_type":"article","og_title":"Create a Desktop Chat Application using the CEAN Stack and Electron","og_description":"So you&#8217;re interested in creating a desktop chat application like Slack, but aren&#8217;t sure where to start. Slack was very open in saying that they used Github&#8217;s Electron platform for building the desktop version of their software. This means that [&hellip;]","og_url":"https:\/\/www.couchbase.com\/blog\/pt\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/","og_site_name":"The Couchbase Blog","article_author":"https:\/\/www.facebook.com\/thepolyglotdeveloper","article_published_time":"2016-03-28T21:50:08+00:00","article_modified_time":"2023-06-23T12:22:38+00:00","author":"Nic Raboy, Developer Advocate, Couchbase","twitter_card":"summary_large_image","twitter_creator":"@nraboy","twitter_misc":{"Written by":"Nic Raboy, Developer Advocate, Couchbase","Est. reading time":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#article","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/"},"author":{"name":"Nic Raboy, Developer Advocate, Couchbase","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1"},"headline":"Create a Desktop Chat Application using the CEAN Stack and Electron","datePublished":"2016-03-28T21:50:08+00:00","dateModified":"2023-06-23T12:22:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/"},"wordCount":1149,"commentCount":0,"publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","keywords":["angular 2","cross platform","desktop","electron"],"articleSection":["Application Design","Node.js"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/","url":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/","name":"Desktop Chat Application using the CEAN Stack & Electron","isPartOf":{"@id":"https:\/\/www.couchbase.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage"},"thumbnailUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","datePublished":"2016-03-28T21:50:08+00:00","dateModified":"2023-06-23T12:22:38+00:00","breadcrumb":{"@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#primaryimage","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/sites\/1\/2022\/11\/couchbase-nosql-dbaas.png","width":1800,"height":630},{"@type":"BreadcrumbList","@id":"https:\/\/www.couchbase.com\/blog\/create-a-desktop-chat-application-using-the-cean-stack-and-electron\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.couchbase.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create a Desktop Chat Application using the CEAN Stack and Electron"}]},{"@type":"WebSite","@id":"https:\/\/www.couchbase.com\/blog\/#website","url":"https:\/\/www.couchbase.com\/blog\/","name":"Blog do Couchbase","description":"Couchbase, o banco de dados NoSQL","publisher":{"@id":"https:\/\/www.couchbase.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.couchbase.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.couchbase.com\/blog\/#organization","name":"Blog do Couchbase","url":"https:\/\/www.couchbase.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","contentUrl":"https:\/\/www.couchbase.com\/blog\/wp-content\/uploads\/2023\/04\/admin-logo.png","width":218,"height":34,"caption":"The Couchbase Blog"},"image":{"@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/bb545ebe83bb2d12f91095811d0a72e1","name":"Nic Raboy, defensor dos desenvolvedores, Couchbase","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.couchbase.com\/blog\/#\/schema\/person\/image\/8863514d8bed0cf6080f23db40e00354","url":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","caption":"Nic Raboy, Developer Advocate, Couchbase"},"description":"Nic Raboy \u00e9 um defensor das modernas tecnologias de desenvolvimento m\u00f3vel e da Web. Ele tem experi\u00eancia em Java, JavaScript, Golang e uma variedade de estruturas, como Angular, NativeScript e Apache Cordova. Nic escreve sobre suas experi\u00eancias de desenvolvimento relacionadas a tornar o desenvolvimento m\u00f3vel e da Web mais f\u00e1cil de entender.","sameAs":["https:\/\/www.thepolyglotdeveloper.com","https:\/\/www.facebook.com\/thepolyglotdeveloper","https:\/\/x.com\/nraboy"],"url":"https:\/\/www.couchbase.com\/blog\/pt\/author\/nic-raboy-2\/"}]}},"authors":[{"term_id":9032,"user_id":63,"is_guest":0,"slug":"nic-raboy-2","display_name":"Nic Raboy, Developer Advocate, Couchbase","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/bedeb68368d4681aca4c74fe5f697f0c423b80d498ec50fd915ba018b72c101f?s=96&d=mm&r=g","author_category":"","last_name":"Raboy","first_name":"Nic","job_title":"","user_url":"https:\/\/www.thepolyglotdeveloper.com","description":"Nic Raboy \u00e9 um defensor das modernas tecnologias de desenvolvimento m\u00f3vel e da Web. Ele tem experi\u00eancia em Java, JavaScript, Golang e uma variedade de estruturas, como Angular, NativeScript e Apache Cordova. Nic escreve sobre suas experi\u00eancias de desenvolvimento relacionadas a tornar o desenvolvimento m\u00f3vel e da Web mais f\u00e1cil de entender."}],"_links":{"self":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts\/2135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/comments?post=2135"}],"version-history":[{"count":0,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/posts\/2135\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/media\/13873"}],"wp:attachment":[{"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/media?parent=2135"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/categories?post=2135"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/tags?post=2135"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.couchbase.com\/blog\/pt\/wp-json\/wp\/v2\/ppma_author?post=2135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}