从零开始实现Electron应用与C++应用交互

最近项目需要将Electron应用与C++应用进行通信，经过调研后，发现Nanomsg正合我胃口，选择Nanomsg作为两者之间的通信手段。这里记录下在Windows上开发的过程。

安装干净的Windows环境

考虑到是从零开始搭建环境，我在Mac中安装了一台Win7 x64的虚拟机。

安装NodeJS

在这里下载node.js最新版本。一步步安装下来就好了。
为了加快下载速度，使用淘宝NPM镜像：
npm config set registry https://registry.npm.taobao.org

感谢阿狸大神的提醒！
不敢用cnpm了，使用cnpm后，node_modules里面都是文件夹的symbol link，无法复制到离线环境（墙中墙的环境是地狱模式），以下命令就不要使用了：
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装electron-vue脚手架

1. 从https://github.com/SimulatedGREG/electron-vue克隆到本地
2. 照着electron-vue首页的说明来：

# Install vue-cli and scaffold boilerplate
npm install -g vue-cli
vue init ./electron-vue my-project

# Install dependencies and run your app
cd my-project
npm install
npm run dev

3. 到此，electron应用就可以使用了

安装nanomsg模块

直接在npm中安装nanomsg，不过在electron中不能直接使用，原因见https://electronjs.org/docs/tutorial/using-native-node-modules。

在有翻墙手段的情况下，使用以下方法进行编译（我以为这样就可以了，实际上没有编译成Electron对应的版本，详见下文）：

• npm install --save-dev electron-rebuild
• npm install --save nanomsg

安装过程由于环境不全，会出现以下错误：

• 安装nanomsg报错，缺少Python，安装Python2.7。
• 编译nanomsg出错，缺少C++编译环境，安装VS2010。不幸的是，编译需要支持C++11的编译器，VS2010只能支持部分C++11特性。安装一个VS2015再试，编译成功！

VS2013能够编译nanomsg，但是不能编译对应Electron 1.8.2的node模块，所以安装VS2015.

也可以不安装Python和VS2015，在管理员权限下，在PowerShell中使用命令
npm install --global --production windows-build-tools
安装可用的编译工具，其实就是安装了Python2.7和Visual Studio Build Tools。不过我编译的时候出现了错误，待以后再研究原因:
未找到导入的项目“C:\Microsoft.Cpp.Default.props”。请确认 声明中的路径正确，且磁盘上存在该文件。

编写测试例子

在src/main/index.js下添加代码：

var nano = require('nanomsg')
var s = nano.socket('req')
//连接C++程序地址
s.connect('tcp://192.168.3.67:12345')
s.send('hello c')

运行程序npm run dev时出现错误：
Uncaught Error: Could not locate the bindings file. Tried:

意识到是没有将nanomsg编译为对应Electron版本（本机是1.8.2）的模块问题。

文章《electron 使用原生node 模块》说可以通过运行命令解决：
node-gyp rebuild --target=1.6.5 --arch=x64 --dist-url=https://npm.taobao.org/mirrors/atom-shell --msvs_version=2015
感谢该文提供的思路！

不过查看了https://npm.taobao.org/mirrors/atom-shell上没有1.8.2版本的文件，还是得从https://atom.io/download/electron上下载文件，地址为：

https://atom.io/download/electron/v1.8.2/iojs-v1.8.2.tar.gz
https://atom.io/download/electron/v1.8.2/SHASUMS256.txt
https://atom.io/download/electron/v1.8.2/win-x86/iojs.lib
https://atom.io/download/electron/v1.8.2/win-x64/iojs.lib

下载以后以URL上的文件结构保存到v1.8.2的文件夹下。

自己搭建一个IIS服务器：

1. 控制面板-程序和功能-打开或关闭Windows功能-Internet信息服务；
2. 将v1.8.2的目录复制打开服务器目录下C:\inetpub\wwwroot\；
3. 在控制面板-管理工具-Internet信息服务(IIS)管理器中添加MIME类型.lib application/x-obj，使得下载lib不会报错。

重新编译nanomsg模块操作：

cd node_modules\nanomsg
..\.bin\node-gyp rebuild --target=1.8.2 --arch=x64 --target_arch=x64 --dist-url=http://localhost --msvs_version=2015

回到工程目录，运行npm run dev就不再出错了。

和C++通信

Electron里面的代码上文已经提过：

var nano = require('nanomsg')
var s = nano.socket('req')
//连接C++程序地址
s.connect('tcp://192.168.3.67:12345')
s.send('hello c')

C++例子里面的代码：

#include 
#include 
#include 

using namespace std;

int main() {
    int s = nn_socket(AF_SP, NN_REP);
    int err = nn_errno();
    int rc = nn_bind(s, "tcp://0.0.0.0:12345");
    char buf[1000] = {0};
    for(;;){
        printf("wait next \n");
        int rc = nn_recv(s, buf, 1000, 0);
        if(rc < 0) {
            printf("error: %s\n", nn_strerror(nn_errno()));
        }
        printf("%s\n", buf);
    }
    return 0;
}

测试可以收到消息！

总结

只说重点：

1. 要安装Visual Studio 2015
2. 要到https://atom.io/download/electron下载对应Electron版本的文件
3. 如果要复制到离线环境，不使用cnpm