102 error

目的

app项目首页banner功能，点击进入活动页面。由于web微站早已上线，为了不重复开发
（其实就是偷懒，为啥要重复开发一个一模一样的页面，而且用rn构建活动页，那么多不同的模板，搞死人咯��）。

思路

最终采取采取app内嵌微站webview页面。
点击banner跳转至微站web页面。
活动页点击商品跳转至原生商品详情页（其实后来考虑抽象的WebViewFilter.js业务抽象类，原则是有原生就跳原生）。

遇到的坑

点击banner进入拦截器了并且也跳转了对应的原生页面，可是从详情页返回后，尽然。。。��，什么鬼？？
102 error

分析

分析ios报错

参考 Domain=WebKitErrorDomain Code=102 内容，说是因为url不完整，在网站前拼接一个@”http://”可以解决。排查了下，不是上述问题，url是完整的。
看ios日志

   void SendDelegateMessage(NSInvocation *): delegate (webView:decidePolicyForNavigationAction:request:frame:decisionListener:) failed to return after waiting 10 seconds. main run loop mode: kCFRunLoopDefaultMode

查了下说好像是因为多次发送请求导致的，就是多次同时创建 iframe被ios拦截导致卡住了。我看了下页面没有iframe，并且没有多次请求的情况，我就是点了一个商品的连接啊啊啊，ORZ。。。。

分析web页面代码

查看具体活动页面浏览器中的html代码,其跳转的url为“/mobile/product/content/201706/147149.html”

  <li><a href="/mobile/product/content/201706/147149.html" class="ui-link"><div><img src="http://image.com/n1/jfs/t2479/126/1824111579/264665/d911e030/56de95a0Nbe0fcefa.jpg" alt=""></div>    <div class="txt-con"><p class="txt-con-name">水星家纺出品 百丽丝家纺 全棉斜纹印花四件套 浮岗翠 双人1.5米床</p><div class="yPrice"><span class="pText">抢购价:</span><span class="pColor">暂无报价</span></div></div></a></li>

可是点击后跳转页面却是，http://www.website.com/mobile/product/content.jhtml?brandId=3524&productCategoryId=1626&productId=147149，什么鬼？
去看服务端代码后发现服务端有拦截器，用于判断客户端请求是移动端，还是pc端，最终redirect到对应请求页面。所以是不是因为重定向导致的问题呢？
别的页面没重定向页面都正常，只有详情页有问题，所以判断是因为重定向导致了102.

解决方法

根据下面参考的连接，我采用了如下方法解决,找到RN webview的源码路径为：项目名称/node_modules/react-native/React/Views/RCTWebView.m

 - (void)webView:(__unused UIWebView *)webView didFailLoadWithError:(NSError *)error{// Ignore NSURLErrorDomain error -999.if (error.code == NSURLErrorCancelled) return;// Ignore "Fame Load Interrupted" errors. Seen after app store links.if (error.code == 102 && [error.domain isEqual:@"WebKitErrorDomain"]) return;if (_onLoadingError) {if ([error.domain isEqualToString:NSURLErrorDomain] && error.code == NSURLErrorCancelled) {// NSURLErrorCancelled is reported when a page has a redirect OR if you load// a new URL in the WebView before the previous one came back. We can just// ignore these since they aren't real errors.// http://stackoverflow.com/questions/1024748/how-do-i-fix-nsurlerrordomain-error-999-in-iphone-3-0-osreturn;}NSMutableDictionary<NSString *, id> *event = [self baseEvent];[event addEntriesFromDictionary:@{@"domain": error.domain,@"code": @(error.code),@"description": error.localizedDescription,}];_onLoadingError(event);}}

参考

webview error code:102 Domain=WebKitErrorDomain Code=102

react native 0.44.3 ios webview 102 error相关推荐

React Native 0.44.3 ----------微信h5支付
本篇记录ios使用ReactNative完成微信h5支付的一些注意事项. a. 支付完成或者取消微信h5支付,会跳转到手机默认的浏览器中(safari),无法回到原App. b. 如何获得支付状态?? ...
React Native 0.50版本新功能简介
React Native在2017年经历了众多版本的迭代,从本人接触的0.29版本开始,到前不久发布的0.52版本,React Native作为目前最受欢迎的移动跨平台方案.虽然,目前存在着很多的功能 ...
爱奇艺回应遭做空；百度 App 部分频道停更；React Native 0.62 发布 | 极客头条
整理 | 屠敏头图 | CSDN 下载自东方 IC 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦,快来看今天都有哪些值得我们技术人关注的重要新闻吧. 一分钟 ...
React Native 0.59.0 发布，使用 React 编写原生应用
React Native 0.59.0 发布了.React Native 使开发者只使用 JavaScript 也能编写原生移动应用. 新版更新亮点: React Hooks React Native ...
余承东吐槽苹果续航；微软 IE 浏览器被曝漏洞；React Native 0.61.0 发布 | 极客头条...
快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道.风里雨里,我们将每天为朋友们,播报最新鲜有 ...
苹果收购英特尔手机芯片业务；西门子将在华建立 5G 研发中心；React Native 0.60.4 发布 | 极客头条...
快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道.风里雨里,我们将每天为朋友们,播报最新鲜有 ...
9月27日科技资讯|余承东吐槽苹果续航；贾扬清担任阿里巴巴开源技术委员会负责人；React Native 0.61.0 发布
「CSDN 极客头条」,是从 CSDN 网站延伸至官方微信公众号的特别栏目,专注于一天业界事报道.风里雨里,我们将每天为朋友们,播报最新鲜有料的新闻资讯,让所有技术人,时刻紧跟业界潮流. 整理 | 胡 ...
react native 0.56.0
2019独角兽企业重金招聘Python工程师标准>>> 0.56.0 更新日志能力有限,如有问题,请包涵(哈哈)原文请点击欢迎 React Native 2018年6月份正式版的 ...
【REACT NATIVE 系列教程之十二】REACT NATIVE(JS/ES)与IOS(OBJECT-C)交互通信
一用到跨平台的引擎必然要有引擎与各平台原生进行交互通信的需要.那么Himi先讲解React Native与iOS之间的通信交互. 本篇主要分为两部分讲解:(关于其中讲解的OC语法等不介绍,不懂的请自行 ...

react native 0.44.3 ios webview 102 error

目的

思路

遇到的坑

分析

分析ios报错

分析web页面代码

解决方法

参考

react native 0.44.3 ios webview 102 error相关推荐

最新文章

热门文章