实现chrome扩展启动本地进程

实现chrome扩展启动本地进程 - 补充

标签： chrome扩展启动本地程序访问本地磁盘

2014-10-17 11:42 6753人阅读评论(17) 收藏举报

分类：

Chrome Plugin

示例主要包含如下部分

com.google.chrome.demo-win.json

native_cmd.bat

manifest.json

popup.html

popup.js

功能简介：

实现一个扩展，用户点击一个按钮后会启动本地的notepad程序（也可以为自己写的程序，这里示例就启动notepad，类似迅雷扩展的功能）

实现概述：

通过启动本地的一个批处理来进而调用启动notepad.exe

拓展：

可以将批处理换成自己写的程序，然后再在该程序中实现访问本地磁盘数据或者其它事

程序源码在网盘（Chrome Plugin目录下的Demo.rar）：

http://pan.baidu.com/s/1hcVuQ

效果图：

部分代码：

manifest.json

[javascript] view plain copy

{
// Extension ID: ndnigonbfjhpjlcabmadmkpdcfomenlp
"manifest_version": 2,
"name": "Invoke Native Application",
"description": "example",
"version": "1.0",
"browser_action": {
"default_icon" : "icon.png",
"default_popup": "popup.html" //定义了点击扩展后显示的页面
},
"permissions": [
"nativeMessaging" //定义权限，需要和本地应用程序通信
]
}

popup.js

[javascript] view plain copy

function updateResult(obj, state){
document.getElementById(obj).innerHTML = state;
}
function invoke(){
//hostName为注册表上项的名称
var hostName = "com.google.chrome.demo";
//启动本地应用程序
var port = chrome.runtime.connectNative(hostName);
updateResult("result1", "invoke..");
}
//为button1添加监听事件
document.addEventListener('DOMContentLoaded', function() {
document.querySelector('#button1').addEventListener(
'click', invoke);
});
com.google.chrome.demo-win.json
{
"name": "com.google.chrome.demo",
"description": "Chrome Native Messaging API Example Host",
//path 必须是绝对路径，指向要启动的程序
"path": "D:\Work\Chrome plugin\Native Messaging Example\Demo\native_cmd.bat",
"type": "stdio",
"allowed_origins": [
"chrome-extension://niekdnkneilndiimkikogmplndpcfknp/"
]
}

com.google.chrome.demo-win.json

[javascript] view plain copy

{
"name": "com.google.chrome.demo",
"description": "Chrome Native Messaging API Example Host",
//path 必须是绝对路径，指向要启动的程序
"path": "D:\Work\Chrome plugin\Native Messaging Example\Demo\native_cmd.bat",
"type": "stdio",
"allowed_origins": [
"chrome-extension://niekdnkneilndiimkikogmplndpcfknp/"
]
}

native_cmd.bat

notepad.exe

我的注册表导出的值（位置要注意下HEKY..）：

Windows Registry Editor Version 5.00

[HKEY_CURRENT_USERSoftwareGoogleChromeNativeMessagingHostscom.google.chrome.demo]
@="D:\Work\Chrome plugin\Native Messaging Example\Demo\com.google.chrome.demo-win.json"

======================2016.2.15 补充=============================================

之前有博友私信我关于不能启动的问题，这里是我疏忽了一个挺重要的步骤，就是权限问题。

在allowed_origins下的chrome-extension表示允许的插件。这串字母很重要，要和你安装的ID一致。如下，这个插件为hnaekmhaniojodkaageacnjfldljhiek，那么相对于安装的ID也是必须一致。

[javascript] view plain copy

"allowed_origins": [
"chrome-extension://hnaekmhaniojodkaageacnjfldljhiek/"
]

这里涉及了插件打包的问题，顺便也提一下。

如下，选择打包扩展程序，其中根目录为插件所在位置，这样打包后会生成两个文件，一个pem密钥文件，另一个为crx安装程序。安装后可以看到插件的ID，然后复制下来到填上，再将crx安装程序删除，重新来打包一次，但是这一次下面的私有密钥文件要选择刚刚生成的。这样ID就对应了。

补充实现的由来：

这里对于当时我接到要写一个chrome插件任务的时候，那时候首次接触插件的时候，解决思路是先收集资料，然后确定采用Native Messaging方式来实现时，就查看相关文档以及官方Demo，然后再研究迅雷的插件，看看迅雷是如何调用起来的（不是研究源码，是看怎么关联起来的，如注册表），这个过程并不需要花多少时间，一周左右的时间。