开发者学堂课程【mPaaS 小程序开发实战: mPaaS 小程序多端开发】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/301/detail/3517
mPaaS 小程序多端开发
内容介绍:
一、mPaaS 小程序的多端开发的能力
二、H5 演示
一、mPaaS 小程序的多端开发的能力
小程序的多端开发的能力指的是 mPaaS 小程序和微信小程序的多端开发以及 H5。小程序 IDE 在1.13版本之后提供了一个模板。这个模板里面前两个是多端开发的模板。这两个模板分别是与市面上比较主流的多端开发的框架进行了一个深度的合作,并且集成到了 mPaaS 小程序 IDE 中。第一个是基于这个 uni-app 的多端开发的方案。第二个是基于 remax 多端开发的方案,这两个都是非常优秀的开发。
二、基于 uni-app 进行演示
先登录。选中一个小程序,重启一下,模拟器就可以看到小程序的 Demo。如果进行微信的开发。还需要用到uni-app工具箱里面的多端开发的功能。多端开发这个功能,只有在选择多端开发的模板时才能看到,如果不是多端开发的模板,是看不到多端开发这个功能。
这一套代码既可以支持自有app的小程序,也可以编译成微信的小程序,同时还可以编译成H5这样一个产物。
微信小程序配置,第一个是电脑上微信小程序的安装文件,第二个是项名称,appid 实际上是微信小程序中的微信的 id。
在多端开发之前,先要打开微信小程序进行配置。首先需要登录,另外比较重要的配置是微信的开发工具,安全设置,服务端口,服务端口一定要打开,否则 mPaaS是没有办法唤醒微信的。
开始调试构建中。在微信打开项目,可以稍微修改一下代码,文字由 hello 改成hello word,保存。在 mPaaS、微信中,修改的文案都已经生效。同一套代码既支持了微信又支持了自有的 app 中的小程序同时也支持 H 5当中。
H5 的构建,既可以在浏览器中,也可以用手机 app 扫码。
同一套代码,既可以在 app 中又可以在微信中,同时可以在编译成 H5之后可以在浏览器中运行。