RN，android原生修改debug模式，代码服务器地址方法及源码分析

用过debug的都知道，rn可以设置链接的调试服务器，大概张这个样子：

如果我们想在原生代码里修改呢？该怎么做？

答案可能会出乎你的想象的简单，这个链接是使用sharedPreferences保存的只要使用sharedPreferences修改key为”debug_http_host”的值就可以了~~~

不过我们还是深入了解一下源码的原理，可以帮助我们更好的理解RN，下面我来为您讲述一下：

首先要了解这个类，ReactInstanceManager，ReactInstanceManager非常重要，是RN的主控制器， 构建RN世界的运行环境，发送事件到JS世界， 驱动整个RN世界运转。

之后，ReactInstanceManager拥有一个DevSupportManager实例，这个类是debug模式相关功能的控制器，所以链接服务器当然也归他管啦~~

ReactInstanceManager初始化的时候会通过DevSupportManagerFactory创建mDevSupportManager实例，代码如下：

mDevSupportManager = DevSupportManagerFactory.create(

applicationContext,

mDevInterface,

mJSMainModulePath,

useDeveloperSupport,

redBoxHandler,

devBundleDownloadListener,

minNumShakes);

其中mDevInterface声明如下：

private final ReactInstanceDevCommandsHandler mDevInterface =

new ReactInstanceDevCommandsHandler() {

@Override

public void onReloadWithJSDebugger(JavaJSExecutor.Factory jsExecutorFactory) {

ReactInstanceManager.this.onReloadWithJSDebugger(jsExecutorFactory);

}

@Override

public void onJSBundleLoadedFromServer() {

ReactInstanceManager.this.onJSBundleLoadedFromServer();

}

@Override

public void toggleElementInspector() {

ReactInstanceManager.this.toggleElementInspector();

}

};

看到onJSBundleLoadedFromServer方法没有，这就是通过服务器获取bundle调用的方法，哈哈~

@ThreadConfined(UI)

private void onJSBundleLoadedFromServer() {

Log.d(ReactConstants.TAG,”ReactInstanceManager.onJSBundleLoadedFromServer()”);

recreateReactContextInBackground(

mJavaScriptExecutorFactory,

JSBundleLoader.createCachedBundleFromNetworkLoader(

mDevSupportManager.getSourceUrl(),mDevSupportManager.getDownloadedJSBundleFile()));

}

看最后一行，mDevSupportManager.getSourceUrl()，这里就是去拿我们保存的URL了。

DevSupportManager是一个接口类，DevSupportManagerImpl类才是真正的实现,DevSupportManagerImpl的getSourceUrl()如下：

@Override

public String getSourceUrl() {

if (mJSAppBundleName ==null) {

return “”;

}

return mDevServerHelper.getSourceUrl(Assertions.assertNotNull(mJSAppBundleName));

}

再看mDevServerHelper.getSourceUrl：

public String getSourceUrl(String mainModuleName) {

return createBundleURL(

mainModuleName,mSettings.isBundleDeltasEnabled() ? BundleType.DELTA : BundleType.BUNDLE);

}

createBundleURL的实现：

private String createBundleURL(String mainModuleID, BundleType type) {

return createBundleURL(

mainModuleID, type,mSettings.getPackagerConnectionSettings().getDebugServerHost());

}

private String createBundleURL(String mainModuleID, BundleType type, String host) {

return String.format(

Locale.US,

“http://%s/%s.%s?platform=android&dev=%s&minify=%s“,

host,

mainModuleID,

type.typeID(),

getDevMode(),

getJSMinifyMode());

}

这里我们看到createBundleURL的参数host就是我们设置的URL了，是通过mSettings.getPackagerConnectionSettings().getDebugServerHost()方法得到，

而这个方法：

public String getDebugServerHost() {

// Check host setting first. If empty try to detect emulator type and use default

// hostname for those

String hostFromSettings =mPreferences.getString(PREFS_DEBUG_SERVER_HOST_KEY,null);

if (!TextUtils.isEmpty(hostFromSettings)) {

return Assertions.assertNotNull(hostFromSettings);

}

String host = AndroidInfoHelpers.getServerHost();

if (host.equals(AndroidInfoHelpers.DEVICE_LOCALHOST)) {

FLog.w(

TAG,

“You seem to be running on device. Run ‘adb reverse tcp:8081 tcp:8081’ ” +

“to forward the debug server’s port to the device.”);

}

return host;

}

我们看到了， String hostFromSettings =mPreferences.getString(PREFS_DEBUG_SERVER_HOST_KEY,null);，通过PREFS_DEBUG_SERVER_HOST_KEY从找到的，而PREFS_DEBUG_SERVER_HOST_KEY就是我们前文所说的”debug_http_host”啦

谢谢阅览！