React-Native开发鸿蒙NEXT-一次审核闪退的排查思路

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px }
.markdown-body h1 { font-size: 24px; line-height: 38px; margin-bottom: 5px }
.markdown-body h2 { font-size: 22px; line-height: 34px; padding-bottom: 12px; border-bottom: 1px solid rgba(236, 236, 236, 1) }
.markdown-body h3 { font-size: 20px; line-height: 28px }
.markdown-body h4 { font-size: 18px; line-height: 26px }
.markdown-body h5 { font-size: 17px; line-height: 24px }
.markdown-body h6 { font-size: 16px; line-height: 24px }
.markdown-body p { line-height: inherit; margin-top: 22px; margin-bottom: 22px }
.markdown-body img { max-width: 100% }
.markdown-body hr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: none; border-bottom: none; border-left: none; margin-top: 32px; margin-bottom: 32px }
.markdown-body code { border-radius: 2px; overflow-x: auto; background-color: rgba(255, 245, 245, 1); color: rgba(255, 80, 44, 1); font-size: 0.87em; padding: 0.065em 0.4em }
.markdown-body code, .markdown-body pre { font-family: Menlo, Monaco, Consolas, Courier New, monospace }
.markdown-body pre { overflow: auto; position: relative; line-height: 1.75 }
.markdown-body pre>code { font-size: 12px; padding: 15px 12px; margin: 0; word-break: normal; display: block; overflow-x: auto; color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.markdown-body a { text-decoration: none; color: rgba(2, 105, 200, 1); border-bottom: 1px solid rgba(209, 233, 255, 1) }
.markdown-body a:active, .markdown-body a:hover { color: rgba(39, 91, 140, 1) }
.markdown-body table { display: inline-block !important; font-size: 12px; width: auto; max-width: 100%; overflow: auto; border: 1px solid rgba(246, 246, 246, 1) }
.markdown-body thead { background: rgba(246, 246, 246, 1); color: rgba(0, 0, 0, 1); text-align: left }
.markdown-body tr:nth-child(2n) { background-color: rgba(252, 252, 252, 1) }
.markdown-body td, .markdown-body th { padding: 12px 7px; line-height: 24px }
.markdown-body td { min-width: 120px }
.markdown-body blockquote { color: rgba(102, 102, 102, 1); padding: 1px 23px; margin: 22px 0; border-left: 4px solid rgba(203, 203, 203, 1); background-color: rgba(248, 248, 248, 1) }
.markdown-body blockquote:after { display: block; content: "" }
.markdown-body blockquote>p { margin: 10px 0 }
.markdown-body ol, .markdown-body ul { padding-left: 28px }
.markdown-body ol li, .markdown-body ul li { margin-bottom: 0; list-style: inherit }
.markdown-body ol li .task-list-item, .markdown-body ul li .task-list-item { list-style: none }
.markdown-body ol li .task-list-item ol, .markdown-body ol li .task-list-item ul, .markdown-body ul li .task-list-item ol, .markdown-body ul li .task-list-item ul { margin-top: 0 }
.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 3px }
.markdown-body ol li { padding-left: 6px }
.markdown-body .contains-task-list { padding-left: 0 }
.markdown-body .task-list-item { list-style: none }
@media (max-width: 720px) { .markdown-body h1 { font-size: 24px } .markdown-body h2 { font-size: 20px } .markdown-body h3 { font-size: 18px } }.markdown-body pre, .markdown-body pre>code.hljs { color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.hljs-comment, .hljs-quote { color: rgba(153, 153, 136, 1); font-style: italic }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: rgba(51, 51, 51, 1); font-weight: 700 }
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: rgba(0, 128, 128, 1) }
.hljs-doctag, .hljs-string { color: rgba(221, 17, 68, 1) }
.hljs-section, .hljs-selector-id, .hljs-title { color: rgba(153, 0, 0, 1); font-weight: 700 }
.hljs-subst { font-weight: 400 }
.hljs-class .hljs-title, .hljs-type { color: rgba(68, 85, 136, 1); font-weight: 700 }
.hljs-attribute, .hljs-name, .hljs-tag { color: rgba(0, 0, 128, 1); font-weight: 400 }
.hljs-link, .hljs-regexp { color: rgba(0, 153, 38, 1) }
.hljs-bullet, .hljs-symbol { color: rgba(153, 0, 115, 1) }
.hljs-built_in, .hljs-builtin-name { color: rgba(0, 134, 179, 1) }
.hljs-meta { color: rgba(153, 153, 153, 1); font-weight: 700 }
.hljs-deletion { background: rgba(255, 221, 221, 1) }
.hljs-addition { background: rgba(221, 255, 221, 1) }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: 700 }

React-Native开发鸿蒙NEXT-一次审核闪退的排查思路

省流量先说结果。

原因： 审核时出现闪退的原因:在ArkTS工程的entry/obfuscation-rules.txt中添加了代码混淆相关规则导致release包出现问题。将相关混淆语句注释到后通过了云测试。

为何会添加： 某次DevEco-Studio更新后，打开工程会提醒你加上，当时想都没想就顺手点 上了。

---------------------------------流量分割线------------------------------------------

上周微信上鸿蒙的技术支持反馈，最近对应用的线上版本(0.0.3)测试发现了几个问题，主要是图片比例失真问题。加上应用上架填写的隐私相关选项需要在月底前修改下，这就得发个版本了。

修复了图片上传的问题，几个细节上微调下，就发了个0.0.4版本上去。然后就报审核不通过，存在崩溃。

由于手上有测试机，版本提交都是真机验证好了就发了，对审核的自动测试没关注过。跟技术支持沟通了下，提交了HarmonyOS Next云测试机型的使用申请通过后，用云测试跑了下0.0.4版本的兼容性和稳定性测试，确实没有通过。

先想到的肯定是通过日志定位代码。DevEco-Studio的代码/Analyze Stack Trace，把崩溃的代码调试贴进去，很遗憾直接报错了没有定位到代码。直接看日志也看不出问题。

从云测试的截图上看是到了登录界面一会就闪退了。!

无法定位本地又无法复现，只好下载了上个版本的app文件丢到云测试里去执行，确实没有崩溃方面的问题。那就要么是原生ArkTS里有有问题，要么是rn的jsbundle里有问题。

开始想到的是ArkTS里加载RN的方式，毕竟上个版本是用RNAPP来加载单个bundle，这次换成了基于RNSurface加载多个(虽然提交的版本没有加入社区，但加载方式已经调整了)。为此试验了下把加载方式改回0.0.3版本，还是不通过。

这下得官司难断了---到底是原生的问题，还是js的问题？两者都有问题是最难判断的情况。

先将0.0.4版本的原生壳+0.0.3的bundle跑了一下，结果不通过。感觉还是原生的问题。为此准备打开0.0.3的原生工程，结果刚打开工程看到了一个提示!

This may cause crashes？？？

Obfuscation-rules.txt是鸿蒙里处理代码混淆配置的文件。一下子就对上了---release的包没法安装在本地机器上，所以本地跑的都是debug版本；混淆又是只针对release版本。得，去掉几个混淆后在打包跑一遍0.0.4版本+0.0.3的bundle，通过了。最后切换到0.0.4的bundle，原生代码也都恢复，跑了个较长时间的兼容性+稳定性都可以了。!

折腾了两三天问题就这么解决了。一顺手成千古恨啊。云测试Next机型比较抢手，测试一次有时候要排队等好久才轮到自己的测试任务，无奈。!

---

更多内容可关注

我的公众号悬空八只脚