
转载本文需注明出处:微信公众号EAWorld,违者必究。
前言:
目录:
1.开发环境介绍
2.神秘的微应用
3.丰富的组件
4.基于DevOps继续集成
1.开发环境介绍
移动平台8.0打开了以往eclipse平台的枷锁,全面拥抱了主流的VSCode编辑器,包括支持实用的cli命令行支持、及优秀的跨平台开发框架ReactNative。
移动开发平台提供了VSCode插件,并发布到官方应用市场。支持Primeton Mobile开发工具的安装,及项目创建、编译、调试、打包等命令,并提供了详细的文档及动画演示。快速的迭代开发使我们紧跟VSCode的更新,提供更方便快捷的开发体验。
简单执行命令npm install -g mobile-dev-cli即可安装移动开发平台cli命令行工具,工具包会跟随移动产品版本发布并持续更新。命令行提供了与VSCode插件同样的一套功能,专门为持续集成打造,无需安装VSCode也可以享受移动平台所有功能。同时提供pmobile check命令,一键检查环境变量,为安装开发环境保驾护航。
devtools是平台提供的完整的工具包,包括Android、iOS平台编译打包,组件扩展、调试基座配置等功能。开发者可以在/android、/ios目录下自行进行扩展开发,并重新打包调试基座或生产App。
2.神秘的微应用
随着Primeton® Mobile移动平台8.0GA版本于上周发布,普元的微应用跨入了2.0版本。新版本的微应用支持共四种应用类型:ReactNative微应用、Html5在线应用、Html5离线应用、原生应用,后续会持续迭代支持Cordova应用、Flutter应用等。微应用的UI也做了统一的管理,风格统一的标题栏、返回关闭按钮、底部菜单等。新版本微应用管理平台也做了大量升级,在兼容老版本所有功能的同时,优化了微应用授权、内测、运营等功能,也提供了微应用下载次数、打开次数、使用时长等数据的统计和展示。
普元不但是小程序浪潮中的参与者,也是小程序国际和国内标准的制定者。2020年7月30日,《Standard for Mini-program Architecture and Technical Requirements》(IEEE P2858)标准启动会在北京环球金融中心成功召开,普元信息移动产品线作为参赛单位的一员,为完善和开展国内标准建设、推进扩大市场化应用和促进小程序生态发展做出了贡献。
插句题外话,移动运营管理平台还支持门户应用的消息推送、日志分析、API网关、安全审计、门户楼层的配置、千人千面等功能,在此不做赘述,感兴趣的可以去售后申请试用。
普元移动平台同时提供了大量行业App的模板,包括电商模板(仿京东App),银行模板(仿招行App)等,这些模板开箱即用,无需任何配置,UI方面也是参考行业龙头企业App的设计,满足用户快速开发、快速上线的需求。当然,你也可以创建一个空白RN项目,从零开始开发,体验原汁原味的ReactNative开发。
普元微应用与ReactNative原生应用不同,它将开发与打包分离开来。微应用的开发环境只关心RN开发,而把原生部分分离在项目之外,所以该目录结构对于只做RN开发的人来说会更加合理和便捷。微应用的代码部分在src下,配置文件在config下,打包产物在output下。开发者在开发阶段只需关注src下代码部分,专注开发业务逻辑,打包则交给平台完成。
你可以通过扫码下载最新的调试客户端,目前我们支持调试客户端和调试服务在同网段的代码调试(Android可以通过adb端口转发实现无网络调试),同时Android和iOS也都支持模拟器安装调试,为部分企业的内网调试提供支持。
调试客户端不但支持代码开发预览,还支持在VSCode编辑器内断点调试、查看布局属性、查看应用网络请求等功能,还可以在非开发环境(未连接调试服务)下进行微应用的离线运行。这都得益于我们高度定制化的分包机制,在此不做展开,感兴趣可以持续关注EAWorld公众号和微课堂。
3.丰富的组件
在移动8.0GA产品中,我们提供了60多个组件,可以在配置打包信息时看到并勾选使用。组件包括ReactNative最常用到的导航组件、UI组件、ReactNativeCommunity社区提供的优秀的组件等,还有二维码、视频、音频、H5等支持。企业也可以将自己集成的组件发布到组件仓库中,形成组件资产的积累。
在配置打包页面,我们可以直接勾选项目使用的组件,如果有参数配置可以直接在右侧输入(比如微信appId等)。勾选时,有依赖的组件也会自动勾选,无需用户特别关注。
标准组件是基于普元移动平台,开发和编译过程中可插拔式的UI和功能库。当标准产品提供的API无法满足业务需求时,需要扩展组件来实现。扩展组件可以直接在开发环境devtools中直接开发,也可以使用pmobile link命令快速集成ReactNative三方组件,link命令执行后,脚本会修改/android下的项目依赖和ReactPackage的添加,/ios下pod文件增加依赖并pod install,/js下增加对组件的引用,这样打包出来的基座就可以直接使用这个组件了。
4.基于DevOps继续集成
平台提供了丰富的打包参数,并提供可视化页面,可以配置应用首页、版本号、欢迎页、App服务地址等,同时iOS支持打包app-store、enterprise、ad-hoc三种模式,并支持模拟器、安全通道、白名单等配置。组件也可以通过简单的勾选使用,无需重复开发,就能简单使用提供的60余组件。
对于移动类的应用,目前我们支持安卓应用的构建,首先是拉取代码,可以从Git库拉取,也可以从svn拉取,接着初始化打包环境并执行打包脚本,完成后选择发布到nexus或微应用的应用商店中。

普元移动门户管理平台不但提供了移动应用的更新、发布等功能,还提供了应用的上传、下载、二维码下载等能力。上传功能和DevOps打通,在编译成功后直接发布到应用商店中,开发测试人员可以直接扫码下载最新的App,实现开发测试流程的闭环。

目前移动开发平台8.0GA版本已经在内部使用,企业内部应用如会议室预定、工时填报也在紧锣密鼓的开发中,为了方便使用DevOps,也开发了DevOps移动App。可以在手机端查看DevOps中的任务、构建、发布、工单,同时构建状态也可以在手机端显示,更酷的是可以在手机端直接执行构建。例如第三张图,我在DevOps移动App中构建DevOps移动App(禁止套娃)。
总的来说,普元移动开发平台对微应用做了大量的优化,支持了四种微应用类型,提供了丰富的组件供开发人员选择。同时提供了DevOps移动App,支持在移动端进行编译打包发布等。新版本全面支持VSCode编辑器,同时提供cli命令行工具,为开发人员提供了方便快捷的开发环境,助力企业快速构建移动应用。
推荐阅读
关于作者:明月,现任普元移动团队资深开发工程师,长期致力于IT技术研究,产品设计和开发等工作,擅长Java、NodeJs、ReactNative等领域技术。先后参加深圳登、太平洋保险等移动项目的实施,参与Mobile 8.0移动平台的设计开发工作。
关于EAWorld:微服务,DevOps,数据治理,移动架构原创技术分享。长按二维码关注!

