ReactNative | 项目复盘，涉及环境、RN 版本升级、安全等方案

react-native run-android

adb devices // 执行此命令，设备会弹窗授权

gradlew.bat clean 或者 gradle clean

cd android && ./gradlew installRelease（安卓无需./）

gradlew.bat assembleRelease --console plain

adb logcat AndroidRuntime:E *:S

1. 删除模拟器app2. 删除构建包(gradlew.bat clean)3. 删除adb缓存(adb uninstall com.***)4. 重新执行

1、检测MainActivity文件是否存在2、AndroidManifest.xml内部的package名需要跟android/app/build.gradle里面的applicationId一致3、adb uninstall com.**(包名) 重新运行

注释掉react-native/Libraries/Core/InitializeCore.js中的polyfillGlobal('XMLHttpRequest', () => require('XMLHttpRequest'));暴露问题：注释掉此行代码，10.0.2.2将无法继续映射到本机地址127.0.0.1

automaticallyAdjustContentInsets控制是否调整放置在导航条、标签栏或工具栏后面的web视图的内容。默认值为true
contentInset {top: number, left: number, bottom: number, right: number}设置网页内嵌边距
injectedJavaScript设置在网页加载之前注入一段js代码
mediaPlaybackRequiresUserAction设置页面中的HTML5音视频是否需要在用户点击后再开始播放。默认值为true
scalesPageToFit设置是否要把网页缩放到适应视图的大小，以及是否允许用户改变缩放比例。
source在WebView中指定加载内容html或者url,可以指定header,method等
startInLoadingState强制WebView在第一次加载时先显示loading视图。默认为true
domStorageEnabled（android）布尔值,指定是否开启DOM本地存储
javaScriptEnabled（android）布尔值,指定WebView中是否启用JavaScript。只在Android上使用，因为在iOS上默认启用了JavaScript。
mixedContentMode(android)指定混合内容模式。即WebView是否应该允许安全链接（https）页面中加载非安全链接（http）的内容,
'never' (默认) - WebView不允许安全链接页面中加载非安全链接的内容'always' - WebView允许安全链接页面中加载非安全链接的内容。'compatibility' - WebView会尽量和浏览器当前对待此情况的行为一致userAgent(android)为WebView设置user-agent字符串标识。这一字符串也可以在原生端用WebViewConfig来设置，但js端的设置会覆盖原生端的设置。
allowsInlineMediaPlayback（ios）指定HTML5视频是在网页当前位置播放还是使用原生的全屏播放器播放。 默认值为false,视频在网页播放还需要设置webkit-playsinline
bounces(ios)指定滑动到边缘后是否有回弹效果。
decelerationRate（ios）指定一个浮点数，用于设置在用户停止触摸之后，此视图应以多快的速度停止滚动。也可以指定预设的字符串值，如"normal"和"fast"，
scrollEnabled（ios）是否启用滚动

injectJavaScript函数接受一个字符串，该字符串将传递给WebView，并立即执行为JavaScript
onError加载失败时回调
onLoad完成加载时回调
onLoadEnd加载成功或者失败都会回调
onLoadStart开始加载的时候回调
onMessage在webView内部网页中，调用window.postMessage可以触发此属性对应的函数，通过event.nativeEvent.data获取接收到的数据，实现网页和RN之间的数据传递
renderError返回一个视图用来提示用户错误
renderLoading返回一个加载指示器
onShouldStartLoadWithRequest(ios)请求自定义处理，返回true或false表示是否要继续执行响应的请求。

// 注入H5页面的代码const H5AppBridge = `   document.cookie = "from=RN;path=/"`
const TestWebView = createReactClass({   getInitialState(){      return{         url:'http://****'      }   },   render(){      return(        <SafeAreaView>           <WebView              ref='webView'             source={{uri:this.state.url}}             injectedJavaScript={H5AppBridge}           />        </SafeAreaView>      )   }})

// RN端 推送消息const TestWebView = createReactClass({   getInitialState(){      return{         url:'http://****'      }   },   render(){      return(        <SafeAreaView>           <WebView              ref='webView'             source={{uri:this.state.url}}             onLoadEnd={()=>{                // 也可以在其他地方获取webview，执行消息推送                this.refs.webView.postMessage("我是RN,呼叫H5")             }}           />        </SafeAreaView>      )   }})
// H5端  监听消息window.onload = function(){   // 监听的名字只能是"message"   document.addEventListener("message",function(e){      console.log("我是H5，收到消息",e.data)   })}

// RN端  监听const TestWebView = createReactClass({   getInitialState(){      return{         url:'http://****'      }   },   render(){      return(        <SafeAreaView>           <WebView              ref='webView'             source={{uri:this.state.url}}             onMessage={(event) => {                console.log("RN收到H5呼叫",event.nativeEvent.data);             }}           />        </SafeAreaView>      )   }})
// H5端 推送
window.postMessage('网页向rn发送的消息');

const injectedJavascript = `(function() {  window.postMessage = function(data) {    window.ReactNativeWebView.postMessage(data);  };})()`;

const RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
// 监听消息 RCTDeviceEventEmitter.addListener("test",function(res)=>{    console.log("接收到监听消息",res) })
 // 发送消息 RCTDeviceEventEmitter.emit('test', {})

修复方案一：用开发软件签名并打包安卓工程时，同时勾选V1和V2签名选项；修复方案二：命令行签名方式，使用keytool、jarsigner||apksigner工具签名  1) 使用keytool工具生成数字证书：   keytool -genkeypair -keystore 密钥库名 -alias 密钥别名 -validity 天数 -keyalg RSA   (或者也可以采用开发软件生成签名文件.jsk)  2) 使用jarsigner||apksigner工具为Android应用程序签名   jarsigner -keystore 密钥库名 xxx.apk 密钥别名   apksigner sign --ks 密钥库名 --ks-key-alias 密钥别名 xxx.apk

// OC：@implement RCTSQLManager- (void)query:(NSString *)queryData successCallback:(RCTResponseSenderBlOCk)responseSender{     RCT_EXPORT();     NSString *ret = @"ret"     responseSender(ret);}@end

// JS：RCTSQLManager.query("SELECT * FROM table", function(result) {     //result == "ret";});

{    "remoteModuleConfig": {        "RCTSQLManager": {            "methods": {                "query": {                    "type": "remote",                    "methodID": 0                }            },            "moduleID": 4        },        ...     },}