serversocket输出html页面,Electron+HTML做界面，C#做后台（三）使用Socket组件StriveEngin实现通讯...

最新推荐文章于 2023-12-08 22:20:50 发布
最新推荐文章于 2023-12-08 22:20:50 发布
阅读量917 收藏
点赞数
文章标签： serversocket输出html页面

Electron 和 C#控制台程序通信

打开前面创建的项目

1.将debug目录下的 electronApp复制一份到当前的项目目录，

52c3acec70fb

在这里插入图片描述

与vs创建的 bin目录同级

52c3acec70fb

在这里插入图片描述

2.在vs项目中 包含electronApp目录文件(不要包含node_modules目录，文件太多)

52c3acec70fb

在这里插入图片描述

3.继续选中文件，并选中右键属性，复制到输出目录

52c3acec70fb

在这里插入图片描述

4. 添加类创建 Socket服务 ，类名称 Services.cs【记得添加引用】

using StriveEngine;

using StriveEngine.Core;

using StriveEngine.Tcp.Server;

using System;

using System.Diagnostics;

using System.Net;

using System.Text;

using System.Windows.Forms;

namespace ElectronHTMlCSharp

{

///

/// 在本地开启服务，监听指定端口

///

public class Services

{

public static Services services;

private ITcpServerEngine SockterServerEngine;

private bool IsSocketServerInitialized;

public void StartServer()

{

try

{

if (SockterServerEngine == null)

{

var port = AppTools.Get("port");

var _port = port == null || port.Length <= 0 ? 9909 : int.Parse(port);

SockterServerEngine = NetworkEngineFactory.CreateTextTcpServerEngine(_port, new DefaultTextContractHelper("\0"));//DefaultTextContractHelper是StriveEngine内置的ITextContractHelper实现。使用UTF-8对EndToken进行编码。

}

//判断 相关的监听事件是否注册

if (IsSocketServerInitialized)

{

SockterServerEngine.ChangeListenerState(true);

}

else

{

InitializeTcpServerEngine();

}

//this.ShowListenStatus();

}

catch (Exception ee)

{

Console.WriteLine(ee.Message);

if (ee.Message.IndexOf("there's one StriveEngine server instance running") >= 0)

{

var res = MessageBox.Show("已打开一个实例或者前面实例的进程为未完全退出，是否重启？\r\n是：重启\r\n否：关闭\r\n取消：不做任何处理", "警告", MessageBoxButtons.YesNoCancel);

if (DialogResult.Yes == res)

{

Application.ExitThread();

Application.Exit();

Application.Restart();

Process.GetCurrentProcess().Kill();

}

else if (DialogResult.No == res)

{

Application.ExitThread();

Application.Exit();

Process.GetCurrentProcess().Kill();

}

}

}

services = this;

}

///

/// 为 socket 注册 服务事件

///

private void InitializeTcpServerEngine()

{

//客户端连接数量变化时，触发事件

SockterServerEngine.ClientCountChanged += new CbDelegate(ClientCountChage);

//客户端与服务端建立连接时， 触发事件

SockterServerEngine.ClientConnected += new CbDelegate(ClientConnected);

//客户端断开连接时， 触发事件

SockterServerEngine.ClientDisconnected += new CbDelegate(ClientDisconnected);

//接受消息，触发事件

SockterServerEngine.MessageReceived += new CbDelegate(MessageReceived);

//初始化tcp服务对象

SockterServerEngine.Initialize();

//标记tcp 服务已经初始化

IsSocketServerInitialized = true;

}

///

/// 客户端连接数量变化时，触发事件

///

private void ClientCountChage(int count)

{

Console.WriteLine("已连接数量" + count);

}

///

/// 客户端与服务端建立连接时， 触发事件

///

///

private void ClientConnected(IPEndPoint iPEndPoint)

{

var msg = string.Format("{0} 上线", iPEndPoint);

Console.WriteLine(msg);

}

///

/// 断开服务时， 触发事件

///

///

private void ClientDisconnected(IPEndPoint iPEndPoint)

{

var msg = string.Format("{0} 下线", iPEndPoint);

Console.WriteLine(msg);

}

///

/// 接受消息，触发事件

///

///

///

private void MessageReceived(IPEndPoint client, byte[] bMsg)

{

var msg = Encoding.UTF8.GetString(bMsg); //消息使用UTF-8编码

SendMsgToClient("接收到客户端消息：" + msg, client);

}

///

/// 发送消息到指定的客户端

///

///

///

public void SendMsgToClient(string msg, IPEndPoint client)

{

var bMsg = System.Text.Encoding.UTF8.GetBytes(msg);//消息使用UTF-8编码

client = client ?? (IPEndPoint)SockterServerEngine.GetClientList()[0];

SockterServerEngine.SendMessageToClient(client, bMsg);

}

}

}

4.2在Program.cs文件的Main方法中调用 Services ，添加如下代码

var ser = new Services();

ser.StartServer();

最终如图

52c3acec70fb

在这里插入图片描述

5.创建 js文件用于前端socket请求工具类

5.1在 electronApp目录下创建socket-helper.js

var top = top || {};

/**

* 创建 sock实例并发送消息 ，短连接 ，发送一条消息之后就关闭

* @param {any} ip 发送内容

* @param {any} port 发送内容

* @param {any} sendMsg 发送内容

* @param {any} callGetMsg 得到消息的回调函数

* @param {any} callOpen 连接之后服务端发送回 消息 执行的回调函数

* @param {any} cllClose 关闭连接的回调函数，默认自动关闭

*/

function initSocket(ip, port, sendMsg,callGetMsg,callOpen,cllClose) {

top.ip = top.ip || ip;

top.port = top.port || port;

var host = "ws://" + top.ip + ":" + top.port + "/"

socket = new WebSocket(host);

socket.onmessage = function (event) {

if (typeof callGetMsg == "function")

callGetMsg(event);

if (typeof cllClose == "function") {

cllClose(socket);

} else {

socket.close();

}

}

socket.onopen = function (event) {

if (typeof callOpen == "function")

callOpen(event);

socket.send(sendMsg);

}

return socket;

}

/**

* 创建 sock实例并发送消息 ，短连接 ，发送一条消息之后就关闭

* @param {any} sendMsg 发送内容

* @param {any} callGetMsg 得到消息的回调函数

* @param {any} callOpen 连接之后服务端发送回 消息 执行的回调函数

* @param {any} cllClose 关闭连接的回调函数，默认自动关闭

*/

function initSockets(sendMsg, callGetMsg, callOpen, cllClose) {

var host = "ws://" + top.ip + ":" + top.port + "/"

socket = new WebSocket(host);

socket.onmessage = function (event) {

if (typeof callGetMsg == "function")

callGetMsg(event);

if (typeof cllClose == "function") {

cllClose(socket);

} else {

socket.close();

}

}

socket.onopen = function (event) {

if (typeof callOpen == "function")

callOpen(event);

socket.send(sendMsg);

}

return socket;

}

/**

* 创建 sock实例并发送消息 ，长连接

* @param {any} sendMsg 发送内容

* @param {any} callGetMsg 得到消息的回调函数

* @param {any} callOpen 连接之后服务端发送回 消息 执行的回调函数

* @param {any} cllClose 关闭连接的回调函数，默认自动关闭

*/

function initSocketLong(sendMsg, callGetMsg, callOpen, cllClose) {

var host = "ws://" + top.ip + ":" + top.port + "/"

socket = new WebSocket(host);

socket.onmessage = function (event) {

if (typeof callGetMsg == "function")

callGetMsg(event);

if (typeof cllClose == "function") {

cllClose(socket);

}

}

socket.onopen = function (event) {

if (typeof callOpen == "function")

callOpen(event);

sendMsg += (sendMsg.indexOf("?") > 0 ? "&" : "?") + "isLong=true";

socket.send(sendMsg);

}

return socket;

}

5.2创建 socket页面调用 js文件 hander.js

/***

* 依赖文件 socket-helper.js

* */

//配置 通信信息

function getSocketConf() {

return {

ip: '127.0.0.1',

port: '9909'

}

}

///**

// * 发送请求，返回后端处理的数据

// * @param {any} action action!method?par1=1&par2=2&parn=n&....

// * @param {any} callback 后端返回的回调函数

// */

//function Hander(action, callback) {

// var con = getSocketConf();

// top.ip = !top.ip ? con["ip"] : top.ip;

// top.port = !top.port ? con["port"] : top.port;

// initSockets(action, callback);

//}

/**

* 发送请求，返回后端处理的数据

* @param {any} action action!method?par1=1&par2=2&parn=n&....

* @param {any} callback 后端返回的回调函数

*/

function Hander(action, callback) {

var con = getSocketConf();

top.ip = !top.ip ? con["ip"] : top.ip;

top.port = !top.port ? con["port"] : top.port;

return initSockets(action, callback, null, function (event) {});

}

/**

* 发送请求，返回后端处理的数据 长链接

* @param {any} action action!method?par1=1&par2=2&parn=n&....

* @param {any} callback 后端返回的回调函数

*/

function HanderLong(action, callback) {

var con = getSocketConf();

top.ip = !top.ip ? con["ip"] : top.ip;

top.port = !top.port ? con["port"] : top.port;

return initSocketLong(action, callback, null, function (event) { });

}

创建好的目录如下

52c3acec70fb

在这里插入图片描述

创建完两个 js文件之后一定记得 右键属性，复制到输出目录

6之后我们需要在index.html页面上使用socket进行通信，添加如下代码

hello Word

这是用Electron创建的程序，这个程序后面将会使用C#来实现数据逻辑处理

接受区域

$(function () {

//侦听 发送按钮 事件，并将返C#端返回的数据 绑定到接受区域

$("#send").on("click", function () {

var msg = $("#text").val();

Hander(msg, function (res) {

var html = $("#msg").html();

$("#msg").html(html + "

"+res.data+"

");

})

});

});

7.启动vs项目

52c3acec70fb

在这里插入图片描述

52c3acec70fb

在这里插入图片描述

*** 如此前后台就可以通行了，但是要注意 这个 websock框架对发送的字节大小有限制 ***

后面将会讲述如何通过webSoket ，执行C# 指定类的指定的方法 【使用反射实现】

如果你已经迫不及待，那么请下载整个项目的源代码，代码已放置 GITHUB源码下载，上面有最新的效果图

传奇panda
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
electron 主进程中使用websocket与java服务端通信
梦一样的博客，神话般的感觉
12-01 2676
客户端： electron-vue+elementui 开发工具：WebStorm electron:11.0.3 vue:2.5.16 element-ui:2.14.1 服务器: netty+websocket+spring 开发工具:IdeaJ netty:4.1.53.Final spring:5.1.10.RELEASE 废话不多说，对于程序员来讲。直接看代码比长篇大论的来的快，看的明白，更直观。关键的地方我会另行说明。 服务端： pom.xml <?xml version=".
private-chatting:使用WebSocket和Electron建立聊天室
05-25
使用 websocket 和 electron 搭建一个跨全平台的聊天软件 一、websocket 1、发展史 说起 websocket 的由来，就必须得说到轮循、长轮循、长连接。 轮询 轮询，也叫 短轮循，是指由浏览器每隔一段时间向服务器发出 HTTP 请求，然后服务器返回最新的数据给客户端。 最开始，很多网站为了实现推送技术，所用的技术都是轮询。 但是很明显，持续不断的请求在用户数量上去后，轮循也会产生很多无效的请求，会给服务器带来巨大的压力。 长轮循 长轮循 是指服务器收到客户端发来的请求后，不立即进行响应，而是先将这个请求挂起，然后判断服务器端数据是否有更新。若有数据更新，则进行正常返回响应，如果一直没有数据更新，则到达服务短指定的时间限制后才返回。 比起轮循，长轮循可以减少大量的无效请求，但是问题是，即便是挂起，也会消耗资源，在用户数量多了后，同样会使得服务器压力巨大。 长连接
Electron + WebSocket 通信
热门推荐
qq_37159708的博客
07-03 1万+
Electron + WebSocket 通信 描述 本文主要介绍了结合 Electron 和 node.js 进行 Websocket 通讯的一个简单例子。 项目结构 main.js：程序入口文件 websocket.html：web视图 websocket.js ：Websocket通讯脚本 技术 Node.js os 模块 提供基本的系统操作函数。 ( 参考：Node.js 工具模块 ) 引入： var os = require("os"); 属性 属性 描述 os.E
electron桌面应用webSoket实时弹框提示实现
lemon今天学习了吗？的博客
11-21 1139
1、当有弹框提示的情况时，会弹出如下提示，点击查看自动跳转到当前地址，点击关闭则关闭当前提示窗口；一、实现效果：网页端或者移动端进行了审核操作，在电脑右下角提示用户查看。3、在src文件夹下新建remind.html实现提示弹框具体内容；1、在主进程main.js中创建弹框，并确定弹框的位置；3、在登录成功后使用webSoket实时监听消息；4、主进程收到消息后触发提示弹框展示；2、登录成功后获取实时信息弹框提示；4、综上所述，即可完成桌面提示功能。2、编写弹框内容和样式；
Electron笔记二：http与websock的实现
bestyellow的专栏
07-27 2802
接上笔记一 # 克隆示例项目的仓库 C:\Temp\demo1\> git clone https://github.com/electron/electron-quick-start 生成如下文件 1.改造main.js文件 快速electron-quick-start const {app,electron,BrowserWindow} = require('electron') const path = require('path') functi...
基于Socket通讯(C#)和WebSocket协议(net)编写的两种聊天功能源码.rar
04-19
socket由IP地址和端口号组成，可以通过TCP，UDP，IP协议实现不同虚拟机或不同计算机之间的通信，效率较高。 现阶段socket通信使用TCP、UDP协议，相对应UDP来说，TCP则是比较安全稳定的协议了。本文只涉及到TCP协议...
java实现服务器和客户机通讯的的方法.rar_ServerSocket_java socket _java 通讯_java客户
09-19
本文介绍一种用Java的Socket和ServerSocket实现服务器和客户机通讯的的方法。原理是在服务器端建立ServerSocket端口并监听，接收到客户端的连接请求时建立Socket，得到Socket的输入输出流。在客户端新建Socket并获得...
我的socket通讯工具.rar_ServerSocket_c++ Socket服务类_clientsocket
09-20
通过对socket类继承实现软件中的服务端类serversocket和客户端类clientsocket。由于将服务端类和客户端类的调用在一个工程中实现，所以一个程序既可以作为服务端也可以作为客户端。代码中加入了基本的错误处理功能。
Java 实例 - ServerSocket 和 Socket 通信实例源代码+详细指导教程.zip
08-10
Java 实例 - ServerSocket 和 Socket 通信实例源代码+详细指导教程.zip
ServerSocket.zip
08-29
简易的Socket通讯，适合初学者学习了解
electron构建websoket服务
qq_40472157的博客
07-03 700
【代码】electron构建websoket服务。
使用React、Webpack、Node.js、Websocket、Electron、Dva快速构建跨平台应用
油墨香^-^的博客
05-13 501
目前Electron在github上面的star量已经快要跟React-native一样多了。 webpack感觉每周都在偷偷更新，很糟心啊，还有Angular更新到了8,Vue马上又要出正式新版本了，5G今年就要商用，华为的系统也要出来了，RN还没有更新到正式的1版本，还有号称让前端开发者失业的技术flutter也在疯狂更新,前端真的是学不完的。 不能否认，现在的大前端，真的太牛了，PC端可以跨三种平台开发，移动端可以一次编写，生成各种小程序以及React-native应用，然后跑在ios和安
web前端学习（六）：WebRTC实时通信，掌握WebSocket很实用
qq_50792097的博客
08-27 4518
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。......
vue,vue-electron的WebSocket.js的封装
汤玉鹏
01-05 1860
WebSocket.js import store from '../store' //vuex import config from './config' //配置文件 export default { ws: null, websocket: false, conditions: '', time: 5000,//发心跳时间 WebSocketFn: function (fn) { //连接长连接 // this.ws = new WebSoc
websocket断线重新连接
最新发布
walaw11的博客
12-08 407
【代码】websocket断线重新连接。
electron中实现一个websocket服务器接收python端发送的数据
weixin_44014982的博客
05-30 873
electron中实现一个websocket服务器接收python端发送的数据
在electron-vue项目中使用websocket和vue中的provide及inject实现在线离线状态的检测
DLGDark的博客
03-09 3486
实现思路： 先通过在APP.vue根组件中去全局创建websocket连接到服务器，通过服务器推送的那内容来区分在线或离线，拿到内容并判断出状态后，再通过provide和inject通信方式将状态值传送到需要显示在线或离线状态的页面组件中并显示即可。 官方文档：provide / inject引用 提示：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。 核心代码： APP.vue根组件： //APP.
websocket实现一个聊天室
debug
05-29 2833
本文介绍一个使用`websocket`实现的一个在线聊天室程序。
Socket socket = serverSocket.accept();
05-23
这段代码是 Java 中使用 Socket 编程时常用的代码。它创建了一个 ServerSocket 对象 serverSocket，...具体来说，我们可以通过获取这个 socket 的输入输出流来进行数据的读写操作，从而实现客户端与服务端之间的通信。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值