mPaaS 小程序新手指南 ｜ 《mPaaS 小程序自定义开发》

第三篇：《mPaaS 小程序自定义开发》

亲爱的开发者们，这里是《mPaaS 小程序新手训练营》。通过这门训练营课程，我们将带您手把手了解 mPaaS 小程序的核心原理及接入流程。

上一节课《预览和调试 mPaaS 小程序》，我们带大家已完成 mPaaS 小程序的预览和调试的功能实现。这意味着，大家已经不仅仅只是接入 mPaaS 小程序那么简单，而是针对 mPaaS 小程序有了更强的自定义开发能力。

那么这堂课，我们就带着大家一窥其二，通过“自定义小程序导航栏”和“自定义小程序双向通道”两个能力的学习，帮助大家进一步了解 mPaaS 小程序自定义开发的真正魅力。

接下来，让我们快速开始。

自定义小程序导航栏
前提条件：

因 mPaaS 目前有 60 及 68 版本区别，在此我们仅讨论 68 基线下的接入步骤。
小程序和 H5 共用导航栏的实现，在进行自定义导航栏的开发时应将 H5 和小程序使用导航栏的情况都考虑在内，除非确定使用场景不包含 小程序或 H5。
自定义导航栏必须符合容器调用的标准流程，请仔细阅读本文档并按照要求进行开发。
小程序导航栏默认使用内置导航栏，如需开启自定义导航栏，详情请参考容器配置。
由于导航栏的颜色可以动态设置，为达到最佳体验效果，您应当准备两套主题配置并根据不同场景进行切换。
安卓开发者请看：
1、继承AbsTitleView抽象类并实现自定义导航栏。
2、实现 H5ViewProvider ，在 createTitleView 方法中创建并返回自定义导航栏实例。
3、在合适的地方，比如应用启动时，设置H5ViewProvider 至容器。
4、如果工程是基于 Portal&Bundle 架构，需额外设置。

iOS 开发者请看：
1、全局自定义导航栏背景和标题。
2、自定义某一页面导航栏背景和标题。
3、动态修改当前页面的导航栏背景和标题。
4、自定义导航栏返回按钮。
5、导航栏右侧设置和关闭按钮。

自定义小程序双向通道
安卓开发者请看：

[小程序调用原生自定义 API]
1、客户端自定义 API 并注册。
2、调用小程序调用。

[原生向小程序发送自定义事件]
1、小程序注册事件。
2、客户端发送事件。

iOS 开发者请看：

[小程序调用原生自定义 API]
1、客户端自定义 API 并注册。
2、调用小程序调用。

[原生向小程序发送自定义事件]
1、小程序注册事件。
2、客户端发送事件。

至此，恭喜你！你已基本掌握针对现有 App 接入 mPaaS 小程序并实现运行，同时掌握基于 mPaaS 小程序 IDE 工具实现预览和调试，更可自定义开发小程序。

一款 DIY 的小程序很快就可以跑在你的 App 中了。是否很兴奋？

不止于此，下一堂课，我们将和你分享我们最新的能力，结合 mPaaS 小程序 IDE，帮助你只用写一次小程序代码，便可投放至自有 App 内，更可快速构建打包，投放到支付宝及微信。