没有合适的资源?快使用搜索试试~ 我知道了~
资源详情
资源评论
资源推荐
说 明 书 摘 要
本发明涉及一种 web 端和 iOS 移动端交互方法、工具、设备及介质,该方法
包括以下步骤:步骤 S1、通过原生应用程序入口获取用户操作数据;步骤 S2、通
过原生 iOS 端对 WKWebview 与其容器进行封装、注册、优化以及开放属性、协
议与方法;步骤 S3、原生 iOS 端采用继承或引入容器来完成 web 端与 iOS 移动端
的信息交互;步骤 S4、原生 iOS 端通过本地路径、网络路径或拦截加载离线包三
种方式加载 Html;步骤 S5、链接手机与 Mac 电脑,利用后台管理与 Safari 开发功
能进行线上实时联调。与现有技术相比,本发明无需第三方工具,可根据实际情
况采用对应加载方式,所需安装包体积小;快速定位线上项目问题,缩短开发者
联调时间,极大提高了开发效率。
1
摘 要 附 图
1
权 利 要 求 书
1. 一种 web 端和 iOS 移动端交互方法,其特征在于,该方法包括以下步骤:
步骤 S1、通过原生应用程序入口获取用户操作数据;
步骤 S2、通过原生 iOS 端对 WKWebview 与其容器进行封装、注册、优化,
并开放属性、协议与方法;
步骤 S3、原生 iOS 端采用继承或引入容器来完成 web 端与 iOS 移动端的信息
交互;
步骤 S4、原生 iOS 端通过本地路径、网络路径或拦截加载离线包三种方式加
载 Html;
步骤 S5、链接手机与 Mac 电脑,利用后台管理与 Safari 开发功能进行线上实
时联调。
2. 根据权利要求 1 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S1 具体为:
步骤 S1.1、对所述用户操作数据进行逻辑跳转处理,获得逻辑跳转处理结果;
步骤 S1.2、基于所述逻辑跳转处理结果拼装完整统一资源定位符 URL 链接,
该 URL 链接为本地文件路径或网络 IP 地址,并将所述 URL 链接作为初始化结果。
3. 根据权利要求 1 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S2 具体为:
步骤 S2.1、定义一个继承于 WKWebview 的自定义类,并在其中自定义添加
需要的基本设置;
步骤 S2.2、引入并遵循 WKScriptMessageHandler 协议,实现回调方法,定义
传参格式;
步骤 S2.3、进行调用函数的统一监听和处理,以及功能响应后的反馈函数处
理,增加本地、网络切换模块,定义并开放属性、协议与方法;
步骤 S2.4、定义一个 WKURLSchemeHandler 的自定义类,用于拦截加载离线
资源,实现协议与方法;
步骤 S2.5、定义一个控制器的自定义容器,引入已封装的 WKWebview 自定
义类并创建实例,遵循并实现相关代理方法;
1
步骤 S2.6、对自定义容器进行调用函数的统一监听和处理,定义并开放属性、
协议,以及加载本地、网络、拦截离线包的方法。
4. 根据权利要求 1 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S3 具体为:
步骤 S3a:通过 iOS 端控制器引入已封装的 WKWebview 容器,以该类提供的
属性、方法、协议作为中间过渡,完成 web 端与 iOS 移动端的信息交互;
步骤 S3b:通过 iOS 端控制器继承已封装的 WKWebview 容器,以该类提供的
属性、方法、协议作为中间过渡,完成 web 端与 iOS 移动端的信息交互。
5. 根据权利要求 4 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S3a 具体操作为:
步骤 S3a.1、引入已封装的 WKWebview 容器;
步骤 S3a.2、创建自定义 WKWebview 容器的实例;
步骤 S3a.3、根据和 web 端页面的约定函数,在 WKWebview 中间件中注册处
理函数名,并且映射处理文件,在处理文件中,进行函数的分发和处理,完成调
用函数的统一监听和处理;
步骤 S3a.4、处理结束后,调用 JS 传递过来的 callback 根据实际情况进行回调
函数调用。
6. 根据权利要求 4 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S3b 具体操作为:
步骤 S3b.1、定义一个 UIViewControl 控制器,继承已封装的 WKWebview 容
器;
步骤 S3b.2、实现自定义 WKWebview 容器的代理方法;
步骤 S3b.3、根据和 web 端页面的约定函数,在 WKWebview 中间件中注册处
理函数名,并且映射处理文件,在处理文件中,进行函数的分发和处理,完成调
用函数的统一监听和处理;
步骤 S3b.4、处理结束后,调用 JS 传递过来的 callback 根据实际情况进行回
调函数调用。
7. 根据权利要求 1 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S4 具体包括以下情况:
步骤 S4a、通过将本地路径数据传入给容器,实现加载本地 Html 网页;
2
步骤 S4b、通过将网络路径数据传入给容器,实现加载网络 Html 网页;
步骤 S4c、通过原生启动时,预存 HTML 到本地,进入容器时拦截请求资源,
实现加载离线包 Html 网页。
8. 根据权利要求 7 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S4a 具体操作为:
步骤 S4a.1、获取本地网页的 URL 路径;
步骤 S4a.2、定义网络、本地类型值,并配置相关参数;
步骤 S4a.3、通过容器识别路径与参数,加载本地 Html。
9. 根据权利要求 7 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S4b 具体操作为:
步骤 S4b.1、获取网络网页的 URL 路径;
步骤 S4b.2、定义网络、本地类型值,并配置相关参数;
步骤 S4b.3、通过容器识别路径与参数,加载网络 Html。
10. 根据权利要求 7 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S4c 具体操作为:
步骤 S4c.1、APP 启动时预存 Html 到本地;
步骤 S4c.2、用户点击页面准备加载 Html 时,拦截请求资源,判断资源是否
和本地资源一致;若判断一致则返回并直接加载启动时预存的本地资源文件,否
则转步骤 S4c.3;
步骤 S4c.3、判断不一致则返回并通过容器识别路径与参数,加载网络
Html。
11. 根据权利要求 1 所述的一种 web 端和 iOS 移动端交互方法,其特征在于,
所述步骤 S5 具体操作为:
步骤 S5.1、将 Html 的页面分模块纳入后台管理系统进行管理,增加配置切换
类型;
步骤 S5.2、将手机链接 Mac 电脑,并启用 Mac 自带浏览器 safari 的开发模式;
步骤 S5.3、进入 safari 开发模式,连接并配置开发模块功能;
步骤 S5.4、启动 iOS 设备上 Safari 的开发模式;
步骤 S5.5、打开本地未加密 Html 或选取后台修改配置切换进行调试 Html;
步骤 S5.5a、若打开为本地未加密 Html,直接进行步骤 S5.6;
3
剩余26页未读,继续阅读
七夜榊
- 粉丝: 1
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0