跨浏览器插件框架FireBreath安装与使用之一——Windows下的插件

cheungmine

2012-9

FireBreath是一个浏览器插件的框架（Browser Plugin framework），它提供一个简单易用的跨OS（Windows, Mac, and Linux）和跨浏览器（IE，Firefox，Chrome，...）的NPAPI和ActiveX代码框架自动生成解决方案。

在Windows+IE下的插件生成框架，我们一般熟知的是ATL，这是微软的框架体系，提供最强大和完整的IE下的COM/ActiveX编程支持。然而，随着其他浏览器在Windows上的普及，我们经常遇到的问题是需要编写跨各种浏览器的插件（plugin）。插件体系分为ActiveX控件派和NPAPI插件派，前者是微软的体系，后者是netscape的体系（NPAPI - Netscape Plugin Application Programming Interface），NPAPI的历史悠久，是除了IE浏览器外，多数浏览器的插件标准。

用MFC或ATL编写ActiveX是一件痛苦和折磨人的经历，而写NPAPI就相对简单过了，下面的链接是Mozillia给出详细的NPAPI的写法：

http://mozilla.com.cn/post/21666/

本文的目的是用一个最简单的例子对FireBreath作一个简单介绍，让初学者在10分钟之内，就能编写一个Windows平台上跨浏览器的插件，是不是很酷啊？当然网上此类例子很多，我写文章的目的也是做个笔记，给自己提个醒，毕竟懂的太多不是件好事，大脑容量有限啊。好了，废话少说，言归正题。你需要的开发环境是：

Windows7

Cygwin：（可选）这个是Windows上想开发一些跨平台软件的必备利器，一定要安装啊。

Python2.7 and later：我是把它安装到Cygwin中。

VS2010

Git

1. 下载firebreath到c:/nv_workspace/fb.zip ，在Cygwin中用命令行下载：

 

$ ln -sT /usr/ssl /etc/ssl

$ wget -O /cygdrive/c/nv_workspace/fb.ziphttps://github.com/firebreath/FireBreath/zipball/firebreath-1.6

 

--2012-09-04 12:09:03--  https://github.com/firebreath/FireBreath/zipball/firebreath-1.6
Resolving github.com (github.com)... 207.97.227.239
Connecting to github.com (github.com)|207.97.227.239|:443... connected.
HTTP request sent, awaiting response... 302 Found
Location: https://nodeload.github.com/firebreath/FireBreath/zipball/firebreath-1.6 [following]
--2012-09-04 12:09:05--  https://nodeload.github.com/firebreath/FireBreath/zipball/firebreath-1.6
Resolving nodeload.github.com (nodeload.github.com)... 207.97.227.252
Connecting to nodeload.github.com (nodeload.github.com)|207.97.227.252|:443... connected.
HTTP request sent, awaiting response... 200 OK
Length: 1752858 (1.7M) [application/octet-stream]
Saving to: `/cygdrive/c/nv_workspace/fb.zip'

100%[===================================================================>] 1,752,858   69.1K/s   in 19s

 

2012-09-04 12:09:26 (90.2 KB/s) - `/cygdrive/c/nv_workspace/fb.zip' saved [1752858/1752858]

 

 

下面的操作在Windows中：

2. 解压fb.zip到C:\nv_workspace\firebreath-1.6

3. 以administrator身份运行 cmd，输入下面的命令，以创建第一个插件hello：

 

C:\nv_workspace\firebreath-1.6\python fbgen.py

 

然后会要求你输入一堆的信息，为方便都以小写输入。如下：

 

 

这个hello的插件就创建好了。发下面的命令以准备VS2010的hello插件工程：

C:\nv_workspace\firebreath-1.6\prep2010.cmd

 

 

 4. 进入目录：C:\nv_workspace\firebreath-1.6\build，双击打开：FireBreath.sln，并以release编译全部。如下图：

 

 

5.进入目录：C:\nv_workspace\firebreath-1.6\build\bin\hello\Release，注册nphello.dll

 

C:\nv_workspace\firebreath-1.6\build\bin\hello\Release\regsvr32 nphello.dll

 

6. 进入目录：C:\nv_workspace\firebreath-1.6\build\projects\hello\gen，用各种浏览器打开FBControl.htm测试。

 

chrome:

IE:

 

FireFox:

 

Opera:

 

（全文完，下一篇文章将介绍如何编写Linux下的插件。）