第三篇:《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 内,更可快速构建打包,投放到支付宝及微信。
敬请关注~