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 内,更可快速构建打包,投放到支付宝及微信。

敬请关注~

目录
相关文章
|
6月前
|
移动开发 监控 小程序
mPaaS常见问题之音视频通话微信小程序通话界面录制为画中画模式如何解决
mPaaS(移动平台即服务,Mobile Platform as a Service)是阿里巴巴集团提供的一套移动开发解决方案,它包含了一系列移动开发、测试、监控和运营的工具和服务。以下是mPaaS常见问题的汇总,旨在帮助开发者和企业用户解决在使用mPaaS产品过程中遇到的各种挑战
|
6月前
|
小程序 JavaScript
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
【微信小程序】之顶部选项卡自定义tabs(不用mp-tabs扩展组件,太难用了)
|
6月前
|
小程序 JavaScript
【微信小程序】之自定义九宫格展示row-grid(每行显示三个)
【微信小程序】之自定义九宫格展示row-grid(每行显示三个)
|
6月前
|
小程序 JavaScript
【微信小程序】之自定义三宫格一行展示row-grid(简单数据看板)
【微信小程序】之自定义三宫格一行展示row-grid(简单数据看板)
|
18天前
|
小程序
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
232 1
|
19天前
|
小程序 搜索推荐 API
微信小程序:自定义关注公众号组件样式
尽管关注公众号组件的样式固定且不可修改,但产品经理的需求却需要个性化的定制。在这种情况下,我们需要寻找解决方案,以满足这些特殊需求,尽管这可能有点棘手。
43 0
微信小程序:自定义关注公众号组件样式
|
4月前
|
小程序 开发者
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
【微信小程序-原生开发】实用教程05-首页(含自定义调试模式、插入图片、图文排版、底部留白、添加本地图片)
52 0
|
3月前
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
107 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
|
5月前
|
小程序 安全
微信小程序自定义底部导航栏
微信小程序自定义底部导航栏
|
4月前
|
小程序 前端开发
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
【微信小程序-原生开发】添加自定义图标(以使用阿里图标库为例)
181 0

热门文章

最新文章