Visual Sudio2019創建MFC ActiveX工程製作IE OCX插件

前言

最近因為工作需要，實現IE extension插件，現在將學到的內容細節記錄下來，本次的學習內容如下幾個主題：
  1. VS2019創建MFC ActiveX工程製作IE OCX插件
  2. VS2019中MFC ActiveX工程如何調試
  3. 註冊ocx插件
  4. 在IE中使用JS調用第三方DLL函數

ㄧ. VS2019創建MFC ActiveX專案

1.新建專案


2. 默認，直接點下一步

3. 由於不需要顯示AboutBox，取消打勾“有關於對話框”，點擊完成

4. 建好的專案，文件格式如下圖

二. 加入自己要加的方法

js可以調用的ocx函數，一般寫在CDemoAXCtrl類中，該類即爲控件類（一個ActiveX可以寫多個控件類，本文就使用默認生成的這個CDemoAXCtrl控件類）
本人在DemoAXCtrl.cpp中添加了兩個隸屬於CDemoAxCtrl底下的方法，代碼如下
// JS調用返回 歡迎 xx，hello world！
BSTR CDemoAXCtrl::speakHelloWorld(LPCTSTR pname)
{
 CString res("");
 res.Format(_T("您好%s,hello world!"), pname);
 return res.AllocSysString();
}

LONG CDemoAXCtrl::add(LONG a, LONG b) {
 return a + b;
}

此時會有紅線，不用緊張，JS還不能調用，我們還需要在DemoAXCtrl.h & .cpp加入如下代碼
//DemoAXCtrl.h中，添加如下代碼
class CDemoAXCtrl : public COleControl
{
 //此處爲默認生成的代碼

 // 調度和事件 ID
 public:
  enum {
   dispidSpeakHelloWorld = 1L,
   dispidadd = 2L
  };
 protected:
  // JS調用返回 歡迎 xx，hello world！
  BSTR speakHelloWorld(LPCTSTR name);
  LONG add(LONG a, LONG b);
};

//在DemoAXCtrl.cpp 中添加
// 調度映射

BEGIN_DISPATCH_MAP(CDemoAXCtrl, COleControl)
 DISP_FUNCTION_ID(CDemoAXCtrl, "speakHelloWorld", dispidSpeakHelloWorld, speakHelloWorld, VT_BSTR, VTS_BSTR)
 //VT_I4 表示long; VT_BSTR表示 BSTR;
 //VTS_BSTR 表示 LPCTSTR
 DISP_FUNCTION_ID(CDemoAXCtrl, "add", dispidadd, add, VT_I4, VTS_I4 VTS_I4)
END_DISPATCH_MAP()
DISP_FUNCTION_ID 被在調度映射中使用，用來定義一個OLE自動化函數。
DISP_FUNCTION_ID( theClass, pszName, dispid,pfnMember, vtRetVal, vtsParams )
VT_I4 表示long; VT_BSTR 表示BSTR 
VTS_BSTR表示LPCTSTR; VTS_NONE 表示沒有輸入參數
  • theClass:類的名字
  • pszName:函數的外部名字
  • dispid
  • pfnMember:成員函數的名字
  • vtRetVal:指定了函數返回類型的值（VT_開頭表示返回值類型）
  • vtsParams:指定了函數參數表的一個或多個常量的用空格分隔的列表（VTS_開頭表示參數類型，多個參數以空格分隔）
//在DemoAX.idl中添加這兩個函數
//  CDemoAXCtrl 的主調度接口
 [ 
  uuid(0266f790-8f07-4038-b5ee-45f75359c010)
 ]
 dispinterface _DDemoAX
 {
  properties:
  methods:
   [id(1)] BSTR speakHelloWorld(BSTR name);
   [id(2)] LONG add(LONG a, LONG b);
 };

 我們在類視圖中可看到上述添加的函數

通過上述過程，即編寫好一個可以js調用的ocx。

三、使用cmd指令註冊 DllRegisterServer 唯一標識ID

以admin權限開啟cmd，輸入regsvr32 控件路徑XXX，如下圖
如果要註銷則是 regsvr32 控件路徑XXX -u

 成功會出現一個視窗

 成功後，之後打開DemoAX.idl 檔，往下滑找到 "類別資訊"的註解，如下圖，下圖這張專案名稱為DemoMfcAX，只需要在意 id等下會用到用可以了

四、js調用OCX

創建main.html
以下的 id 記得換
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<TITLE>測試頁</TITLE>
</HEAD>
<BODY >
<input type="button" id="Button2" style="width:120px;height:30px;font-size:13px"   name="Button1"   value="測試OCX函數"   onClick="btn1Click();">
<br>
<script>         
 function btn1Click(){
  var DemoAx = document.getElementById("DemoAx");
  var num = DemoAx.add(1,3);
  alert(num);
  var  str = DemoAx.speakHelloWorld("張三");
  alert(str);
 }

</script>
</BODY>
<OBJECT ID="DemoAx" CLASSID="CLSID:0D35EE11-028F-4F80-A65B-3F7194759727" width= "0" height="0">
</OBJECT>
</HTML>

完整教學就結束了

留言

張貼留言

這個網誌中的熱門文章

Little Endian VS Big Endian

圖片
Endianness, 當一個資料要儲存到記憶體時 有兩種儲存方式， 如上圖其一為 Little Endian, 另一為 Big Endian 通常而言不需要考慮此排列方式的問題， 但是當要將資料傳遞到別的硬體平台上，或是網路上時 這問題就變得需要在意了， 在網路傳輸上使用的是 Big Endian， Kernel 中也有提供 htonl, htons, ntohs, ntohl 等 function 幫助將資料在 Big Endian 及 機器的 Endian 之間作轉換 ~ 目前也有平台是支援多種 Endianness 的 ex: ARM, PowerPC, MIPS … 透過硬體上的一個 Register 來設定要使用那種方式 當拿到一個新的硬體時，要如何得知此硬體目前使用的是哪一種 Endianness 呢？ 1. 翻閱 Spec, 一般而言 CPU Spec 上都會標明是哪一種，不過在可以並存的硬體上 就需要別的方式來幫助判斷了。 2. 寫小程式來判別，在此提供兩種程式寫法   2-1 先宣告 integer 0x12345678   再使用一個 char pointer 檢查第一個 byte 存 0x12 or 0x78 #include int main() { int a = 0x12345678; char *ptr = (char *)&a; if (*ptr == 0x12) printf("Big Endian\n"); else printf("Little Endian\n"); return 0; } 2-2 使用 htonl 來幫忙   剛剛有提到 htonl 會將資料轉成 Big Endian，若轉換前後一致那就是 Big endian 啦 #include int main() { int a = 0x12345678; int b = htonl(a); if (b == a) printf("Big Endian\n"); el...
閱讀完整內容

Converting Between Byte Arrays and Hexadecimal Strings in Java

1. Overview In the tutorial, we'll take a look at different ways to convert a byte array to a hexadecimal string, and vice versa. The record is introduced because the result of encryption and decryption will be a byte array, but my data must be passed through the HTTP protocol. 2. Converting Between Byte and Hexadecimal First of all, let's take a look at conversion logic between byte and hexadecimal numbers. 2.1 Byte to Hexadecimal The bytes are 8 bit signed integers in Java. Therefore, we need to convert each 4-bit segment to hex separately and concatenate them. Consequently, we'll get two hexadecimal characters after conversion. For instance, we can write 45 as 0010 1101 in binary, and the hexadecimal equivalent will be "2d": 0010 = 2 (base 10) = 2 (base 16) 1101 = 13 (base 10) = d (base 16) Therefore: 45 = 0010 1101 = 0x2d Let's implement the simple logic in Java: public String byteToHex(byte num) { char[] hexDigits = new char[2]...
閱讀完整內容