iOS之H5和Native混合开发

时间:2022-02-23 17:46:56

今天需要用到一个H5和Native 混合开发的项目,简单的写一点入门的东西,很简答;

先介绍一下简单的配置步骤;

1、新建项目:SB拖一个UIWebView 按住Ctrl 拖线delegate 设置为VC;

2、遵守协议:VC遵守<UIWebViewDelegate>协议

3、实现方法:- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType;可以拦截到每一个UIWebView的每一个URL请求,demo中又例子

总结这一步,自己开发的H5页面中,定义一些特有的URL做响应,便可以传输不同的请求给Native

4、实现逻辑:根绝拦截到的URL便可以做出自己的逻辑判断和处理。

配合第三步,混合开发的很重要的一部分已经搞定,就是怎么让Native响应H5请求

5、返回逻辑:[_webView stringByEvaluatingJavaScriptFromString:@"js逻辑"];

使用上面的函数,可以使Native操作H5的js,如果H5的js逻辑写的足够好,这步便会很友好了,当然这只是我目前了解到的方法之一,后面学了更多会更新,个人感觉大部分由此可以完成了。

后面是工程压缩文件:基于:Version 7.1 (7B91b)、Mac OS 10.11.2 (15C50)

源码下载点我