nw.js 打包换桌面图标_我如何使用CometChat和NW.js构建桌面聊天应用程序(以及方法)
nw.js 打包换桌面图标
This is not your typical "paste this here" and "paste that there"-type tutorial (you can find plenty of those here on cometchat.com/tutorials). While those tutorials certainly have merit, I am going to share my thought process from beginning to end.
这不是典型的“ 在此粘贴 ”和“ 在此 粘贴 ”类型的教程(您可以在cometchat.com/tutorials上找到很多这样的教程 )。 虽然这些教程肯定有优点,但我将从头到尾分享我的思考过程。
The application I built is simple enough. When someone loads the app, they are prompted to enter their username and begin chatting:
我构建的应用程序很简单。 有人加载应用程序时,系统会提示他们输入用户名并开始聊天:
The application ultimately runs on Node with help from NW.js (previously known as node-webkit). NW.js is advantageous because it enables us to code cross-platform desktop applications using our favorite web technologies. For this application, I chose to use React and Redux.
该应用程序最终在NW.js(以前称为node-webkit)的帮助下在Node上运行。 NW.js的优势在于,它使我们能够使用自己喜欢的Web技术对跨平台的桌面应用程序进行编码。 对于此应用程序,我选择使用React和Redux。
The back-end logic - from sending and receiving messages in real-time to populating what I call the "participant list" - is powered by CometChat. You will learn more about CometChat as you read on.
后端逻辑-从实时发送和接收消息到填充所谓的“参与者列表”-由CometChat提供支持。 阅读后,您将了解有关CometChat的更多信息。
This post is not intended to be a walkthrough. Although I will be explaining the technical components of this application, my main ambition is to help you think through a solution from beginning to end. Hopefully, when you finish this post you'll be a slightly better developer and consider CometChat for your growing tool belt.
本文不旨在作为一个演练。 尽管我将解释此应用程序的技术组件,但我的主要目标是帮助您从头到尾地思考解决方案。 希望当您完成这篇文章后,您将成为一个稍微更好的开发人员,并考虑使用CometChat作为您不断发展的工具带。
Just want the example code?
只需要示例代码?
You may see the source code here. There is also a detailed README, where you will find all the information you need to install, run and test the app.
您可能会在此处看到源代码。 还有一个详细的自述文件 ,您将在其中找到安装,运行和测试该应用程序所需的所有信息。
Because the desktop app is built using web technologies, it is entirely possible to run it in your browser. Towards the end of this post, I will show you how to deploy the app on Netlify.
由于桌面应用是使用网络技术构建的,因此完全有可能在浏览器中运行它。 在这篇文章的结尾,我将向您展示如何在Netlify上部署该应用程序。
规划 (Planning)
In this section we have to decide what components will we need to build. What functionality will they have? In other words, what are the questions we need to answer, to plan the building process?
在这一部分中,我们必须决定我们需要构建哪些组件。 他们将具有什么功能? 换句话说,我们需要回答哪些问题来计划构建过程?
Let’s step back for a while and think. Try asking yourself the questions who will take us to the structure we need for our app.
让我们退后一会儿思考。 尝试问自己一个问题,谁将带我们进入应用程序所需的结构。
Below I am going to lay out my questions and the answers. This is the process of the actual building the structure of the app, but in your head first. Keep in mind that it happens very often such that when answering a question new questions appear. This was the case with me as well.
下面我将列出我的问题和答案。 这是实际构建应用程序结构的过程,但首先要在您的脑海中进行。 请记住,这种情况经常发生,因此在回答问题时会出现新的问题。 我也是这种情况。
Questions:
问题:
- What am I doing?
nw.js 打包换桌面图标_我如何使用CometChat和NW.js构建桌面聊天应用程序(以及方法)相关推荐
- html桌面图标样式,Win7桌面图标样式怎么修改和还原|Win7修改和还原桌面图标样式的方法...
电脑安装上Win7系统后,桌面图标默认图片都是一样的,可能部分人会觉得没有个性,想要修改桌面图标样式但是不知道怎么设置.其实桌面图标样式是很好修改的,如果你觉得桌面图标样式比较单一,不妨阅读下文教程进 ...
- node mongoose_如何使用Express,Mongoose和Socket.io在Node.js中构建实时聊天应用程序
node mongoose by Arun Mathew Kurian 通过阿伦·马修·库里安(Arun Mathew Kurian) 如何使用Express,Mongoose和Socket.io在N ...
- 如何还原桌面图标_如何为Windows 10桌面图标还原或更改文本的默认外观?
如何还原桌面图标 For whatever reason, sooner or later we all have someone or something mess around with our ...
- ubuntu 添加桌面图标_将垃圾桶图标添加到您的Ubuntu桌面
ubuntu 添加桌面图标 Ubuntu has an option for adding a Trash Can icon to the desktop, which might be a comf ...
- lol桌面图标在计算机哪找,玩英雄联盟重新创建桌面图标的方法
英雄联盟游戏客户端有好几个G,安装时间长,当桌面的快捷方式没有了之后,打开不是很方便.重新创建一个快捷键就好,下面是小编为你整理的玩英雄联盟重新创建桌面图标的技巧,希望对大家有帮助! 玩英雄联盟重新创 ...
- 计算机桌面图标怎么改,小编教你电脑如何更改桌面图标
现在电脑在人们生活中占据的比重越来越大了,不少工作都需要用到电脑,此外,人们空闲时间也会用电脑来与他人沟通.娱乐,但是不少人有这样的问题,电脑系统默认的图标看起来很不好看,而且图标都比较大,很占位置, ...
- win10桌面图标在扩展显示屏后的显示异常问题(桌面图标跑到外接显示屏去了)
解决方法: 右击微软徽标,选择设备管理器,找到通用串行总线控制器,展开,将目录下面的驱动都卸载掉,重启电脑,单击"扫描检测硬件改动",系统在联网的状态下面会重新安装驱动,安装完毕之 ...
- 计算机桌面上的图标怎么变小,win7桌面图标怎么变小,小编教你win7系统桌面图标太大怎么变小...
现在很多人电脑的系统都是win7,在使用过程中,有时候会发现桌面图标变得非常大,几乎都把所有的屏幕都占了,看着很不舒服,很想将桌面的图标变小点,那要怎么做呢?怎么样才能将桌面图标改小呢?下面,小编就来 ...
- Linux桌面图标锁定不让移动,【电脑小知识】桌面布局被锁定,图标不能随意移动了怎么办?...
原标题:[电脑小知识]桌面布局被锁定,图标不能随意移动了怎么办? 很多用户在使用电脑过程中,习惯让桌面上的图标能随意按照自己的喜好摆放. 但如果电脑桌面布局被锁定了,就会无法在桌面上随意放置我们的软件 ...
最新文章
- Cell子刊:粘上你-细菌生长素介导的植物根部细菌定殖
- Mvc示例代码调试之一----调试工具及设置(用firebug与vs联合调试)
- 区间比较_表观健康儿童 HLAB27 的参考值区间建立和验证
- idea中使用jrebel
- ffmpeg库音频解码示例
- 《C++ Primer》14.3.1节练习
- Mybatis主线流程源码解析
- ThinkPHP6项目基操(8.多应用模式)
- STM32的2.02固件库提供的启动文件详解 stm32f10x_vector.s
- 笔记︱范数正则化L0、L1、L2-岭回归Lasso回归(稀疏与特征工程)
- 通话时自动中断音乐播放_您知道用户在何处以及为何中断通话吗?
- 高中女销售学Linux云计算4个月搞定年薪12万
- cadz轴归零命令_CAD中所有图形实现统一标高(Z轴归零)的方法,统一标高的快捷键命令...
- xmm1是什么器件_第三章基于Multisim10在模拟电路实验中的应用
- 自定义 Chrome (谷歌浏览器) 主题
- 20180925-7 规格说明书——吉林市两日游
- grep -q 大小比较
- canvas动画:黑客帝国_使用Canvas API进行动画处理-第3部分:重力和动态渲染
- 一顿操作猛如虎,一看还是二百五
- ubuntu安装cad快速看图linux版
热门文章
- 环境变量的配置windows10系统
- selenium报错解决 ElementNotInteractableException,element not interactable
- 前端开发 认识css 体验变色的效果 0228
- 《Spark The Definitive Guide》Chapter 6:处理不同类型的数据
- 智能合约从入门到精通:Solidity Assembly
- TextBox控件的DataBindings属性
- JQuery如何与数据库交互
- 用CSS的float和clear创建三栏液态布局的方法(转载)
- 实现 npm script 跨平台兼容
- HTTP 请求之URLs 与 URNs
- html桌面图标样式,Win7桌面图标样式怎么修改和还原|Win7修改和还原桌面图标样式的方法...