最近项目上出现了web打印不稳定的问题，师父决定web调用本地打印程序，在查阅了相关资料和加了几个相关群咨询后得知新版的chrome不支持NNAPI了，最好用Native Messaging来处理，经过一段时间的学习和试错，终于完成了，所以把步骤与总结发出来。过程参考http://blog.csdn.net/talking12391239/article/details/38498557

首先，我们需要写一个chrome插件。学习相关知识可以去《Chrome扩展及应用开发》。这个插件包含了三个文件：manifest.json(这个是插件配置信息文件),background.js(文件名可改, 后台文件),content.js(与页面交互，传递消息给后台)。首先我们来看manifest.json这个文件，

 {

     "name" : "myApp",

     "version" : "1.0.1",

     "description" : "Launch APP ",

     "background" : { "scripts": ["background.js"] },  

     "permissions" : [

         "nativeMessaging",

         "tabs",

         "http://*/*"

     ],

     "content_scripts": [

     {

       "matches": ["http://*/*"],

       "js": ["content.js"]

     }

     ],

     "minimum_chrome_version" : "6.0.0.0",

     "manifest_version": 2

 }

上面可以看出，这个文件在哪里引用了background.js和content.js，这两个文件的名字是可以更改的，permissions里的"http://*/*"与 content_scripts里的"matches"的意思是允许所有的http请求的url调用。"nativeMessaging" 代表要在这个插件中允许调用这种方法。

接下来，看一下后台文件background.js:

 var port = null;

 chrome.runtime.onMessage.addListener(

   function(request, sender, sendResponse) {

      if (request.type == "launch"){

         connectToNativeHost(request.message);

     }

     return true;

 });  

 //onNativeDisconnect

 function onDisconnected()

 {

     console.log(chrome.runtime.lastError);

     console.log('disconnected from native app.');

     port = null;

 }  

 function onNativeMessage(message) {

     console.log('recieved message from native app: ' + JSON.stringify(message));

 }  

 //connect to native host and get the communicatetion port

 function connectToNativeHost(msg)

 {

     var nativeHostName = "com.dhcc.lisprint";

     port = chrome.runtime.connectNative(nativeHostName);

     console.log(port)

     port.onMessage.addListener(onNativeMessage);

     port.onDisconnect.addListener(onDisconnected);

     port.postMessage({message: msg});

  }

这个js文件里有两个十分重要的方法chrome.runtime.onMessage.addListener和connectToNativeHost。chrome.runtime.onMessage.addListener里可以看出，这个响应事件的方式为"launch"时，调用connectToNativeHost。

connectToNativeHost链接com.dhcc.lisprint这个服务。同时postMessage。

接下来，我们来看content.js。

 var launch_message;

 document.addEventListener('myCustomEvent', function(evt) {

 　　console.log(evt);

 　　chrome.runtime.sendMessage({type: "launch", message: evt.detail}, function(response) {

 　　});

 }, false);

这个文件的意图很明显，当界面传来myCustomEvent这个事件，向后台文件background.js发送type为launch的信息。

以上就是chrome插件相关部分，我们可以看出并未写如何调用下面介绍native messaging调用部分。首先我们新建一个文件，manifest.json(名称可以修改)。

 {

     "name": "com.dhcc.lisprint",

     "description": "Dhcc imedical lis print config app",

     "path": "C:\\Test.exe",

     "type": "stdio",

     "allowed_origins": [

         "chrome-extension://acpcejomihdkopjnnijfmnpdgfkmfhkj/"

     ]

 }

可以很明显的看出，name即我们background.js里面要调用的host，path即我们要调用的本的应用程序。allowed_origins是什么呢？即我们安装完chrome插件的ID，如图：

那如何让chrome知道这个json就是com.dhcc.print的配置文件呢？这里我们还需要进行下一步，修改注册表：

运行-> Regedit -> HKEY_Current_User->Software->Google->Chrome->新建一个叫NativeMessagingHosts的项->新建一个叫com.my_company.my_application的项,  同时在这个项里默认值设置为我们Native Messaging 的 位置 即这个json文件的位置，如C:\\Native\\manifest.json。这样便完成了native masseging的设置。

接下来我们看界面是如何调用的

<html>

<head>

    <script>

function startApp() {

    var evt = document.createEvent("CustomEvent");

    evt.initCustomEvent('myCustomEvent', true, false, "哈哈哈哈");

    // fire the event

    document.dispatchEvent(evt);

}

    </script>

</head>

<body>

    <button type="button" onClick="startApp()" id="startApp">startApp</button>

</body>

</html>

里面有一个简单的按钮， 这个按钮会启动方法, 新建一个名叫"myCustomEvent"的事件, 同时附带有我们要传的信息, 并发布这个事件。 这样我们插件中的Content.js 就可以接收并响应这个事件了!

下面，我们可以看下如何接收页面传递给exe的信息。

  private void Form1_Load(object sender, EventArgs e)

         {

             string chromeMessage = OpenStandardStreamIn();

             MessageBox.Show(chromeMessage);

         }

         private static string OpenStandardStreamIn()

         {

             //// We need to read first 4 bytes for length information

             Stream stdin = Console.OpenStandardInput();

             int length = ;

             byte[] bytes = new byte[];

             stdin.Read(bytes, , );

             length = System.BitConverter.ToInt32(bytes, );

             string input = "";

             for (int i = ; i < length; i++)

             {

                 input += (char)stdin.ReadByte();

             }

             return input;

         }

以上就是全部内容啦~

Chrome Native Messaging 与本地程序之间的通信的更多相关文章

  1. 一个实现浏览器网页与本地程序之间进行双向调用的轻量级、强兼容、可扩展的插件开发平台—PluginOK中间件

    通过PluginOK中间件插件平台(原名本网通WebRunLocal)可实现在网页中的JavaScript脚本无障碍访问本地电脑的硬件.调用本地系统的API及相关组件,同时可彻底解决ActiveX组件 ...

  2. Google Chrome Native Messaging开发实录（二）Chrome Extension扩展

    接上一篇<Google Chrome Native Messaging开发实录(一)背景介绍>的项目背景,话不多说,有关Chrome Extension介绍和文档就不展开了,直接上代码. ...

  3. Google Chrome Native Messaging开发实录（一）背景介绍

    最近接手了一个针对Google Chrome的需求,最终是使用Native Messaging来实现的.通过这个连载,将把本次开发从方案选定到编码的全部过程进行完整的回顾,并记录开发过程中踩过的各种坑 ...

  4. 通过私有协议Chrome浏览器页面打开本地程序

    近期方有这样的要求:这两个系统,根据一组Chrome开展,根据一组IE开展,需要Chrome添加一个链接,然后进入IE该系统的开发.这,需要Chrome跳转到创建一个链接IE浏览器指定的页面.同时也实 ...

  5. Chrome浏览器扩展开发系列之十四：本地消息机制Native messaging

    通过将浏览器所在客户端的本地应用注册为Chrome浏览器扩展的“本地消息主机(native messaging host)”,Chrome浏览器扩展还可以与客户端本地应用之间收发消息. 客户端的本地应 ...

  6. Delphi 两个应用程序（进程）之间的通信

    两个应用程序之间的通信实际上是两个进程之间的通信.由于本人知识有限,决定应用消息来实现.需要用到的知识: 1.RegisterWindowMessage(); //参数类型:pchar:返回值:Lon ...

  7. Chrome 插件: 起动本地应用 (Native messaging)

    Chrome 插件: 起动本地应用 (Native messaging) www.MyException.Cn  网友分享于:2014-08-01  浏览:3次   Chrome 插件: 启动本地应用 ...

  8. Chrome 小工具: 启动本地应用 (Native messaging)

    最近遇到一个新的问题.需要使用Chrome 插件, 从我们对我们当地的一个网站之一启动C#应用,同时通过本申请值执行不同的操作. 在这里记录下解决的过程.以便以后查找 首先我们须要新建一个google ...

  9. 如何使用Native Messaging API 打开window程序

    问 如何使用Native Messaging API 打开window程序 cmd javascript terminal chrome Tychio 2013年03月26日提问 关注 1 关注 收藏 ...

随机推荐

  1. ElasticSearch的内存设置

    编辑ElasticSearch中bin目录下 vi elasticsearch中 加上   export ES_HEAP_SIZE=24g 修改配置文件 config/elasticsearch.ya ...

  2. 转：Hash， MAC，HMAC说明

    from: http://www.cnblogs.com/songhan/archive/2012/07/29/2613898.html Hash, MAC,HMAC Hash-MD5, SHA-1, ...

  3. 转: NetBean 远程开发的好文2 --> 工欲善其事，必先利其器系列--Netbeans之远程开发

    转自:  http://www.cnblogs.com/zuoca/archive/2012/07/09/Remote_Development_With_Netbeans_origin.html 实践 ...

  4. ejs - 初试

    官方API: https://www.npmjs.com/package/ejs - 模板引擎 ejs文件(和普通html文件没什么区别,只是多增加了变量) <!DOCTYPE html> ...

  5. java编程思想读书笔记 第十二章 通过异常处理错误（下）

    1.异常的限制 当覆盖方法的时候,仅仅能抛出在基类方法的异常说明里列出的那些异常. 这意味着,当基类使用的代码应用到其派生类对象的时候,一样能够工资,异常也不例外. 以下的样例是在编译时施加在异常上面 ...

  6. BZOJ 1012 线段树||单调队列

    非常裸的线段树  || 单调队列: 假设一个节点在队列中既没有时间优势(早点入队)也没有值优势(值更大),那么显然不管在如何的情况下都不会被选为最大值. 既然它仅仅在末尾选.那么自然能够满足以上的条件 ...

  7. MYSQL数据插入、更新及删除

    上文讲到创建数据表,本文介绍create table后的数据插入: 一.通过insert into ...values...插入 insert into tablename (column1,colu ...

  8. zxing学习笔记 android入门

    对于刚开始学习android开发的童鞋们来说,若有一个简单而又全面的android工程能来剖析,那就是再好不过了,zxing就是不错得例子.    zxing的源码可以到google code上下载, ...

  9. 【.net项目中。。】.net一般处理程序使用方法

    1.基本原理图 IsReusable属性用来表示在IHttpHandlerFactory对象创建IHttpHandler的时候是否能够将这个Handler存入池中以便重用. 一般处理程序(HttpHa ...

  10. CCKiller：Linux轻量级CC攻击防御工具，秒级检查、自动拉黑和释放 《CCKiller：Linux轻量级CC攻击防御工具，秒级检查、自动拉黑和释放》来自张戈博客

    张戈博客很久以前分享过一个CC攻击的防御脚本,写得不怎么样,不过被51CTO意外转载了.博客从此走上了经常被人拿来练手的不归之路. 当然,还是有不少朋友在生产环境使用,并且会留言询问相关问题.根据这些 ...