MUI框架原生wepApp启动遇到过的坑与总结

1.在activity里面启动。不能指定单个H5页面启动，只能在manifest.json里面配置启动页面。2.在fragment里面启动，这里一定要注意，重写ffragment所在activity里面的onActivityforResult方法，并调用mEntryProxy.onActivityExecute(this, SysEventType.onActivityResult, new Object[] { requestCode, resultCode, data });此处mEntryProxy可通过单例模式获取。不然h5页面调用相册相机文件夹没反应。fragment通过webApp启动Mui代码如下：

public class WebAppEntryFragment extends Fragment {
EntryProxy mEntryProxy = null;

@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
if (mEntryProxy == null) {
FrameLayout f = new FrameLayout(getActivity());
// 创建5+内核运行事件监听
WebappModeListener wm = new WebappModeListener(getActivity(), f,"test111");
// 初始化5+内核
mEntryProxy = EntryProxy.init(getActivity(), wm);
// 启动5+内核
mEntryProxy.onCreate(getActivity(), savedInstanceState, SDK.IntegratedMode.WEBAPP, null);
return f;
}else{
return super.onCreateView(inflater, container, savedInstanceState);
}
}

@Override
public void onPause() {
super.onPause();
mEntryProxy.onPause(getActivity());
}

@Override
public void onResume() {
super.onResume();
mEntryProxy.onResume(getActivity());
}

@Override
public void onDestroy() {
super.onDestroy();
mEntryProxy.onStop(getActivity());
}

}

wepAppModeListener代码：

public class WebappModeListener implements ICore.ICoreStatusListener, IOnCreateSplashView {
Activity activity;
View splashView = null;
ViewGroup rootView;
IApp app = null;
ProgressDialog pd = null;
String args;

public WebappModeListener(Activity activity, ViewGroup rootView,String args) {
this.activity = activity;
this.rootView = rootView;
this.args=args;
}

/**
* 5+内核初始化完成时触发
* */
@Override
public void onCoreInitEnd(ICore coreHandler) {

// 表示Webapp的路径在 file:///android_asset/apps/HelloH5
String appBasePath = "/apps/H5DA27D9D";

//args为启动参数,可在页面中通过plus.runtime.arguments;方法获取到传入的参数
// 启动启动独立应用的5+ Webapp
app = SDK.startWebApp(activity, appBasePath, args, new IWebviewStateListener() {
// 设置Webview事件监听，可在监监听内获取WebIvew加载内容的进度
@Override
public Object onCallBack(int pType, Object pArgs) {
switch (pType) {
case IWebviewStateListener.ON_WEBVIEW_READY:
// WebApp准备加载事件
// 准备完毕之后添加webview到显示父View中，
// 设置排版不显示状态，避免显示webview时html内容排版错乱问题
View view = ((IWebview) pArgs).obtainApp().obtainWebAppRootView().obtainMainView();
view.setVisibility(View.INVISIBLE);

if(view.getParent() != null){
((ViewGroup)view.getParent()).removeView(view);
}
rootView.addView(view, 0);
break;
case IWebviewStateListener.ON_PAGE_STARTED:
// 首页面开始加载事件
pd = ProgressDialog.show(activity, "加载中", "0/100");
break;
case IWebviewStateListener.ON_PROGRESS_CHANGED:
// WebApp首页面加载进度变化事件
if (pd != null) {
pd.setMessage(pArgs + "/100");
}
break;
case IWebviewStateListener.ON_PAGE_FINISHED:
// WebApp首页面加载完成事件
if (pd != null) {
pd.dismiss();
pd = null;
}
// 页面加载完毕，设置显示webview
// 如果不需要显示spalsh页面将此行代码移动至onCloseSplash事件内
app.obtainWebAppRootView().obtainMainView().setVisibility(View.VISIBLE);
break;
}
return null;
}
}, this);

app.setIAppStatusListener(new IApp.IAppStatusListener() {
// 设置APP运行事件监听
@Override
public boolean onStop() {
// 应用运行停止时调用
rootView.removeView(app.obtainWebAppRootView().obtainMainView());
// TODO Auto-generated method stub
return false;
}

@Override
public void onStart() {
// 独立应用启动时触发事件
}

@Override
public void onPause(IApp arg0, IApp arg1) {
// WebApp暂停运行时触发事件
}

@Override
public String onStoped(boolean arg0, String arg1) {
// TODO Auto-generated method stub
return null;
}
});
}

@Override
public void onCoreReady(ICore coreHandler) {
// 初始化5+ SDK，
// 5+SDK的其他接口需要在SDK初始化后才能調用
SDK.initSDK(coreHandler);
// 设置当前应用可使用的5+ API
SDK.requestAllFeature();
//调用nativeObj.bitmap时  load之前 需要 onCoreReady中进行 imageloader初始化
ImageLoaderUtil.initImageLoaderL(activity);
}

@Override
public boolean onCoreStop() {
// 当返回false时候回关闭activity
return false;
}

// 在Widget集成时如果不需要显示splash页面可按照如下步骤操作
// 1 删除onCreateSplash方法内的代码
// 2 将5+mainView添加到rootview时将页面设置为不可见
// 3 在onCloseSplash方法中将5+mainView设置为可见
// 4 修改androidmanifest.xml文件 将SDK_WebApp的主题设置为透明
// 注意！
// 如果不显示splash页面会造成用户点击后页面短时间内会没有变化，
// 可能会给用户造成程序没响应的错觉，
// 所以开发者需要对5+内核启动到5+应用页面显示之间的这段事件进行处理

@Override
public Object onCreateSplash(Context pContextWrapper) {
splashView = new FrameLayout(activity);
splashView.setBackgroundResource(RInformation.DRAWABLE_SPLASH);
rootView.addView(splashView);
return null;
}

@Override
public void onCloseSplash() {
rootView.removeView(splashView);
}
}

在Activity里面重写onActivityResult

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);

EntryProxy.getInstnace.ActivityExecute(this, SysEventType.onActivityResult, new Object[] { requestCode, resultCode, data });

}

3.MUI原生插件，新写法继承 StandarFrature，个人理解，h5调用原生插件，原生插件操作完，返回结果。插件调用一次失效。

public void PluginFunction(IWebview pWebview, JSONArray array){Striong CallBackID=array.optString(0);String iWebview=pWebview;

Activity activity=pWebView.getActivity();

//回调 可在其他地方书写

JSUtil.execCallback(iWebview, CallBackID, jsonArray, JSUtil.OK, false);

}

因为我们当时的需求，插件里的方法要多次执行，所以当h5收到回调后又继续调用插件方法，构成一个循环。老式写法，

implements

IFeature

@Overridepublic String execute(IWebview iWebview, String action, String[] pArgs) {//此处action等同于新式写法的方法名//参数获取，通过下表String Type = pArgs[2];String value = pArgs[4];//回调写法相同

JSUtil.execCallback(iWebview, CallBackID, jsonArray, JSUtil.OK, false);

return null;}当然写的插件都要在data目录下的properties下配置，不然引用不到。具体配置参考官网。4.其他坑爹的地方，在execute里面使用activity里面的变量为空，不知道神马原因。我一怒给直接使用静态变量处理。H5内核启动不能在后台启动，不然导致js失效。有时候启动还会导致白屏。总结：MUI与原生开发，就是个坑，你不在填坑中，就在去填坑的路上。在此吐槽，神马敏捷开发，效率高，效果媲美原生，都tm是一坨屎，jar包多如狗，配置繁琐,项目臃肿，无用的东西太多，说多了都是泪哦。