一.项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息发送/动态表情,图片/视频预览,拖拽图片/粘贴截图发送,朋友圈/红包/换肤等功能. 二.效果图 三.技术栈 框架技术:electron + electron-vue + vue 状态管理:Vuex 地址路由:Vue-router 字体图标:阿里iconfont字体图标库 弹窗插件:wcPop 打包工

1.以前cordova远程调试,Android的直接连接USB后,用chrome打开chrome://inspect网址 IOS的打开Safari的developer下. 这是因为cordova的webView都已经开放了远程调试, 如果是自己的加的webView,要进行远程调试 Android: 在调试WebView需要满足安卓系统版本为Android 4.4+已上.并且需要再你的APP内配置相应的代码,在WebView类中调用静态方法setWebContentsDebuggingEnable

现在基于 js 和 web浏览器核心构建的 C/S 程序越来越多,比如微信桌面版(基于 duilib 和 cef).VS CODE(基于electron)等,出于了解的目的,最近学习了 electron.electron具体是什么,可以做什么,这里不做过多的介绍,网上很多相关的介绍,这里主要介绍在VS2017下怎么进行 electron 应用程序的开发. 一.环境搭建 安装 node.js 及 npm. 安装 vs2017 ,必须安装 node.js web开发包. 二.创建空白 Node.js

必要的上下文 想尽快熟悉上下文语境的,可以点这里: https://github.com/electron/electron/issues/749 这段讨论,其实本来是讨论如何自动设置 input 标签的值来实现自动选择文件的.前一段有个 Electon 中自动上传文件的需求,被 Google 带到了这个讨论地址.虽然,最后当时是采用的不同讨论中的本地代理器转发cookie的策略,但不得不承认,这些讨论还是给了自己很大启发的 -- 虽然暂时并没有什么用. It's near impossible

 前言 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的. Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来.这两个项目在2014春季开源. 目前它已成为开源开发者.初创企业和老牌公司常用的开发工具. 看看谁在使用Electron

作为一个后台开发人员,几年前参与过Ionic1开发过一微信公众号的经历,所以这次开发企业微信应用,就使用了ionic,正好ionic4 rc版本发布,虽然不是正式版,作为本项目的项目经理,还是决定使用ionic4开发,因为项目组员也是我.简单记录一下本次开发的过程,很多命令不经常输入,就忘记了. 0.环境要求 nodejs(好像是10以上对于ionic4) 很多资料说最好装cnpm,我使用感觉好像cnpm问题比npm多一点,而且现在网络情况不像以前那么恶劣了 具有管理员权限的命令行(类linux

VPN非常注意: 编译的过程需要使用VPN, 否者chromium的源代码无法下载, 后面会出现总总问题 Electron的编译环境, 推荐使用物理机: win10 64位 英文版, 为了避免后期出现编译文件, 推荐使用64为的win10 node-v6.11.0-x64, node版本最好在6.x, 高版本的可能编译不成功 python-2.7.10.amd64, python要求版本2.7.10 , 版本不要太高 Git, 使用最新版本即可 vs 2017 community,vs2017 

传统的vue SPA页面在浏览器环境中使用,但是有的时候我们还希望能够做成一个类似于桌面的app在PC上使用,希望不仅可以使用所有的浏览器SPA的功能,你也可能外加host os的功能,比如文件的本地保存,离线使用等.这时,electron就是一个很好的备选方案.electron本身集成了一个chrome核心的浏览器以及nodejs server模块,既可以使用已有的web技术栈,又能借助electron的跨平台能力,从而实现cross-platform的原生app. 作为开发者,还有一个痛点就

从开发角度来说,选择用 nw.js 还是 election ,区别其实不是很大.大部分工作还是在自己的 javascript 和 HTML 上.国内比较有名的,比如微信web开发工具.钉钉都是基于 nw.js 开发的 electron 相对来说比 nw.js 靠谱.有一堆成功的案例: 1. Atom 编辑器 2. Slack (那个独角兽公司)3. Visual Studio Code 4. WordPress 等等.. 优点:1. 开源的核心扩展比较容易,目前是基于 node 6.x,加之现在

My wine life like windows 本篇内容涉及QQ.微信.Office在wine中的使用配置. QQ 到deepin下载轻聊版. 如果安装了crossover,那么将其中opt/cxoffice/support下的文件夹解压到/opt/cxoffice/support下,crossover最好也是安装在/opt/cxoffice.打开crossover即可看到该已发布容器. 因为解压出来的是一个wineprefix,所以可以用wine来执行,推荐使用PlayOnLinux. 字

本文由作者邹永胜授权网易云社区发布. 简介 为了更好的展示我们即时通讯SDK强悍的能力,网易云信IM SDK微信小程序DEMO的开发就提上了日程.用产品的话说就是: 云信 IM 小程序 SDK 的能力演示 提供开发者小程序开发参考 换句话说就是在微信里面通过我们云信的IM SDK再实现一个mini版微信.整个小程序主要功能点总的来说是: 登录注册(为了实现不同端同一账号体系,所以没有采用微信授权登录) 最近会话展示 通讯录 单聊对话 用户名片 废话不多说直接上图: 一期已经上线,不足的地方,恳请

最近转入零售行业开发了一系列产品,包含便利店收银软件.会员系统.供应链系统.为了追赶潮流,收银软件使用了electron平台开发,界面效果.开发效率确实不错:但是涉及到串口通讯时遇到了麻烦,electron不能直接使用node.js的串口模块.网上有一些文章推荐编译electron源码来实现串口模块的集成,向这条路走的过程中发现困难重重,尝试多次都没有成功,于是放弃. 经过一系列的google并测试后,终于通过调用第三方应用程序的方式实现:electron启动C#开发的程序.C#程序直接与串口通

微信小程序原理 kamidox 关注 2016.11.05 09:42* 字数 2356 阅读 14621评论 5喜欢 75赞赏 1 微信小程序使用了前端技术栈 JavaScript/WXML/WXSS.它背后的原理是怎么样的呢? 写在前面 微信小程序使用了前端技术栈 JavaScript/WXML/WXSS.但和常规的前端开发又有一些区别: JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js.它运行在微信 App 的上下文中,不能

那一天我二十一岁,在我一生的黄金时代,我有好多奢望.我想爱,想吃,还想在一瞬间变成天上半明半暗的云,后来我才知道,生活就是个缓慢受锤的过程,人一天天老下去,奢望也一天天消逝,最后变得像挨了锤的牛一样.可是我过二十一岁生日时没有预见到这一点.我觉得自己会永远生猛下去,什么也锤不了我. 前言 现在是凌晨一点,可能是在夜里的时候人会变得比较感性,所以突然想到了王小波在黄金时代中写下的这段话,没有理由的在这篇技术文章中将它作为引言.希望大家在自己的黄金时代永远的生猛下去,什么也锤不了你. 书归正传,咱们

安装nodejs 到nodejs官网下载node js压缩包,然后解压到自己设置的目录.我的解压路径是 /home/congwiny/Develop/SoftWare/node-v6.10.3-linux-x64/进入bin目录下会发现两个文件 ➜ ~ ls /home/congwiny/Develop/SoftWare/node-v6.10.3-linux-x64/bin node npm 在terminal中输入以下2个命令建立软连接 ➜ ~ sudo ln -s /home/congwin

最近发现nodejs可以做桌面应用,主要是之前的同事在搞,我也要稍微研究下不能落后啊,基于nodejs的桌面应用,常用的就是nw.js和electron,nw出的比较早,资料比较多,bug也很多,它的前身是node-webkit文档可以参考nw.js,微信web开发工具.钉钉都是基于 nw.js 开发的,nw.js支持xp,还有很多人抱着xp过日子呢.而electron比较全比较新,在github的文档electron也比较多,有中文文档的,成型的case很多Electron由github主导,

作者:Kurosaki 本文主要讲解Electron 窗口的 API 和一些在开发之中遇到的问题. 官方文档 虽然比较全面,但是要想开发一个商用级别的桌面应用必须对整个 Electron API  有较深的了解,才能应对各种需求. 1. 创建窗口 通过BrowserWindow,来 创建 或者 管理 新的浏览器窗口,每个浏览器窗口都有一个进程来管理. 1.1. 简单创建窗口 const { BrowserWindow } = require('electron'); const win = ne

一.项目简介 基于Vue3.0+Vant3.x+Vuex4.x+Vue-router4+V3Popup等技术开发实现的仿微信手机App聊天实例项目Vue3-Chatroom.实现了发送图文表情消息/gif图.图片/视频预览.网址查看.下拉刷新功能.红包/朋友圈等功能. 二.技术选型 编辑器:VScode/Sublime 使用技术:Vue3.x+Vuex4.x+Vue-Router4 UI组件库:Vant-UI3.x (有赞移动端Vue3组件库) 弹层组件:V3Popup(基于vue3.0封装自定

基于vue3+electron11跨端仿制QQ桌面应用实战Vue3ElectronQchat. 使用vue3+electron+vuex4+ant-design-vue+v3scroll+v3layer等技术构建跨平台模仿QQ|TIM界面聊天应用.实现了发送富文本消息.图片/视频/链接预览.拖拽发送图片.调用dll截图.朋友圈等功能.支持多开窗口|父子modal窗口.换肤等操作. 一.技术栈 编码工具:vscode 框架技术:vue3.0+electron11.2.3+vuex4+vue-rou

[外链图片转存失败(img-3RucrgcX-1562556984462)(http://7vzsvy.com1.z0.glb.clouddn.com/electron-1-2.png "Electron")] 序 每次 Electron 有最新新闻的时候,都会有很多朋友留言,问有没有相关教程,本人也是观察有一段时间了,一直鲜有人提供相关的学习内容,所以在此就给大家提供下一些入门和进阶教程,希望大家多多支持,谢谢! 本文的主要目的,是要教会大家如何使用 Electron 从 零 创建