第一步:创建ActiveX控件类库,在解决方案中右击添加Window窗体控件库

在该类库属性中,设置 使程序集COM可见,同时设置为COM互操作注册

另外在自动生成的文件中AssemblyInfo.cs,添加[assembly: AllowPartiallyTrustedCallers()]

以上操作的目的是,让其他框架页可以访问该ActiveX里的方法

第二步:添加前台接口类,主要给web页面调用

    [Guid("806635E5-AFF1-4BBE-960F-121910EB7F7A"),InterfaceType(ComInterfaceType.InterfaceIsDual),ComVisible(true)]
public interface ISendMsg
{
[DispId(1)]
int Conn(string ip,int port);
[DispId(2)]
void Send(string msg);
}

添加了这个方法,网页页面就可以访问这两个方法了

第三步:添加ActiveX触发接口,用于触发传递到Web页面的事件

    [Guid("D6F88421-BE17-4310-9692-A07A00CDF474"),InterfaceType(ComInterfaceType.InterfaceIsIDispatch),ComVisible(true)]
public interface IMsgEvent
{
[DispId(21)]
void OnMsgHander(string msg);
}

第四步:在ActiveX类库中,实现前台接口类的实现方法

[Guid("8366F83A-F207-4B41-ACD1-49A3EBAFE192"), ProgId("Socket_Ocx.UserMain"), ClassInterface(ClassInterfaceType.None), ComDefaultInterface(typeof(ISendMsg)),ComSourceInterfaces(typeof(IMsgEvent)), ComVisible(true)]
public partial class UserMain : UserControl, ISendMsg
{
private Socket client;
public delegate void MsgHander(string msg);
public event MsgHander OnMsgHander; public UserMain()
{
InitializeComponent();
} /// <summary>
/// 连接到WEB通信服务器,同时开启接收消息线程
/// </summary>
/// <param name="ip"></param>
/// <param name="port"></param>
/// <returns></returns>
public int Conn(string ip, int port)
{
int result = 0;
IPEndPoint iep = new IPEndPoint(IPAddress.Parse(ip),port);
client = new Socket(AddressFamily.InterNetwork, SocketType.Stream, ProtocolType.Tcp);
try
{
client.Connect(iep);
result = 1;
Thread nowThread = new Thread(new ThreadStart(ReciveData));
nowThread.Start();
}
catch
{
result = 0;
}
return result;
} //发送消息给WEB服务器
public void Send(string msg)
{
try
{
byte[] data = Encoding.UTF8.GetBytes(msg);
client.Send(data);
}
catch (Exception ex)
{ }
} /// <summary>
/// 接收WEB服务器发来的消息
/// </summary>
private void ReciveData()
{
int res;
while (true)
{
try
{
byte[] bytes = new byte[1024];
res = client.Receive(bytes);
string msg = Encoding.UTF8.GetString(bytes, 0, res);
OnMsgHander(msg);
}
catch (Exception ex)
{ }
}
}
}

第五步:Web页面连接及接收发送数据

<object id="ocx" classid="clsid:8366F83A-F207-4B41-ACD1-49A3EBAFE192">
</object>

前台脚本编写,代码如下:

	<script for="ocx" language="JavaScript" event="OnMsgHander(s)">
if(document.getElementById("txtAllMsg").value == ""){
document.getElementById("txtAllMsg").value = s;
}
else{
document.getElementById("txtAllMsg").value += "\r\n"+ s;
}
</script>
<script type="text/javascript">
function onLogin(){
var user = document.getElementById("txtUserName").value;
var pswd = document.getElementById("txtPswd").value;
if(user==""||pswd==""){
alert("请输入用户名及密码!");
return;
}
document.getElementById("divMax").style.display="none";
document.getElementById("txtUser").value = user;
document.getElementById("spanUser").innerHTML = user;
init();
} function init(){
var res = ocx.Conn('127.0.0.1',2000);
} function onSend(){
var msg = document.getElementById("txtSendMsg").value;
if(msg==""){
alert("您的发送内容为空!");
return;
}
var user = document.getElementById("txtUser").value;
ocx.Send(user+":"+msg);
if(document.getElementById("txtAllMsg").value == ""){
document.getElementById("txtAllMsg").value = user+":"+msg;
}
else{
document.getElementById("txtAllMsg").value += "\r\n"+ user+":"+msg;
}
document.getElementById("txtSendMsg").value ="";
}
</script>

以上展示的是客户端基本结构及主要代码,下一篇主要接收服务器端主要结构及代码

源代码:WebChart.rar

WebChart网页局域网聊天系列(一):ActiveX插件编写的更多相关文章

  1. WebChart网页局域网聊天系列(二):服务器结构及核心代码

    public partial class MainForm : Form { private Socket server;//服务器Socket private int userNum;//当前在线用 ...

  2. 网页中控制ActiveX插件高度

    说明:IE窗口中承载了一个ActiveX插件,试图使该插件充填窗口(自适应窗口的高度.宽度),且不出滚动条. 承载插件的代码如下: <body>    <form id=" ...

  3. 网页实时聊天之js和jQuery实现ajax长轮询

    众所周知,HTTP协议是无状态的,所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的长时间联系,从而源源不段地获取信息. 一直以来的方式 ...

  4. [转]网页实时聊天之js和jQuery实现ajax长轮询 PHP

    网页实时聊天之js和jQuery实现ajax长轮询 众所周知,HTTP协议是无状态的,所以一次的请求都是一个单独的事件,和前后都没有联系.所以我们在解决网页实时聊天时就遇到一个问题,如何保证与服务器的 ...

  5. javascript检测ActiveX插件是否安装/启用

    本文主要提供在IE浏览器下检测ActiveX插件安装/启用的状态. 在一些应用开发中,需要用到一些第三方提供的ActiveX插件,如Flash插件. 为了在未安装插件的浏览器显示友好的提示,需要用到主 ...

  6. 【Python】iichats —— 命令行下的局域网聊天程序

    转载请声明出处:http://www.cnblogs.com/kevince/p/3941728.html   ——By Kevince ii系列工具第三弹,命令行下的局域网聊天程序 原理: 程序启动 ...

  7. IE添加可信任站点,启用ActiveX插件批处理

    添加可信任站点IP地址为:192.168.1.108,启用ActiveX插件执行以下批处理命令: reg add "HKCU\Software\Microsoft\Windows\Curre ...

  8. 使用PHP+Swoole实现的网页即时聊天工具:PHPWebIM

    使用PHP+Swoole实现的网页即时聊天工具 全异步非阻塞Server,可以同时支持数百万TCP连接在线 同时支持websocket+comet2种兼容协议,可用于所有种类的浏览器包括IE 拥有完整 ...

  9. ActiveX插件的Z-Index属性无效问题解决

    在Web开发中我们经常通过z-index设置多个元素之间的层叠关系,这种方式在多数情况下很有效,但是如果遇到有窗体元素时这种方式常常显得无能为力,今天我们就一块看一下如何有效的解决这个问题. 在Web ...

随机推荐

  1. (转)TCP注册端口号大全

    分类: 网络与安全 cisco-sccp 2000/tcp Cisco SCCPcisco-sccp 2000/udp Cisco SCCp# Dan Wing <dwing&cisco ...

  2. 三栏布局的n种实现

    本文主要讨论左右边栏固定宽度,中间栏填满其余空间的布局.至于其他类型,基本上也就是半斤和八两.每一种布局都会有个Demo,个人依然认为文章里帖代码并没有Demo来的直接.所以正文负责解释,源码参见De ...

  3. BYTE、WORD与DWORD类型

    Original Link:  http://hi.baidu.com/vnxuaqndtncrxyr/item/f67c83872cf80cd65e0ec10d Author: 厚积薄发 在Visu ...

  4. <<深入Java虚拟机>>-虚拟机类加载机制-学习笔记

    类加载的时机 遇到new.getstatic.putstatic或invokestatic这4个字节码指令时,如果类没有进行过初始化,则需要先触发其初始化.生成这4条指令最常见的Java场景是:使用n ...

  5. shell awk

    #!/bin/bash # ;i<=;i++)); # do # c1=`shuf -i - -n ` #生成随机数 # c2=`shuf -i - -n ` # c3=`shuf -i - - ...

  6. npm:Node.js的软件包管理器

    npm https://www.npmjs.com/ 2016-08-03

  7. javascript中的sort()方法

    现在在学习javascript中,发现sort()函数是有点奇怪的东西(可能是本人水平的问题-_-!),于是就在这里记录一下自己找到的东西吧.sort()这个方法的参数很奇怪,必须是函数,但也是可选参 ...

  8. 《jQuery、jQuery UI及jQuery Mobile技巧与示例》勘误收集

    此书由程学彬 (http://weibo.com/ironbin)和我合译完成,此篇博客作为勘误收集而用,若译文有误或者有任何疑问,欢迎留下评论,或者给我发邮件(地址:gzooler@gmail.co ...

  9. 对Android中dp单位的理解

    dp 设备独立像素 ,也叫dip, device independent pixle. 比如同样在1英寸大小的屏幕上,高密度的屏幕可显示100个像素点,而低密度的屏幕只能70个点. 用了dp之后,只要 ...

  10. JSP Ajax

    html代码: <!DOCTYPE html> <html> <script> function display() { var div=document.getE ...