mPaaS 小程序多端开发| 学习笔记

简介: 快速学习 mPaaS 小程序多端开发。

开发者学堂课程【mPaaS 小程序开发实战 - 教你如何独立运行小程序 :mPaaS 小程序多端开发】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/741/detail/13132


mPaaS 小程序多端开发

 

mPaaS 小程序多端开发,指的是 mPaaS 小程序和微信小程序的多端开发以及 H5,mPaaS 小程序 id 在1.13版本之后,提供了一个模板,其中前两个是多端开发的模板,分别与市面上主流的多端开发的框架进行深度合作,并且集成到 mPaaS 小程序的 id 中。第一个是基于 uni-app 的多端开发的方案,第二个是基于 remax 的多端开发的方案。当然,两个方案都是非常优秀的。

image.png

基于 uni-app 给大家做一下演示。选中 uni-app 模板,点击完成,这样项目就建成了。

安装 uni-app,uni-app 的依赖建议大家手动进行安装,需要登录一下,重启一下,实际上是重启模拟器,这样就可以看见小程序的 demo了,这时如果想进行微信的开发,还需要用到 mPaaS 的工具箱,mPaaS 的工具箱有一个多端开发的功能,这个功能只有在多端开发的模板上才能看到,如果不是多端开发的模板就看不到。

image.png

现在的一套代码既可以支持现有的 app 的小程序,可以编译成微信的小程序,也可以编译成 H5 的产物,第一个就是电脑上微信小程序的安装文件,appid 是微信小程序中的微信用户,在多端开发之前,先要打开微信的小程序配置一下,首先需要登录,比较重要的配置是在设置里的安全设置中的服务端口一定要打开,否则 mPaaS 是没有办法唤醒微信的,开始调试就可以了,在微信中打开项目,这时稍微修改一下代码,Hello 改成 Hello World,保存一下,

image.png

可以看到在 mPaaS 中和微信中修改的都生效了,在微信中预览一下,点击预览,微信的预览已经生成了,可以在微信中看一下,微信扫描二维码后可以看到在微信中的效果。

image.png

在 mPaaS 中看一下,打开 mPaaS 扫描二维码,重新预览一下,可以看到在 mPaaS app 中的预览小程序的样子。

这样就能做到同一套代码,既支持微信,又支持了自由 app 中的小程序,同时支持 H5 的配置。

image.png

做一下 H5 的演示,H5 的构建既可以在浏览器中调试,也可以用手机的 app 扫码。

同一套代码,既可以在自由的 app 中,又可以在微信中,编译成 H5 之后还可以在浏览器中运行。

相关文章
|
3月前
|
人工智能 小程序 前端开发
一个小程序轻量AR体感游戏,开发实现解决方案
针对青少年运动兴趣不足问题,AR体感游戏凭借沉浸式互动体验脱颖而出。结合小程序“AI运动识别”插件与WebGL渲染技术,可实现无需外设的轻量化AR健身游戏,如跳糕、切水果等,兼具趣味性与锻炼效果,适用于儿童健身及职工团建,即开即玩,低门槛高参与。
|
3月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?哪个好
小程序的开发方式丰富多元,开发团队可根据自身的技术背景、项目具体需求以及资源状况,灵活挑选最为适宜的开发路径。以下将详细介绍几种主流的小程序开发方式。
463 1
|
3月前
|
运维 小程序 数据可视化
小程序开发平台有哪些?SaaS小程序制作平台哪个好
小程序开发模式详解:自主开发、SaaS小程序制作平台与外包全对比 选择合适的小程序开发模式,是项目成功的基石。这三种模式在成本、周期、控制力和灵活性上各有千秋,适用于不同阶段和不同类型的企业。下面我们将逐一深入剖析。
357 9
|
3月前
|
移动开发 小程序 前端开发
小程序快速开发平台有哪些?
小程序开发并非“一刀切”,需结合技术储备、资金预算、时间规划及功能需求等多维度因素综合考量。以下为您详细拆解五种主流开发方案及其适用场景,助您精准匹配开发路径。
283 3
|
3月前
|
移动开发 小程序 前端开发
小程序开发平台有哪些?小程序开发制作软件推荐
小程序开发方案全解析:5种主流方式与选择指南 小程序开发需根据技术能力、预算、时间及功能需求综合决策。以下为5种主流开发方案及适用场景分析:
25804 0
|
5月前
|
小程序 JavaScript API
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
这篇文章介绍了使用uni-halo框架进行微信小程序开发的过程,包括选择该框架的原因、开发目标以及项目配置和部署的步骤。
275 0
uni-halo + 微信小程序开发实录:我的第一个作品诞生记
|
8月前
|
小程序 前端开发 Android开发
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
1816 29
小程序微信分享功能如何开发?开放平台已绑定仍不能使用的问题?-优雅草卓伊凡
|
10月前
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
3173 11
技术小白如何利用DeepSeek半小时开发微信小程序?

热门文章

最新文章