10.1.60 升级指南
容器基类 自定义的所有 H5 页面的基类，必须是 H5WebViewController 的子类。若原有 H5 基类中实现了 back 方法，需删除。自定义导航栏 返回按钮需监听 kNBEvent_Scene_NavigationItem_Left_Back_Create_Before 事件，修改默认导航栏样式。
webview 组件控制
通过创建 webviewContext，提供从小程序向 web-view 发送消息的能力。说明：基础库 1.8.0 及以上版本支持本功能，低版本需做兼容处理，操作参见 ...说明：以上的双向通信能力的流程是 H5 先发消息给小程序，小程序接收到消息后再发消息给 H5。
如何排查离线包验签失败的问题
问题定义 离线包验签的原理与作用如 离线包简介 中所述，验签失败并不会直接导致 H5 应用不可用，但会导致 H5 容器无法从本地获取到 H5 应用的资源，所有流量都会 fallback 到线上，对用户体验和性能有一定的影响。常见症状 网络正常的情况...
UI 组件库简介
另外 AntUI 前端组件库也是在基于原有 AntUI 无线 H5 样式库的样式下，完善过交互逻辑，抽象配置项后的组件库。主要有以下组成部分：@alipay/antui 样式库@alipay/antui-vue 基于上述样式库的组件库 相关链接 AntUI 无线 H5 样式库
创建工程并添加 H5 容器组件
本视频向您介绍创建工程并添加 H5 容器组件的操作过程。
区块管理
区块兼容性 Web 应用支持 PC 和 H5 两种类型的页面，区块按照兼容的页面类型分为 PC 页面专用区块、H5 页面专用区块和通用区块三类，当前页面不可用的区块为灰色且不可拖入画布中。删除区块 区块根据所属模块分组展示，当前模块中的区块...
组件管理
组件兼容性 Web 应用支持 PC 和 H5 两种类型的页面，组件按照兼容的页面类型分为 PC 页面专用组件、H5 页面专用组件和通用组件三类。可通过组件面板上的标识查看组件兼容性，当前页面不兼容的组件为灰色且不可拖入画布中。自定义组件 在...
Android 小程序如何实现多次实例化
操作步骤 配置 assets 的 h5_tiny_multiApp 属性。在 assets 文件夹下的 custom_config.json 文件中设置 h5_tiny_multiApp 属性。[{"value":"NO","key":"h5_tiny_multiApp"}]启动参数配置。启动小程序时需设置 appClearTop 和 startMultApp...
使用 SDK
更多信息，参见 H5 容器初始化 文档。容器初始化[MPNebulaAdapterInterface initNebula];完成 H5 容器初始化后，参见 自定义插件 中的插件注册步骤，并按照下图所示的信息注册智能投放组件所使用的容器插件。上报分享数据 分享数据上报功能...
iOS 常见问题
如何解决 H5 容器定位偏移问题？解答：在使用 mPaaS 容器的过程中可能会遇到 H5 容器定位偏移的问题，请参考以下方法进行设置更新：(void)application:(UIApplication*)application beforeDidFinishLaunchingWithOptions:(NSDictionary*)...
启动参数
H5 容器运行时的外观和行为受一组参数控制，可在启动一个新实例或者 pushWindow 时指定，例如：mpaas:/platformapi/startapp?appId=20000067&url=http%3A%2F%2Fm.taobao.com&showOptionMenu=NO&startMultApp=YES 从前端打开一个新的 H5 ...
MPH5OpenFileChooserProvider 的使用
使用场景 在 H5 离线包中使用选择文件或者图片时，若不满足需求，可以使用自定义图片选择功能。如选择图片样式、可选多张图片、动态权限的处理等，推荐使用 MPH5OpenFileChooserProvider 来实现。实现方式 在 mPaaS 初始化完成后的回调中...
接入 Android 常见问题
public class H5NebulaFileProviderImpl implements H5NebulaFileProvider { private static final String TAG="H5FileProviderImpl;Override public Uri getUriForFile(File file){ try { return getUriForFileImpl(file);} catch...
mPaaS 10.2.3 适配 Android 14
升级 SDK 升级 SDK 前请先确认 assets/custom_config.json 中是否有如下配置：{"value":"{\"h5_enableExternalWebView\":\"YES\",\"h5_externalWebViewSdkVersion\":{\"min\":11,\"max\":34}}","key":"h5_webViewConfig"} 如果有该配置，...
mPaaS 10.1.60 升级指南
关于 H5 容器和离线包升级，请参见 H5 容器升级说明。10.1.60 基线中，消息推送新增加了对 OPPO 和 vivo 渠道推送的支持。10.1.60 基线新增加了对 社交分享 组件的管理支持，提供了简化的接入流程。关于社交分享的升级，请参见 迁移到 10.1...
管理离线包
传统的在线 H5 技术容易受到网络环境影响，从而影响 H5 页面的性能。为此，您可以将不同的业务封装打包成一个离线包，通过发布平台下发对客户端资源进行更新。本文将引导您管理离线包：生成离线包 加载离线包 利用全局资源包 动态更新离线...
在 mPaaS 控制台创建应用
在 应用列表 页，单击 H5 Application（应用名称）。在 应用详情 页，单击，打开 配置应用 页。在 配置应用 页，单击，打开 代码配置 页。在 代码配置 页，输入 Package Name（应用包名）（此处以 com.example.h5application 为例），上传...
H5 容器定位偏移解决方案
在使用 mPaaS 容器的过程中可能会遇到 H5 容器定位偏移的问题，请参考以下方法进行设置更新：(void)application:(UIApplication*)application beforeDidFinishLaunchingWithOptions:(NSDictionary*)launchOptions {/跳过 LBS 定位...
原生 AAR 方式接入工程
本文介绍如何通过原生 AAR 方式接入工程。在 Android Studio 中选择 mPaaS>原生 AAR 接入。在界面右侧弹出的窗口中...在弹出的组件列表中，勾选 H5 容器，并点击 OK，即可将 H5 容器组件添加至工程。至此您已完成通过原生 AAR 方式接入工程。
集成开发介绍
针对前端开发实现方式，钉钉开放平台支持小程序和H5微应用两种开发类型。开发步骤请参见 开发指导文档。第三方企业应用 开发者以钉钉、企业之外的第三方身份，基于钉钉的开放能力开发应用。应用接入钉钉后，钉钉上的企业/组织通过管理员...
自定义 UserAgent
容器提供添加自定义 userAgent 的接口，可设置当前应用所有 H5 页面的 UserAgent。您可以在 DTFrameworkInterface 的-(void)application:(UIApplication)application afterDidFinishLaunchingWithOptions:(NSDictionary)launchOptions 中...
通过 JSAPI 调用 MGS RPC 接口向服务端发送 POST 请求...
问题描述 H5 应用需要通过 JSAPI 调用移动网关 API 接口，该接口在业务侧是一个 POST 类型的 API。用户缺少如何在 H5 端构造 POST 请求的操作指示。服务端配置 业务侧 API 描述 假设业务侧 API 描述如下：POST/api/product {"id":0,...
chromium 内核 cve-2023-4357 漏洞修复
升级 UC 内核可能会伴随部分浏览器特性而发生改动，请对 H5 容器、小程序等使用 UC 浏览器的相关业务进行回归测试。重要 本次影响范围为 H5 容器和小程序组件。进行相关升级时，请做好详细回归测试，以保障 App 整体的功能、兼容性与稳定性...
mPaaS 如何抓取 release 包日志
使用场景 release 环境下查看 H5Log 的日志输出（可以在 AndroidStudio 的 logcat 里查看日志）。操作步骤 在清单文件里添加 meta-data 属性：!value 对应年月日例如：20221124->
mPaaS 10.1.68 适配 Android 12
UC 内核 在 assets 中 config 目录下创建 custom_config.json 文件，并在文件中添加以下内容：[{"value":"{\"h5_enableExternalWebView\":\"YES\",\"h5_externalWebViewSdkVersion\":{\"min\":11,\"max\":31}}","key":"h5_webViewConfig"}]...
web-view
web-view 组件用于承载 H5 网页，自动铺满整个小程序页面。每个页面只能有一个 web-view，请不要渲染多个web-view，会自动铺满整个页面，并覆盖其它组件。说明 基础库 1.6.0 开始支持，低版本需做兼容处理，操作参见 小程序基础库说明。...
智能投放常见问题
h5AppId=30000000&k1=v1&k2=v2…协议中，固定判断的 key 为 mpaas、open、h5AppId，其中：h5AppId 指离线包 ID。其他查询参数透传到目标页面。示例 跳转到 ID 为 30000000 的离线包：mpaas:/open?h5AppId=30000000 跳转到 ID 为 30000000 ...
获取代码示例
upgrade-plugin-demo-10.1.32-201904012120.zip 无 开关配置 ios-config-pod-demo-10.1.32-201904011823.zip ios-config-plugin-demo-10.1.32-201904012120.zip 无 H5 容器 ios-h5-pod-demo-10.1.32-201904011823.zip ios-h5-plugin-demo-...
创建监控告警事件
告警模块：选择对应的性能监控模块，支持网络告警、启动告警、页面告警、崩溃告警、H5 页面告警、业务告警、小程序告警七个模块。监控指标：因告警模块而异，详见下表说明。监控范围：指定监控告警事件的作用范围。监控范围的配置项因告警...
常见问题
h5AppId=30000000&k1=v1&k2=v2…协议中，固定判断的 key 为 mpaas、open、h5AppId，其中：h5AppId 指离线包 ID。其他查询参数透传到目标页面。示例 跳转到 ID 为 30000000 的离线包：mpaas:/open?h5AppId=30000000 跳转到 ID 为 30000000 ...
resource
使用插件 在脚手架的 package.json 中，可以看到如下配置：["resource",{"map":{"vue":{"external":"Vue","js":"https://gw.alipayobjects.com/as/g/h5-lib/vue/2.5.13/vue.min.js" },"fastclick":{"external":"FastClick","js":...
下载 PDF 文档
智能投放.pdf 移动性能监控 移动性能监控.pdf 智能搭建 智能搭建.pdf AB 测试 AB 测试.pdf H5 容器和离线包 H5 容器和离线包.pdf 小程序 小程序.pdf 前端框架与 UI 组件 前端框架与 UI 组件.pdf 社交分享 社交分享.pdf 设备标识 设备标识....
接入 Android
开启 H5 性能监控 接入 H5 容器后，H5 容器会自动上报性能监控数据，无需您手动埋点。开启闪退监控 如果已经接入了移动分析组件，APM 会自动捕获闪退信息并上传日志到服务端，无需处理。开启卡顿监控 卡顿是指 Android 主线程超过 2.25 秒...
Android 小程序自定义导航栏
前置条件 如果您需要开通小程序自定义标题栏，需在 custom_config.json 中加入：{"value":"NO","key":"mp_ta_use_orginal_mini_nagivationbar"} 操作步骤 mPaaS 小程序与 mPaaS H5 容器公用一个导航栏，因此，关于自定义标题栏的步骤，您...
自定义导航栏
} }@Override public void setH5Page(H5Page h5Page){ super.setH5Page(h5Page);title becomes available from here.if(getTitleBar().getBackgroundColor()=-1){ bgView.setBackgroundColor(Color.RED);} }@Override public void ...
Android 小程序自定义 View 自定义渲染参数
public class MyTestEmbedView extends MPBaseEmbedView {·@Override public void onReceivedRender(JSONObject jsonObject,H5BridgeContext h5BridgeContext){ LoggerFactory.getTraceLogger().debug(TAG,"onReceivedRender:"+jsonObject...
添加通知
document.querySelector('.stop').addEventListener('click',function(){ AlipayJSBridge.call('removeNotifyListener',{ name:'NEBULANOTIFY_TEST_EVENT'/H5 发出的事件必须以 NEBULANOTIFY_开通进行监听 },function(e){ alert(JSON....
分享
}@Override public boolean handleEvent(H5Event event,final H5BridgeContext context){ String action=event.getAction();if(ACTION_SHARE.equals(action)){ JSONObject param=event.getParam();String title=param.getString("title");...
定制 H5 页面导航栏
在定制 H5 页面的导航栏样式前，您需要确保已经了解以下框架导航栏和 H5 容器相关知识。前置条件 iOS 定制导航栏 自定义 JSAPI 自定义插件 设置所有 H5 页面导航栏默认样式 在应用主题的基础上，若您需要指定所有 H5 页面统一的样式，可以...
分发消息
前端可以通过此接口给客户端发送通知，H5 会统一给传入的 name 标记加一个前缀 NEBULANOTIFY_，然后作为通知名称进行发送。在 Android 10.1.0 之前的版本中，postNotification 的 data 字段不得为空，addNotifyListener 才可以接受。而在 ...
- 产品推荐
- 这些文档可能帮助您