iOS使用SignalR客户端代码典范-桥接web SignalR 客户端库
一、SignalR介绍
SignalR是微软基于.Net提供的一个开源实时Web RPC库，可以用在web实时通信的需求上面，比如聊天，web数据更新
SignalR的接口使用十分简单
由于最近的一个需求需要调研RPC库，偶然看到github上面一份在iOS上面使用SignalR 客户端请求的代码
下面对代码有意思的地方进行一下分析
二、专门去搜了一下，github上面存在一份400+赞的SignalR native代码，应该可以使用；
除此之外，工程代码：https://github.com/adamhartford/SwiftR 提供了另外一种方式
signalR在web上面应用比较成熟，因此jQuery上面有对应的lib，
这一份工程也是使用一个webview，运行本地的html文件，使用jQuery的signalR库，然后注入一段js，这段js跟本地app桥接通信
html文件：
<html>
<head></head>
<body>
"
<script src="\'file:///private/var/mobile/Containers/Data/Application/C5176D20-0015-4DFB-9156-D53DB6544F3E/tmp/SwiftR/jquery-2.1.3.min.js\'"></script>
<script src="\'file:///private/var/mobile/Containers/Data/Application/C5176D20-0015-4DFB-9156-D53DB6544F3E/tmp/SwiftR/jquery.signalr-2.2.0.min\'"></script>
<script src="\'file:///private/var/mobile/Containers/Data/Application/C5176D20-0015-4DFB-9156-D53DB6544F3E/tmp/SwiftR/SwiftR.js\'"></script>"
</body>
</html>
可以看到引用了三个js文件，其中上面的库是本地打包的；根据版本进行选择
打包的js中 SwiftR.js ,调用signalR库，同时和本地通信
window.swiftR = {
connection: null,
hubs: {},
transport: 'auto',
headers: {},
messages: {}
};
$(function() {
$.ajaxSetup({
beforeSend: function (jqxhr) {
for (var h in swiftR.headers) {
jqxhr.setRequestHeader(h, swiftR.headers[h]);
}
}
});
postMessage({ message: 'ready' });
});
function initialize(baseUrl, isHub) {
swiftR.connection = isHub ? $.hubConnection(baseUrl) : $.connection(baseUrl);
var connection = swiftR.connection;
connection.logging = true;
if (!isHub) {
connection.received(function(data) {
postMessage({ data: data });
});
}
connection.starting(function() {
postMessage({ message: 'starting' });
});
connection.connectionSlow(function() {
postMessage({ message: 'connectionSlow' });
});
connection.reconnecting(function() {
postMessage({ message: 'reconnecting' });
});
connection.reconnected(function() {
postMessage({ message: 'reconnected' });
});
connection.disconnected(function () {
postMessage({ message: 'disconnected' });
});
connection.error(function(error) {
postMessage({ message: 'error', error: processError(error) });
});
}
function start() {
swiftR.connection.start({ transport: swiftR.transport }).done(function() {
postMessage({ message: 'connected', connectionId: swiftR.connection.id });
}).fail(function() {
postMessage({ message: 'connectionFailed' });
});
}
function addHandler(id, hubName, method) {
var hub = ensureHub(hubName);
hub.on(method, function() {
postMessage({
id: id,
hub: hub.hubName,
method: method,
arguments: [].slice.call(arguments)
});
});
}
function postMessage(msg) {
var id = Math.random().toString(36).slice(2, 10);
swiftR.messages[id] = msg;
if (window.webkit) {
webkit.messageHandlers.interOp.postMessage(id);
} else {
var frame = $('<iframe/>', { src: 'swiftr://' + id });
$('body').append(frame);
frame.remove();
}
}
function ensureHub(name) {
var hub = swiftR.hubs[name];
if (!hub) {
hub = swiftR.connection.createHubProxy(name);
swiftR.hubs[name] = hub;
}
return hub;
}
function processError(error) {
var err = {
message: error.message || 'An unknown error has occurred.'
}
if (typeof error.source === 'string') {
err.source = error.source;
}
return err;
}
function readMessage(id) {
var msg = swiftR.messages[id];
delete swiftR.messages[id];
return window.webkit ? msg : JSON.stringify(msg);
}
其中下面的函数，可以通过webview的接口直接调用。
function start() {
swiftR.connection.start({ transport: swiftR.transport }).done(function() {
postMessage({ message: 'connected', connectionId: swiftR.connection.id });
}).fail(function() {
postMessage({ message: 'connectionFailed' });
});
}
function addHandler(id, hubName, method) {
var hub = ensureHub(hubName);
hub.on(method, function() {
postMessage({
id: id,
hub: hub.hubName,
method: method,
arguments: [].slice.call(arguments)
});
});
}
当有了回调信息之后，js可以通过下面的方法直接返回
function postMessage(msg) {
var id = Math.random().toString(36).slice(2, 10);
swiftR.messages[id] = msg;
if (window.webkit) {
webkit.messageHandlers.interOp.postMessage(id);
} else {
var frame = $('<iframe/>', { src: 'swiftr://' + id });
$('body').append(frame);
frame.remove();
}
}
在原生代码这边，通过下面的方法主动调用js
func runJavaScript(_ script: String, callback: ((Any?) -> ())? = nil) {
guard wkWebView != nil || webView != nil else {
jsQueue.append((script, callback))
return
}
if useWKWebView {
wkWebView.evaluateJavaScript(script, completionHandler: { (result, _) in
callback?(result)
})
} else {
let result = webView.stringByEvaluatingJavaScript(from: script)
callback?(result as AnyObject!)
}
}
js的消息通过下面的代码回调 WKScriptMessageHandler 机制
open func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
if let id = message.body as? String {
wkWebView.evaluateJavaScript("readMessage('\(id)')", completionHandler: { [weak self] (msg, err) in
if let m = msg as? [String: Any] {
self?.processMessage(m)
} else if let e = err {
print("SwiftR unable to process message \(id): \(e)")
} else {
print("SwiftR unable to process message \(id)")
}
})
}
}
三、总结
实际使用验证了一下，看起来还比较稳定
这个工程给我的思路是，可以借鉴web上的解决方案为app服务，不需要局限在iOS开发的范围上。
四、附录
关于原生和js通信的方式：
https://www.jianshu.com/p/433e59c5a9eb
iOS使用SignalR客户端代码典范-桥接web SignalR 客户端库的更多相关文章
- ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十六节--SignalR与ABP框架Abp.Web.SignalR及扩展
SignalR简介 SignalR是什么? ASP.NET SignalR 是为 ASP.NET 开发人员提供的一个库,可以简化开发人员将实时 Web 功能添加到应用程序的过程.实时 Web 功能是指 ...
- SignalR 实现web浏览器客户端与服务端的推送功能
SignalR 是一个集成的客户端与服务器库,基于浏览器的客户端和基于 ASP.NET 的服务器组件可以借助它来进行双向多步对话. 换句话说,该对话可不受限制地进行单个无状态请求/响应数据交换:它将继 ...
- 【SignalR学习系列】7. SignalR Hubs Api 详解（JavaScript 客户端）
SignalR 的 generated proxy 服务端 public class ContosoChatHub : Hub { public void NewContosoChatMessage( ...
- 使用ASP.NET MVC Web SignalR 构建单身聊天室(一)
前言:本系列的头章,想要带大家一起学习Web SignalR,那它是什么呢?ASP .NET SignalR 是一个ASP .NET 下的类库,可以在ASP .NET 的Web项目中实现实时通信.什么 ...
- 比官方教程代码更简短的SignalR Server Broadcast示例
SignalR是微软ASP.NET技术体系中的新成员. 在www.asp.net网站上的SignalR专区有一篇SignalR的入门级教程<Tutorial: Server Broadcast ...
- 在C#开发中如何使用Client Object Model客户端代码获得SharePoint 网站、列表的权限情况
自从人类学会了使用火,烤制的方式替代了人类的消化系统部分功能,从此人类的消化系统更加简单,加速了人脑的进化:自从SharePoint 2010开始有了Client Side Object Model ...
- iOS流行的开源代码库
本文介绍一些流行的iOS的开源代码库 1.AFNetworking 更新频率高的轻量级的第三方网络库,基于NSURL和NSOperation,支持iOS和OSX.https://github.com/ ...
- 使用Myeclipse插件将wsdl生成java客户端代码
使用环境:MyEclipse9.0 本教程使用Myeclipse内置插件生成java代码,网上说这是xfire插件,不管怎样,生成和调用客户端代码都十分简单. 1.在项目上右键,选择New->O ...
- 初学svn对版本进行控制 用post- commit钩子实现代码同步到web目录
这里只是一个记录,原文摘抄svn利用钩子实现代码同步到web目录 思路: 找 到SVN Server中的仓库(Repositories)文件夹的位置,在相应的项目文件夹中找到hooks文件夹.在该文件 ...
- webservice 服务端例子+客户端例子+CXF整合spring服务端测试+生成wsdl文件 +cxf客户端代码自动生成
首先到CXF官网及spring官网下载相关jar架包,这个不多说.webservice是干嘛用的也不多说. 入门例子 模拟新增一个用户,并返回新增结果,成功还是失败. 大概的目录如上,很简单. Res ...
随机推荐
- input 去除默认样式
前言 如何不自己写框架,基本用不上. 正文 input{ border: 0px; background-color: none; outline: none; } input:focus{ outl ...
- redis 简单整理——redis 的哈希基本结构和命令[三]
前言 简单介绍一下哈希基本结构和命令. 正文 什么是hash呢? hash也可以叫做字典.关联数组. 哈希类型是键本身又是一个键值对结构: value={{field1,value1},...{fie ...
- singalr 可以连接但是无法发送消息
前言 在一次测试singalr的过程中,发现一个问题,那就是连接成功了,但是发送消息没有响应. 原因及解决 如何可以连接但是发不了消息,net的锅,需要4.0以上,所以我们发布iis的时候也应该选择4 ...
- 体验下，大厂在使用功能的API网关！
作者:小傅哥 博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获! 大家好,我是技术UP主小傅哥. 还是在22年的时候,小傅哥做了一套基于 Netty 协议转换和 ...
- mysql8在Win10下安装教程
一.准备工作 下载mysql8安装包,下载URL地址:https://mirrors.tuna.tsinghua.edu.cn/mysql/downloads/MySQL-8.0/ 二.管理员权限执行 ...
- 阿里巴巴开源大规模稀疏模型训练/预测引擎DeepRec
简介:经历6年时间,在各团队的努力下,阿里巴巴集团大规模稀疏模型训练/预测引擎DeepRec正式对外开源,助力开发者提升稀疏模型训练性能和效果. 作者 | 烟秋 来源 | 阿里技术公众号 经历6 ...
- Flagger on ASM——基于Mixerless Telemetry实现渐进式灰度发布系列 2 应用级扩缩容
简介: 应用级扩缩容是相对于运维级而言的.像监控CPU/内存的利用率就属于应用无关的纯运维指标,针对这种指标进行扩缩容的HPA配置就是运维级扩缩容.而像请求数量.请求延迟.P99分布等指标就属于应用相 ...
- ClickHouse Keeper 源码解析
简介:ClickHouse 社区在21.8版本中引入了 ClickHouse Keeper.ClickHouse Keeper 是完全兼容 Zookeeper 协议的分布式协调服务.本文对开源版本 C ...
- 技术干货 | 应用性能提升 70%，探究 mPaaS 全链路压测的实现原理和实施路径
简介: 全链路压测方案下,非加密场景下至少有 70% 的性能提升,加密场景下 10%的性能提升,并在 MGS 扩容完成后可实现大幅的性能提升,调优的结果远超预期. 业务背景 随着移动开发行业的步 ...
- 技术干货｜ 阿里云基于Hudi构建Lakehouse实践探索「内附干货PPT下载渠道」
简介: 阿里云高级技术专家王烨(萌豆)在Apache Hudi 与 Apache Pulsar 联合 Meetup 杭州站上的演讲整理稿件,本议题介绍了阿里云如何使用 Hudi 和 OSS 对象存储 ...