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

本文涉及的产品
mPaaS订阅基础套餐,标准版 3个月
简介: 上一节课《预览和调试 mPaaS 小程序》,我们带大家已完成 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 内,更可快速构建打包,投放到支付宝及微信。

敬请关注~

目录
相关文章
|
7月前
|
移动开发 监控 小程序
mPaaS常见问题之音视频通话微信小程序通话界面录制为画中画模式如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
107 0
|
7月前
|
缓存 小程序 Android开发
mPaaS问题之更改包名之后就进不了小程序如何解决
mPaaS小程序是阿里巴巴移动平台服务(mPaaS)推出的一种轻量级应用解决方案,旨在帮助开发者快速构建跨平台的小程序应用;本合集将聚焦mPaaS小程序的开发流程、技术架构和最佳实践,以及如何解决开发中遇到的问题,从而助力开发者高效打造和维护小程序应用。
134 1
|
7月前
|
Android开发
在mPaaS框架中,要自定义通知栏背景色
【1月更文挑战第13天】【1月更文挑战第65篇】在mPaaS框架中,要自定义通知栏背景色
63 1
|
7月前
|
Web App开发 移动开发 小程序
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了,
"项目中mpaas升级到10.2.3 适配Android 14之后 app中的H5以及小程序都访问不了,显示“网络不给力,请稍后再试”,预发内网版本不能使用,线上版本可以正常使用,这个是什么原因啊,是某些参数没有配置吗,还是说是一些参数改错了?
118 2
|
7月前
|
小程序 安全 算法
mPaaS问题之使用小程序传参数报错如何解决
mPaaS小程序是阿里巴巴移动平台服务(mPaaS)推出的一种轻量级应用解决方案,旨在帮助开发者快速构建跨平台的小程序应用;本合集将聚焦mPaaS小程序的开发流程、技术架构和最佳实践,以及如何解决开发中遇到的问题,从而助力开发者高效打造和维护小程序应用。
123 2
|
7月前
|
移动开发 安全 小程序
mpaas常见问题之小程序容器,跑起来后一直提示 "网络不给力, 请稍后再试"如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
134 0
|
7月前
|
小程序 Android开发 iOS开发
mPaaS问题之Ios调小程序报错如何解决
mPaaS小程序是阿里巴巴移动平台服务(mPaaS)推出的一种轻量级应用解决方案,旨在帮助开发者快速构建跨平台的小程序应用;本合集将聚焦mPaaS小程序的开发流程、技术架构和最佳实践,以及如何解决开发中遇到的问题,从而助力开发者高效打造和维护小程序应用。
mPaaS问题之Ios调小程序报错如何解决
|
移动开发 小程序 安全
mPaaS 小程序多端开发| 学习笔记
快速学习 mPaaS 小程序多端开发。
mPaaS 小程序多端开发| 学习笔记
|
小程序
|
小程序 前端开发 Shell
接入 mPaaS 小程序并实现启动 iOS 版| 学习笔记
快速学习接入 mPaaS 小程序并实现启动 iOS 版。
接入 mPaaS 小程序并实现启动 iOS 版| 学习笔记

热门文章

最新文章