C# 制作ActiveX控件 将WPF窗口嵌入网页

C# 制作ActiveX控件 将WPF窗口嵌入网页

ActiveX控件现在使用的人可能比较少，但是存在既有价值，在使用的过程中我发现在它不能嵌入一个WPF窗口，但是WPF窗口的制作能比WinForm方便很多，所以想一个办法将WPF嵌入到网页。使用的开发工具是VS2017,希望可以帮到需要的人。
具体思路：
直接把WPF直接嵌入到网页是不行的，所以利用WinForm窗口，把嵌入WPF的WinForm窗口嵌入到网页，这样就能够实现将WPF嵌入网页了。

ActiveX控件的制作

参考原文连接: C#制作、打包、签名、发布Activex全过程

首先新建一个类库文件:
在WPF_ActiveX中新建一个IObjectSafety接口,写入以下代码

using System;
using System.Collections.Generic;
using System.Text;
using System.Runtime.InteropServices;

namespace WPF_ActiveX
{

    [ComImport, GuidAttribute("CB5BDC81-93C1-11CF-8F20-00805F2CD064")]
    [InterfaceTypeAttribute(ComInterfaceType.InterfaceIsIUnknown)]
    public interface IObjectSafety
    {
        [PreserveSig]
        int GetInterfaceSafetyOptions(ref Guid riid, [MarshalAs(UnmanagedType.U4)] ref int pdwSupportedOptions, [MarshalAs(UnmanagedType.U4)] ref int pdwEnabledOptions);

        [PreserveSig()]
        int SetInterfaceSafetyOptions(ref Guid riid, [MarshalAs(UnmanagedType.U4)] int dwOptionSetMask, [MarshalAs(UnmanagedType.U4)] int dwEnabledOptions);
    }
}

添加一个用户控件UserControl1,实现刚刚创建的窗接口,写入以下代码
通过[工具]->[创建GUID] [新建GUID]->[复制]生成GUID

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
using System.Runtime.InteropServices;

namespace WPF_ActiveX
{
	[Guid("***********************")]//这里粘贴你自己创建的GUID
    public partial class UserControl1 : UserControl,IObjectSafety
    {
        public UserControl1()
        {
            InitializeComponent();
        }

        #region IObjectSafety 成员

        private const string _IID_IDispatch = "{00020400-0000-0000-C000-000000000046}";
        private const string _IID_IDispatchEx = "{a6ef9860-c720-11d0-9337-00a0c90dcaa9}";
        private const string _IID_IPersistStorage = "{0000010A-0000-0000-C000-000000000046}";
        private const string _IID_IPersistStream = "{00000109-0000-0000-C000-000000000046}";
        private const string _IID_IPersistPropertyBag = "{37D84F60-42CB-11CE-8135-00AA004BB851}";

        private const int INTERFACESAFE_FOR_UNTRUSTED_CALLER = 0x00000001;
        private const int INTERFACESAFE_FOR_UNTRUSTED_DATA = 0x00000002;
        private const int S_OK = 0;
        private const int E_FAIL = unchecked((int)0x80004005);
        private const int E_NOINTERFACE = unchecked((int)0x80004002);

        private bool _fSafeForScripting = true;
        private bool _fSafeForInitializing = true;

        public int GetInterfaceSafetyOptions(ref Guid riid, ref int pdwSupportedOptions, ref int pdwEnabledOptions)
        {
            int Rslt = E_FAIL;
            string strGUID = riid.ToString("B");
            pdwSupportedOptions = INTERFACESAFE_FOR_UNTRUSTED_CALLER | INTERFACESAFE_FOR_UNTRUSTED_DATA;
            switch (strGUID)
            {
                case _IID_IDispatch:
                case _IID_IDispatchEx:
                    Rslt = S_OK;
                    pdwEnabledOptions = 0;
                    if (_fSafeForScripting == true)
                        pdwEnabledOptions = INTERFACESAFE_FOR_UNTRUSTED_CALLER;
                    break;
                case _IID_IPersistStorage:
                case _IID_IPersistStream:
                case _IID_IPersistPropertyBag:
                    Rslt = S_OK;
                    pdwEnabledOptions = 0;
                    if (_fSafeForInitializing == true)
                        pdwEnabledOptions = INTERFACESAFE_FOR_UNTRUSTED_DATA;
                    break;
                default:
                    Rslt = E_NOINTERFACE;
                    break;
            }
            return Rslt;
        }
        public int SetInterfaceSafetyOptions(ref Guid riid, int dwOptionSetMask, int dwEnabledOptions)
        {
            int Rslt = E_FAIL;
            string strGUID = riid.ToString("B");
            switch (strGUID)
            {
                case _IID_IDispatch:
                case _IID_IDispatchEx:
                    if (((dwEnabledOptions & dwOptionSetMask) == INTERFACESAFE_FOR_UNTRUSTED_CALLER) &&
                            (_fSafeForScripting == true))
                        Rslt = S_OK;
                    break;
                case _IID_IPersistStorage:
                case _IID_IPersistStream:
                case _IID_IPersistPropertyBag:
                    if (((dwEnabledOptions & dwOptionSetMask) == INTERFACESAFE_FOR_UNTRUSTED_DATA) &&
                            (_fSafeForInitializing == true))
                        Rslt = S_OK;
                    break;
                default:
                    Rslt = E_NOINTERFACE;
                    break;
            }
            return Rslt;
        }
        #endregion
    }
}

在UserControl1中插入ElementHost控件

创建WPF用户控件WPF_UserControl.xaml

WPF窗口可以随意设计

在UserControl1的elementHost1的Child对象设置为WPF_UserControl的实例化对象

public UserControl1()
        {
            InitializeComponent();
            WPF_UserControl Hogg = new WPF_UserControl();
            elementHost1.Child = Hogg;
        }

查看项目的属性，[程序集信息],勾选使程序集COM可见

新建windows程序安装项目WPF_Setup

生成WPF_ActiveX.dll文件
将WPF_Activex项目生产的dll添加到WPF_Setup项目中

添加完成

在WPF_Setup项目中，设置WPF_Activex.dll文件属性为vsdraCOM

之后生成WPF_Setup.msi，双击msi文件即可进行安装

在解决方案中添加WPF_Web项目,用于测试

在WPF_Web项目中添加一个HTML文件WPF_Test.html，用于测试
HTML代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>WPF_测试</title>
    <script type="text/javascript" language="javascript">
            window.onbeforeunload = function () {
                try {
                    cSharpActiveX.Destroy();
                    document.body.removeChild(cSharpActiveX);
                }
                catch (err) {
                    var st = err;
                    alert("no ocx");
                }
            }
            window.onload=function(){
                var csax = document.createElement('object');
                csax.setAttribute("classid","clsid:****************************");//这里写刚刚自己创建的GUID
                csax.setAttribute("id","WPF_ActiveX");
                csax.setAttribute("name","WPF_ActiveX");
                document.body.appendChild(csax);
                cSharpActiveX.StopDestroy();
            }
    </script>
</head>
<body>

</body>
</html>

这个时候基本上就完成了，安装好刚刚的WPF_Setup.msi，然后用IE浏览器打开WPF_Test.html（ActiveX只支持IE浏览器）
允许阻止内容
点击允许交互

这样我们的WPF窗口就成功进入到网页了

到这里应该使基本结束了，但是每一次的修改重新生成的WPF_ActiveX.dll都要重新生成WPF_Setup.msi并且卸载之前已经安装好的WPF_Setup还要重新安装。为了解决这个问题还需要做一个CAB的自动打包，这样就省了安装的步骤，具体的的操作可以参考我开始转发的连接，写得已经很详细了。