electron ffi-napi so文件

2024-08-15

electron教程(三): 使用ffi-napi引入C++的dll

我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使用ffi-napi引入C++的dll 引言这一篇将介绍如何在node.js+electron环境中, 使用node-ffi/ffi-napi调用C/C++编写的动态链接库(即dll), 实现调用C/C++代码. 本教程适用于electron 4.x-6.x版本. 如electron 4.2

electron node.js 实现文件拖动读取文件

css/styles.css .for_file_drop { width: 100%; height: 100px; background-color: blueviolet; } index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello World!</title> <link rel="styles

3、electron打包生成exe文件

打包方式1:DOS窗口命令打包 DOS 下,输入 npm install electron-packager -g全局安装我们的打包神器: cnpm install electron-packager -g 在项目文件夹下面,也就是根目录下面打开DOS执行打包命令: electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico -- --overwrite --ignore=node_modules

第四章-使用本机文件对话框和帮助进程间沟通 | Electron实战

本章主要内容: 使用Electron的dialog模块实现一个本机打开文件对话框促进主进程和渲染器进程之间的通信将功能从主进程暴露给渲染器进程使用Electron的remote模块从主进程导入功能到渲染器进程使用webContents模块将信息从主进程发送到呈现器进程,并使用ipcRenderer模块为来自主进程的消息设置监听器在前一章中,我们为第一个Electron项目打下了基础,这是一个笔记应用程序,它从左窗格中取出Markdown,并在右窗格中将其呈现为HTML.我们设置了主进程

Electron-使用Electron开发第一个应用

使用Electron开发第一个应用 Electron 应用的目录结构如下: app/ ├── package.json ├── main.js └── index.html 新建一个app文件夹将这三个文件都放在里面 package.json的内容 { "name" : "app", "version" : "0.1.0", "main" : "main.js" } 1 2 3 4 5

electron + vue 实践项目

github地址本地安装环境准备安装node: * https://nodejs.org/en/download/ 配置webpack: npm install -g webpack(sudo权限) windows配置cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org 因为npm的默认仓库在国外,下载很慢,国内淘宝搞了个CNPM,每10分钟同步一次,完全够用了当然也可以使用yarn下载 npm insta

（译）通过 HTML、JS 和 Electron 创建你的第一个桌面应用

原文:Creating Your First Desktop App With HTML, JS and Electron 作者:Danny Markov 近年来 web 应用变得越来越强大,但是桌面应用仍然有充分利用硬件的优势. 今天,我们可以通过我们熟悉的 HTML.JS 和 Node.js 来创建桌面应用,打包成一个可执行文件,并且发布在 Windows, OS X 和 Linux 上. 有两个受欢迎的开源项目,能够帮助我们实现这个目的.一个是几个月前我们讨论到的 NW.js,另一个是今天

electron 大体结构

1.Electron支持的平台: OS XWindowsLinux 2.一个标准的electron app包含的结构: Windows 或是 Linux中:electron/resources/app|_package.json|_main.js|_index.html 3.electron程序打包: 一般使用asar来进行打包,electron中一般包含两种API:Node.js和Chromium提供的Web APINode API如fs.readFile 4.使用Native Node模块

electron安装与使用

系统 WIN10 X64 1. python-2.7.15.amd64.msi 2. node-v10.4.1-x64.msi 3. VS2015 community(社区版) 4. npm config set registry https://registry.npm.taobao.org 设置淘宝镜像 5. npm install npm -g 安装最新npm 6. npm install node-pre-gyp -g && npm install node-gyp -g 7.

第二章你第首个Electron应用　| Electron in Action(中译)

本章主要内容构建并启动Electron应用生成package.json,配置成Electron应用在你的项目中包含预先构建Electron版本配置package.json以启动主进程从主进程生成渲染进程利用Electron限制宽松的优点构建通常在浏览器无法构建的功能使用Electron的内置模块来回避一些常见的问题在第一章中,我们从高的层次上,讨论了什么是Electron.说到底这本书叫做<Electron实战>,对吧?在本章中,我们通过从头开始设置和构建一个简单的应用程序来管

安装使用electron辛路历程

安装使用electron辛路历程成功安装electron以及成功使用第一个应用,整整花费了我一整天的时间,各种百度,各种尝试.最终,终于总结了一个亲测可行的终极可执行方案: electron 简单介绍: 实现:HTML/CSS/JS桌面程序,搭建跨平台桌面应用. electron 官方文档: https://electronjs.org/docs 使用步骤: 下载并安装node.js 检查node.js和npm是否安装成功下载electron[这里需要注意:如果在线安装不行的话,直接离线下载

ELECTRON新增模块的方法

因为electron和node.js用的V8版本不一致,所以直接使用npm安装的模块可能在electron中不可用,特别是使用c.c++开发的模块.官方的说明:https://github.com/electron/electron/blob/master/docs-translations/zh-CN/tutorial/using-native-node-modules.md 下面以安装sqlite模块为例,介绍一下如何安装electron可用的模块 1.首先安装node-gyp模块,安装这个

Electron结合React开发环境遇到的问题

链接将create-react-app与electron集成在了一个项目中.但是在React中无法使用electron 当在React中使用require('electron')时就会报TypeError: fs.existsSync is not a function的错误.因为React中无法使用Node.js的模块. 解决方案如下创建renderer.js文件在项目public/目录下新建renderer.js文件,该文件是预加载的js文件,并且在该文件内可以使用所有的Node.js

Grunt打包Electron,生成exe的安装包

在之前的博客:3.electron打包生成exe文件我们已经得到了electron打包好的应用了,目录如下,但是我们如何整合成一个安装程序,发给客户使用呢? 我们可以使用grunt-electron-installer来生成一. 准备安装grunt-electron-installer. 1. 我们进入到HelloWorld-win32-x64的父级目录下. 2. 新建一个package.json,内容如下: { "name": "HelloWorld", &

nodejs的桌面应用（electron）

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

electron-updater实现更新electron应用程序

electron-updater实现更新electron应用程序第一步安装"electron-updater": "^4.3.5", 打开package.json文件在build对象下添加publish配置, "build": { "productName": "xxx", "appId": "org.simulatedgreg.electron-vue", &q

谈Vite在Electron环境下吃花卷拉馒头的现象

缘起在Electron的渲染进程中(也就是页面代码中), 我们常常使用process.env来携带一些环境变量, 比如HTTP服务地址的基质,本地静态资源的路径等这样做主要有两个目的一个是方便开发者写多个配置环境变量的文件,区分生产环境.测试环境和开发环境另一个是主进程和渲染进程共享一套环境变量,全局任何一个地方都随取随用,非常方便正因为如此,一般的编译工具都不会动用户的process对象但Vite不一样,Vite的作者认为Vite只是给Web(运行在浏览器中的)产品提供服务的, 所

【electron+vue3+ts实战便笺exe】一、搭建框架配置

不要让自己的上限成为你的底线前言诈尸更新系列,为了跟上脚步,尝试了vue3,在学习vue3的时候顺便学习一手electron和ts,本教程将分别发布,源码会在最后的文章发布.因为还在开发中,目前也是为了防止有些遇到坑不会及时忘掉,所以先整理一部分出来将分2部分发出教程,因为配置的东西个人感觉有点多并且跟开发内容相关的东西并不是很多,因此单独发出,见谅,第二篇这两天发出,长文警告!. 开发思路: 页面: 列表页index.vue 头部.搜索.内容部分,只能有一个列表页存在设置页settin

Electron+Vue+ElementUI开发环境搭建

Node环境搭建本文假定你完成了nodejs的环境基础搭建: 镜像配置(暂时只配置node包镜像源,部分包的二进制镜像源后续讨论).全局以及缓存路径配置,全局路径加入到了环境变量 $ node -v v12.18.1 $ npm -v 6.14.5 $ yarn -v 1.22.4 $ npm list -g --depth 0 +-- hexo@4.2.1 // 忽略Hexo,本人写博用的 `-- yarn@1.22.4 vue脚手架安装为了更加便捷的创建一个vue项目,我们安装脚手架@v

Electron结合React，在渲染进程中使用 node 模块

Electron结合React,在渲染进程中使用 node 模块问题将create-react-app与electron集成在了一个项目中.但是在React中无法使用electron.当在React中使用require('electron')时就会报TypeError: fs.existsSync is not a function的错误.因为React中无法使用Node.js的模块. 解决方法1 利用window.require引入 const electron = window.requ

electron另一种运行方式

编写helloword 全局安装软件 npm install -g electron 快速编写html html:5 完整代码和流程: 1.index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=&q

electron ffi-napi so文件

热门专题