公司开发的是一款H5的程序,需要加一个IOS浏览器外壳,我们需要增加的功能就是一个微信分享,其他的都是js实现的。
首先,需要定制一个浏览器,看了一下ios的开发,要求浏览器用webkit,这个东西是ios8之后才支持的,ios8之前版本的使用率是8%,问了一下我们的产品经理,ios8没有问题,网上虽然有一些兼容webkit和uiwebview的组件,但是需要测试,时间紧迫,那就用这个了。
从网上搜了一些wkWebView的资料,初始化后加载,没有问题,增加了js调用oc的接口,增加微信分享功能,成功启动了微信的界面,分享后发现回不去,搜索了一下,发现是微信分享要想回去,需要在配置里面配置好微信的id,配置好后,可以正常返回了,然后开发微信主动通知后调用js的功能,由于微信回调的应用程序类没有当前界面的实例,因此采用ios的消息机制,通知到wkwebview界面,然后调用js,经调试,一切正常,可以调用到。
Js的alert对话框需要实现WKUIDelegate接口,否则不会弹出对话框的。
本来开发的时候,我们打算开发一个h5的bs型结构,但是读了apple的审核手册后,发现这种程序可能通过不了,于是考虑像其他程序一样,将页面的一部分做成本地的,一部分做成h5的,但是如何协调这两种界面的切换,是个问题,比如原来在首页的时候,下面的按钮是原生的,但是当我彻底切换成其他的页面的时候,我希望下面的原生的按钮隐藏掉,首先我得判断什么情况下,需要切换到一个新的界面,然后通知oc切换界面,这个工作看起来比较麻烦,后来干脆想到了一个主意,我仍然全部采用h5程序,只是将所有的代码放到本地,读取本地的就可以了,至少这样的审核的时候,不至于在h5上门纠结了,于是采用这种方案。
加载本地的h5,发现wkWebView是到ios9.0之后才可以,但是我们的程序需要最低支持ios8.0。网上搜索了一下,最终采用在本机搭建一个简单的webserver来解决。一开始用cocoahttpserver,但是发现不支持svg格式的图片,后来改用了GCDWebserver,可以正常加载了。
程序做好了,需要增加logo和启动页,从网上搜索了一下,logo做了3张图片,一张120*120,一张180*180,一张1024*1024,将logo设置为默认的icon@2X.png,发现不好用,最后非得将图片拖入imageset里面才可以生效。
在做js效果的时候,想要弄一个左滑返回的效果,但是我同事说,Safari浏览器本身支持左右滑动切换界面。我在浏览器的配置里面找了半天,总算是找到了allowsBackForwardNavigationGestures这个控制变量,置为ture就可以实现左右滑动,在历史记录里面切换了。但是随之而来带来一个新的问题,就是历史记录的管理,原来没有增加这个东西的时候,安卓平台我是每次到了主页面,就把历史记录给清空处理的,但是到了ios平台,我没有找到如何清空历史记录的共有api。考虑采用严格管理历史记录的方式,即将所有的一级目录之间的跳转都采用js 的location.replace(URL)来处理,这样就不会产生历史记录了,但是还有另外一个问题,就是用户访问了二三级页面后,回到一级页面,然后跳转到其他一级页面,仍然可以滑动切换到刚才访问的二三级界面,我尝试修改WKNavigationDelegate.didStartProvisionalNavigation,但是这个事件得页面完全被滑动到上一个界面后才有响应,甚至重载WKWebView的跳转到前一个浏览记录的方法,根本不管用,这个方法只是被开发者调用的,但是不是浏览器向前滑动的响应事件。考虑用history.replaceState这个方法来在用户返回的时候,将历史记录给替换了,但是用户滑动界面的时候,只有window.onpopstate事件可以捕捉到这个事件,但是这个方法只有在safari浏览器里面有反应,我用来调试的chrome浏览器捕捉不到这一个事件,没有办法来看这个事件的event都含有什么信息,着急上线,就把滑动切换界面这个功能给去掉了。
不清楚苹果对于BS型架构的接受程度,因此我们决定第一次审核的时候,直接采用访问服务器来获取网页的方案。这样以后基本上不存在升级的问题了。如果因为BS型架构不行再将h5打包到应用程序中。这种方案存在如果在使用中会存在网络断掉,访问不了页面的问题。于是我增加了一个错误页面,点击后页面尝试去加载服务器上的网页。这个页面可是费了我很多时间。网页加载问题不大,因为要兼容ios8,所以将错误界面做成了一个单一的html文件,直接读取为字符串,然后调用loadHTMLString这个加载,但是js的调用可是费了我很大功夫,加载网页后,我要把当前访问的页面地址传递给错误页面,用户点击的时候,location.replace就可以了,但是问题是我传不进去啊。加载网页后直接调用网页js是不行的,我sleep一段时间也不行,这个时候js还没有加载好,调用它不起作用,最后想到的办法是用oc变量来保存加载错误的页面,然后用户点击重新加载的时候,js调用oc代码,oc代码调用js的location.replace来重新加载。
提交apple审核也是一堆坑,一开始Achieve的时候,校验我的程序ID不存在,但是我都可以上机器调试了啊。搜了半天,发现是要先在apple官网里面,我的应用里面添加这个程序,才可以校验通过。
希望苹果可以接受我们的bs型架构,至少在他审核的时候,我们可以对程序进行完善,达到苹果的要求。如果方案通不过,代码也趋于完美了。下次审核的时候,直接打包,再次提审
IOS前端浏览器定制
最新推荐文章于 2022-03-13 18:02:51 发布