百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

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

ccwgpt 2024-11-07 09:51 48 浏览 0 评论

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代码如下:


  1. public class WebAppEntryFragment extends Fragment {
  2. EntryProxy mEntryProxy = null;
  3. @Override
  4. public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  5. if (mEntryProxy == null) {
  6. FrameLayout f = new FrameLayout(getActivity());
  7. // 创建5+内核运行事件监听
  8. WebappModeListener wm = new WebappModeListener(getActivity(), f,"test111");
  9. // 初始化5+内核
  10. mEntryProxy = EntryProxy.init(getActivity(), wm);
  11. // 启动5+内核
  12. mEntryProxy.onCreate(getActivity(), savedInstanceState, SDK.IntegratedMode.WEBAPP, null);
  13. return f;
  14. }else{
  15. return super.onCreateView(inflater, container, savedInstanceState);
  16. }
  17. }
  18. @Override
  19. public void onPause() {
  20. super.onPause();
  21. mEntryProxy.onPause(getActivity());
  22. }
  23. @Override
  24. public void onResume() {
  25. super.onResume();
  26. mEntryProxy.onResume(getActivity());
  27. }
  28. @Override
  29. public void onDestroy() {
  30. super.onDestroy();
  31. mEntryProxy.onStop(getActivity());
  32. }
  33. }

wepAppModeListener代码:


  1. public class WebappModeListener implements ICore.ICoreStatusListener, IOnCreateSplashView {
  2. Activity activity;
  3. View splashView = null;
  4. ViewGroup rootView;
  5. IApp app = null;
  6. ProgressDialog pd = null;
  7. String args;
  8. public WebappModeListener(Activity activity, ViewGroup rootView,String args) {
  9. this.activity = activity;
  10. this.rootView = rootView;
  11. this.args=args;
  12. }
  13. /**
  14. * 5+内核初始化完成时触发
  15. * */
  16. @Override
  17. public void onCoreInitEnd(ICore coreHandler) {
  18. // 表示Webapp的路径在 file:///android_asset/apps/HelloH5
  19. String appBasePath = "/apps/H5DA27D9D";
  20. //args为启动参数,可在页面中通过plus.runtime.arguments;方法获取到传入的参数
  21. // 启动启动独立应用的5+ Webapp
  22. app = SDK.startWebApp(activity, appBasePath, args, new IWebviewStateListener() {
  23. // 设置Webview事件监听,可在监监听内获取WebIvew加载内容的进度
  24. @Override
  25. public Object onCallBack(int pType, Object pArgs) {
  26. switch (pType) {
  27. case IWebviewStateListener.ON_WEBVIEW_READY:
  28. // WebApp准备加载事件
  29. // 准备完毕之后添加webview到显示父View中,
  30. // 设置排版不显示状态,避免显示webview时html内容排版错乱问题
  31. View view = ((IWebview) pArgs).obtainApp().obtainWebAppRootView().obtainMainView();
  32. view.setVisibility(View.INVISIBLE);
  33. if(view.getParent() != null){
  34. ((ViewGroup)view.getParent()).removeView(view);
  35. }
  36. rootView.addView(view, 0);
  37. break;
  38. case IWebviewStateListener.ON_PAGE_STARTED:
  39. // 首页面开始加载事件
  40. pd = ProgressDialog.show(activity, "加载中", "0/100");
  41. break;
  42. case IWebviewStateListener.ON_PROGRESS_CHANGED:
  43. // WebApp首页面加载进度变化事件
  44. if (pd != null) {
  45. pd.setMessage(pArgs + "/100");
  46. }
  47. break;
  48. case IWebviewStateListener.ON_PAGE_FINISHED:
  49. // WebApp首页面加载完成事件
  50. if (pd != null) {
  51. pd.dismiss();
  52. pd = null;
  53. }
  54. // 页面加载完毕,设置显示webview
  55. // 如果不需要显示spalsh页面将此行代码移动至onCloseSplash事件内
  56. app.obtainWebAppRootView().obtainMainView().setVisibility(View.VISIBLE);
  57. break;
  58. }
  59. return null;
  60. }
  61. }, this);
  62. app.setIAppStatusListener(new IApp.IAppStatusListener() {
  63. // 设置APP运行事件监听
  64. @Override
  65. public boolean onStop() {
  66. // 应用运行停止时调用
  67. rootView.removeView(app.obtainWebAppRootView().obtainMainView());
  68. // TODO Auto-generated method stub
  69. return false;
  70. }
  71. @Override
  72. public void onStart() {
  73. // 独立应用启动时触发事件
  74. }
  75. @Override
  76. public void onPause(IApp arg0, IApp arg1) {
  77. // WebApp暂停运行时触发事件
  78. }
  79. @Override
  80. public String onStoped(boolean arg0, String arg1) {
  81. // TODO Auto-generated method stub
  82. return null;
  83. }
  84. });
  85. }
  86. @Override
  87. public void onCoreReady(ICore coreHandler) {
  88. // 初始化5+ SDK,
  89. // 5+SDK的其他接口需要在SDK初始化后才能調用
  90. SDK.initSDK(coreHandler);
  91. // 设置当前应用可使用的5+ API
  92. SDK.requestAllFeature();
  93. //调用nativeObj.bitmap时 load之前 需要 onCoreReady中进行 imageloader初始化
  94. ImageLoaderUtil.initImageLoaderL(activity);
  95. }
  96. @Override
  97. public boolean onCoreStop() {
  98. // 当返回false时候回关闭activity
  99. return false;
  100. }
  101. // 在Widget集成时如果不需要显示splash页面可按照如下步骤操作
  102. // 1 删除onCreateSplash方法内的代码
  103. // 2 将5+mainView添加到rootview时将页面设置为不可见
  104. // 3 在onCloseSplash方法中将5+mainView设置为可见
  105. // 4 修改androidmanifest.xml文件 将SDK_WebApp的主题设置为透明
  106. // 注意!
  107. // 如果不显示splash页面会造成用户点击后页面短时间内会没有变化,
  108. // 可能会给用户造成程序没响应的错觉,
  109. // 所以开发者需要对5+内核启动到5+应用页面显示之间的这段事件进行处理
  110. @Override
  111. public Object onCreateSplash(Context pContextWrapper) {
  112. splashView = new FrameLayout(activity);
  113. splashView.setBackgroundResource(RInformation.DRAWABLE_SPLASH);
  114. rootView.addView(splashView);
  115. return null;
  116. }
  117. @Override
  118. public void onCloseSplash() {
  119. rootView.removeView(splashView);
  120. }
  121. }
  122. 在Activity里面重写onActivityResult
  123. @Override
  124. protected void onActivityResult(int requestCode, int resultCode, Intent data) {
  125. super.onActivityResult(requestCode, resultCode, data);
  126. EntryProxy.getInstnace.ActivityExecute(this, SysEventType.onActivityResult, new Object[] { requestCode, resultCode, data });
  127. }

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

@Override

public 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失效。有时候启动还会导致白屏。

相关推荐

一个基于.Net Core遵循Clean Architecture原则开源架构

今天给大家推荐一个遵循CleanArchitecture原则开源架构。项目简介这是基于Asp.netCore6开发的,遵循CleanArchitecture原则,可以高效、快速地构建基于Ra...

AI写代码翻车无数次,我发现只要提前做好这3步,bug立减80%

写十万行全是bug之后终于找到方法了开发"提示词管理助手"新版本那会儿,我差点被bug整崩溃。刚开始两周,全靠AI改代码架构,结果十万行程序漏洞百出。本来以为AI说没问题就稳了,结果...

OneCode低代码平台的事件驱动设计:架构解析与实践

引言:低代码平台的事件驱动范式在现代软件开发中,事件驱动架构(EDA)已成为构建灵活、松耦合系统的核心范式。OneCode低代码平台通过创新性的注解驱动设计,将事件驱动理念深度融入平台架构,实现了业务...

国内大厂AI插件评测:根据UI图生成Vue前端代码

在IDEA中安装大厂的AI插件,打开ruoyi增强项目:yudao-ui-admin-vue31.CodeBuddy插件登录腾讯的CodeBuddy后,大模型选择deepseek-v3,输入提示语:...

AI+低代码技术揭秘(二):核心架构

本文档介绍了为VTJ低代码平台提供支持的基本架构组件,包括Engine编排层、Provider服务系统、数据模型和代码生成管道。有关UI组件库和widget系统的信息,请参阅UI...

GitDiagram用AI把代码库变成可视化架构图

这是一个名为gitdiagram的开源工具,可将GitHub仓库实时转换为交互式架构图,帮助开发者快速理解代码结构。核心功能一键可视化:替换GitHubURL中的"hub...

30天自制操作系统:第六天:代码架构整理与中断处理

1.拆开bootpack.c文件。根据设计模式将对应的功能封装成独立的文件。2.初始化pic:pic(可编程中断控制器):在设计上,cpu单独只能处理一个中断。而pic是将8个中断信号集合成一个中断...

AI写代码越帮越忙?2025年研究揭露惊人真相

近年来,AI工具如雨后春笋般涌现,许多人开始幻想程序员的未来就是“对着AI说几句话”,就能轻松写出完美的代码。然而,2025年的一项最新研究却颠覆了这一期待,揭示了一个令人意外的结果。研究邀请了16位...

一键理解开源项目:两个自动生成GitHub代码架构图与说明书工具

一、GitDiagram可以一键生成github代码仓库的架构图如果想要可视化github开源项目:https://github.com/luler/reflex_ai_fast,也可以直接把域名替换...

5分钟掌握 c# 网络通讯架构及代码示例

以下是C#网络通讯架构的核心要点及代码示例,按协议类型分类整理:一、TCP协议(可靠连接)1.同步通信//服务器端usingSystem.Net.Sockets;usingTcpListene...

从复杂到优雅:用建造者和责任链重塑代码架构

引用设计模式是软件开发中的重要工具,它为解决常见问题提供了标准化的解决方案,提高了代码的可维护性和可扩展性,提升了开发效率,促进了团队协作,提高了软件质量,并帮助开发者更好地适应需求变化。通过学习和应...

低代码开发当道,我还需要学习LangChain这些框架吗?| IT杂谈

专注LLM深度应用,关注我不迷路前两天有位兄弟问了个问题:当然我很能理解这位朋友的担忧:期望效率最大化,时间用在刀刃上,“不要重新发明轮子”嘛。铺天盖地的AI信息轰炸与概念炒作,很容易让人浮躁与迷茫。...

框架设计并不是简单粗暴地写代码,而是要先弄清逻辑

3.框架设计3.框架设计本节我们要开发一个UI框架,底层以白鹭引擎为例。框架设计的第一步并不是直接撸代码,而是先想清楚设计思想,抽象。一个一个的UI窗口是独立的吗?不是的,...

大佬用 Avalonia 框架开发的 C# 代码 IDE

AvalonStudioAvalonStudio是一个开源的跨平台的开发编辑器(IDE),AvalonStudio的目标是成为一个功能齐全,并且可以让开发者快速使用的IDE,提高开发的生产力。A...

轻量级框架Lagent 仅需20行代码即可构建自己的智能代理

站长之家(ChinaZ.com)8月30日消息:Lagent是一个专注于基于LLM模型的代理开发的轻量级框架。它的设计旨在简化和提高这种模型下代理的开发效率。LLM模型是一种强大的工具,可以...

取消回复欢迎 发表评论: