企业移动门户平台方案建议书

企业移动门户平台方案建议书

目录

第一章项目背景 (3)

1.1 项目目标 (3)

1.2 项目范围 (3)

1.3 项目价值 (3)

第二章移动平台建设 (5)

2.1 整体规划架构 (5)

2.2 建设步骤 (6)

2.3 第一阶段建设内容 (7)

2.3.1 移动技术平台 (7)

2.3.2 IM即时通讯平台 (32)

2.3.3 “掌上”移动门户 (43)

2.4 承建优势 (52)

2.4.1 完善的底层技术平台 (52)

2.4.2 后端系统集成 (52)

2.4.3 移动领域产品关系 (53)

第三章技术方案 (54)

3.1 移动平台硬件部署方案 (54)

3.1.1 硬件部署拓扑图 (54)

3.1.2 硬件和软件建议配置 (55)

3.2 IM即时通讯平台硬件部署方案 (56)

3.2.1 硬件部署拓扑图 (56)

3.2.2 硬件和软件建议配置 (56)

3.3 海外事业部访问 (56)

3.4 多语言 (57)

3.5 技术风险标识 (57)

3.6 框架灵活性 (58)

3.7 系统扩展能力 (58)

3.8 安全框架 (59)

3.9 以用户体验驱动 (60)

第四章软件方案 (61)

4.1 产品列表 (61)

第一章项目背景

随着移动应用技术的普及和推广，企业在生产和日常办公领域对移动应用技术的需求日益迫切。为响应立达信公司对3A（Any Time、Any Where、Any Things）办公体验的需求，在短时间内落实移动互联网技术、实现企业移动化办公的能力，故需要依托LCP云平台建设成果，与CRM、PDM、HR等异构信息系统后端集成，将原有的PC 端服务延伸至移动端，通过移动时间与空间上的特性，将企业内部信息系统、硬件等与员工实时连接起来，提高员工响应速度、企业流转效率。

1.1项目目标

建设统一应用入口、多系统整合的移动门户；

打通企业与员工、企业与客户的信息交流；

支撑门户的基础移动技术平台建设；

1.2项目范围

业务范围：移动技术平台建设及移动集成门户开发；

组织范围：立达信公司范围内国内外员工及客户、供应商。

1.3项目价值

移动门户建设咨询报告

第二章移动平台建设

2.1整体规划架构

移动门户平台整体架构

在LCP云办公平台、CRM、PDM、HR等现有业务系统之上构建企业移动化技术平台；同时搭建运维监控平台。

包含前端APP、EMM移动管理、IM即时通讯平台、移动集成中间件、移动开发工具、运维监控共六个大板块：

前端APP层本次规划对内建设”掌上”全员应用、客户移动应用、供应商移动应用、公众号微信轻应用，对外主要采用微信轻应用的方式与用户快速建立连接；

EMM移动安全管理主要负责内部移动大环境下的人员、设备、应用及数据安全的管理、预警监控；

IM即时通讯平台提供即时通讯、消息推送、短信服务等多种服务，私有部署以SDK 的形式暴露功能，为前端应用提供支撑；

MA Server移动中间件起到对前端应用提供逻辑支撑及与后端业务系统集成两个作用；

开发工具层提供学习成本低廉且主流通用的开发IDE环境，便于后期自主开发、维护各类前端应用。

运维监控层负责服务器硬件、业务系统Server端、移动应用后端的监控管理。提供高可用、系统监控、运行日志、异常报警、性能监测等能力。

2.2建设步骤

原则：

1.可维护性强、接口完善、应用场景广泛、实施风险较小的功能先行。

2.功能设计、集成方式尽可能考虑已有IT投资，复用已有接口。

3.UE先行，功能设计及交互必须遵守UE设计规范，保证高效的用户体验。

4.技术平台及门户框架采用主流通用技术及框架级的定制化能力，保证其扩展性

强。

5.提供数据加密、链路加密、文档转换、截屏禁用等能力，保证数据安全。

本次移动项目建设将分为三个阶段进行：

第一阶段：

?平台先行，搭建底层移动技术平台，基于平台考虑上层应用的构建与LCP平台及第三方异构系统对接。

?第一阶段聚焦移动办公门户的建设，门户应用适用性高，价值最大，且依靠LCP 平台已有的接口来实现移动门户风险较小。

?本阶段完成移动门户单点验证、即时通讯、通讯录等基础功能；完成LCP-OA 功、销售前端支持等办公功能；完成移动BI报表功能。

第二阶段：

?完成业务系统移动端与移动门户内应用中心的开发集成。

?完成用户移动应用开发，重点实现微信、用户APP与移动门户的即时通讯集成。

?选择部分功能以微信轻应用的方式，通过微信公众号在未安装APP的情况下允许使用部分功能。

第三阶段：

?深化调整修改已上线应用。

?对有实现难度的功能，考虑其拥有成本的性价比，逐步开发上线。

?对新建后端业务系统，持续与移动门户应用中心集成上线。

2.3第一阶段建设内容

2.3.1移动技术平台

2.3.1.1移动开发工具

2.3.1.1.1编码工具

Mobile移动平台具有独立知识产权的IDE编码工具，基于Eclipse，使用HTML/CSS/JavaScript语言开发，对于传统的JAVA程序员上手速度非常快。提供有可视化开发环境、67个即拖即用的界面控件、38个以上的样式属性、107个公共服务API，通过拖拉拽和配置的方式设计移动应用界面，同时提供有语法差错、智能代码提示等常用功能。

另外IDE还提供有主页、展示页、登陆页、查询、九宫格等现成的多样的符合UE 设计规范的页面模板，通过项目创建向导可以非常方便的自动生成完整的APP应用工程，程序员自定义的界面也可以发布为模板进行共享复用，可以大大的提高代码复用率、提高代码规范。

可视化界面开发

智能代码提示

2.3.1.1.2开发方式

Mobile移动平台与普通意义上的混合应用平台的不同之处是，我们使用Web技术开发Native应用，通过交叉编译技术跨平台，把符合W3C规范的HTML5语法，

作为移动UI开发的DSL，使用Web技术开发Native应用。为开发人员提供所见即所得的开发工具，使用统一的开发语言如HTML5、css3、javascript等，而不必掌握Java、C/C++、C#等Native移动开发技术来开发Native App、Hybird App、Web App。而Javascript到Native之间的交互，语言数据传输，从原生调用JS可能产生的性能损失，经反复测试应该是毫秒级的，实际上层UI跟用Native开发在性能上没有任何区别，既保留了Web技术的跨平台能力强、简单易用、人力资源丰富等优势，有保证了性能与表现力接近纯粹的Native应用。

基于平台内原生编译、私有浏览器编译、原生浏览器编译三种编译引擎，支持在同一APP内同时存在原生、混合、H5的同时存在。对于应用内UI界面、人机交互、设备调用等内容将生成原生代码，保证高质量的用户体验；对于一些经常更新或简单集成的内容，提供原生浏览器的方式支持H5运行，这样保证不需要更新APP即可更新内容；IDE提供有Web APP工程项目，使用JQ Mobile框架支持微信轻应用的开发。

Mobile提供多种跨平台方式，不仅仅只是包一层原生壳而已，满足原生、web、混合、微信轻应用等场景需求。

2.3.1.1.3调试工具

Mobile移动平台的IDE环境提供有虚拟机调试、真机运行调试、真机预览调试三种调试方式，均支持断点跟踪的调试方式。调试环境与Eclipse DBug工具操作风格一致，不需要重新学习适应。

调试环境自动关联Chrom浏览器，一键打开JS控制台，能够对JS代码进行跟踪调试。

调试工具

JS断点

2.3.1.1.4模拟工具

Mobile移动平台的IDE环境已与genymotion模拟器打通，genymotion可以模拟主流的操作系统、不同设备机型、不同分辨率，IDE环境可以一键编译打包自动安装运行应用于模拟机内。对与真机部署，同样支持一键编译打包自动安装运行应用。

另外，Mobile移动平台提供有真机实时预览工具，真机安装实时预览工具后，确保手机所在网络与开发环境的电脑在同一个网络内，在IDE中先生成代码再开启实时预览服务，不需要编译生成安装包安装即可实时在真机环境中查看运行效果，方便快速开发在真机环境中进行调试。

实时预览工具

2.3.1.1.5安装包生成工具

Mobile移动平台IDE环境内提供跨平台统一编译，支持生成代码、一套代码简单分别编译为IOS、Android代码，提供有代码混淆加密、APP加固反编译功能。

Android系统安装包在IDE环境本机就可以打包生成；IOS打包因需要MAC环境支持，所以Mobile平台提供BuildServer编译工具，不依赖MAC，部署于开发局域网内，与IDE环境无缝集成，提供一键自动打包上传下载IOS安装包；WindowsPhone 系统支持APK安装包安装，所以WindowsPhone安装包等同Android安装包。2.3.1.1.6平台组件

Mobile移动平台IDE内提供有67个即拖即用的组件控件及107个服务API：应用组件：

IDE环境提供有细粒度的导航控件，可以根据需求自定义多级导航、滚动导航、抽屉导航等多种效果。

IDE环境内对图表展示提供有柱状图、散点图、折线图、面积图、气泡图、饼图、漏斗图、金字塔图等十几种常用图表，可通过配置的方式定义展示的颜色、样式等。同时提供WEB容器，支持以H5的方式扩展第三方开源控件，直接导入到IDE内就可使用。

IDE环境提供多媒体控件，包含图片展示组件、3D滑块、轮播图、画廊等组合控件。通过高级组合控件可以实现由滑块组成的立体圈形，可使用手指左右移动滑块圈，点击其中即可了解相关的图片、文字、视频等精彩内容。可以实现以导航的形式快速指引关键信息，通过导航查看详细信息，支持多层级展开及热区设置，点击热区可打开详细内容窗口，展示更详细的信息。

IDE环境提供可拖拉拽使用的视频、音频、录音、图片预览等控件，通过简单的配置即可在开发的APP内实现多媒体处理能力。结合开发平台内提供的设备存储、文件传输等API，可通过少量代码实现音视频、图片的采集、上传、下载、预览功能。

IDE环境内提供两种基于Chrome内核的Web组件，可以直接展示Web内容或引入.html文件。

设备组件：

IDE环境提供有原生设备调用API，通过原生的方式调用终端设备，覆盖设备信息、网络信息（在外网环境时，能够自动打通VPN 通道）、定位功能、重力感应、摄像头、LBS、传感器、文件读写、二维码、即时通讯、语音、视频、邮件、信息、短信、电话等功能。支持第三方扩展API，组件封装的扩展方式及积木式的开发方式可以保证新的功能模块加入不能影响原功能。

数据展示组件：

提供有终端List本地数据库的操作API，可实现本地数据增删改查分页等操作；提供有终端本地文件缓存操作API；提供有文件加密解密缓存API。

2.3.1.2移动中间件

2.3.1.2.1前端APP运行支撑

移动中间件内提供数据传输、协议访问、加密解密、数据库操作等API服务，通过JAVA代码开发的方式实现原有PC端业务逻辑对移动端的适配转换等工作。实际的业务逻辑采用接口集成的方式依然调用后端原业务系统。

2.3.1.2.2后端业务系统集成

移动中间件实现后端业务系统集成，常见的分为Http和WebService两种方式。Http服务：

配置MAServer接http的配置文件,主要是三个配置文件datasources .xml , provider .xml, services.xml并编写MAServer服务端代码。

在UAPhome的/conf/configure目录下找到应用appid对应的目录，打开services.xml文件，具体配置方式如下：

其中id为调用时的服务id，provider为业务类名(在provider.xml中配置)，method为要调用的相应http服务的方法名，returntype为返回值类型；params为传入参数类型以“|”隔开，datasource 数据源id（在datasources.xml中配置）；

打开datasources.xml文件，具体配置方式如下：

其中id为引用该数据源时需要的id，url为已有https服务的url。此处是我们前一步开发的http服务；

打开provider.xml文件，具体配置方式如下：

其中id为引用时使用的id，HTTPGatewayService为MAServer提供的http默认服务处理类；

通过GatewayServiceFactory.findGatewayService(appid,serviced.params)调用前面开发的http服务,第一个参数是appid，第2个参数是services.xml定义的服务id，最后一个参数是传入参数

端上调用MAServer的代码

Web Service服务：

MAServer网关当接收到Web Service服务请求时，通过传入参数中的应用id和服务id找到在配置文件中配置的Web Service相关信息，完成相应Web Service调用，并依照配置文件中配置的格式返回结果。具体使用的时候通过如下方式进行调用。

通过appid、serviceid找到服务，并传入参数，然后调用该服务。如果在此应用下配置的服务id对应的是一个Web Service 服务，那么这一次调用就是调用的一个Web Service。paraMap为传入参数（需要与services.xml中配置的类型匹配），对象类型为Map ，传入参数格式示例：params= { "param1": "01", "param2": "5221" } 。其中params为key值，“{ "param1": "01", "param2":

"5221" }”为对应参数的json串。返回值为webservice调用返回的生成的对象（与services.xml配置的returntype类型相同）；

在UAPhome的/conf/configure目录下找到应用id对应的目录，打开services.xml文件，具体配置方式如下：

其中id为调用时的服务id，provider为业务类名(在provider.xml中配置)，method为要调用的相应Web Service的方法名，returntype为返回值类型；params 为传入参数类型以“|”隔开，datasource 数据源id（在datasources.xml中配置）。

数据源配置，打开datasources.xml文件，具体配置方式如下：

其中id为引用该数据源时需要的id，url为已有Web Service服务的url。

打开provider.xml文件，具体配置方式如下：

其中id为引用时使用的id，WebServiceGatewayService为新加的Web Service 默认服务处理类。

1Mobile移动平台可以根据要求支持源码开放。默认开放组件控件源代码，其他功能模块源码需按照商务策略进行开放。

2Mobile平台开放组件控件的扩展方式，支持第三方原生接口、JS接口、H5组件的扩展导入。

2.3.1.2.3文档转换服务

MA Server移动中间件产品提供文档转换的相关API，对于不允许终端修改保存的文档或复杂格式的文档，均可转换为网页、图片格式。

原PC系统需要在移动端显示或传输、下载的附件等，移动中间件提供有PDF/WORD/Excel/图片等格式文件的转换、压缩服务，根据需要直接调用即可。2.3.1.3移动安全管理

2.3.1.3.1设备管理

EMM移动管理平台设备管理主要用于设置对哪些移动设备进行安全管理。包括发送消息、锁定、解锁、擦除、停用、启用、删除、设备分组、加入设备黑名单和设备详情查看等功能。

注册设备

单个设备注册需要用户安装移动门户，在EMM服务首页，用户下载安装和配置设备管理客户端。安装打开UAP移动门户后，设备端访问EMM服务器地址，对设备进行自动注册。移动门户自动采集系统版本、设备标识、设备型号、设备MAC 地址、运营商、操作系统等信息，关联登录用户账号。

设备列表

在EMM管理平台设备信息管理节点下，用户可通过点击界面左侧“组织机构”和“设备组”两个树状查询视图方式，按照组织机构、人员、设备型号等查看对应的机构或设备组下的设备列表详情。

设备搜索

如上图所示，设备列表提供有组织机构、人员、设备信息等分类信息，并提供模糊查询功能，方便管理员准确定位搜索需要被管理的设备。

设备信息

通过设备类别，点击详情进入设备基础信息界面，查看设备系统版本、硬件信息、设备标识、设备型号、设备MAC 地址、设备状态、运营商、持有人、操作系统、应用程序等基础信息，如下图所示：

应用信息

通过设备列表进入设备详细信息页面，可以查看已安装应用的信息，包括企业应用以及个人应用，设备相关的设备状态、密码是否合规、设备标识、是否越狱、设备存储状态等信息

设备应用列表

合规检查

EMM管理平台会根据配置策略及权限，实时监测设备是否越狱、应用安装、策略配置是否合规，在平台主页可以实时查看详情。

对违规操作，将根据策略定义对管理员发送告警，并进行数据擦除、设备禁访备、禁止访问应用、文件资源等操作。

设备管理指令下发

EMM管理平台设备管理模块通过移动门户与设备端建立连接，完成实时监控、数据采集与策略下发，在管理员界面，可以通过可视化的方式可以远程下发管理指令到移动设备，实现对设备的设备锁定、设备屏幕锁定、清除设备的锁屏密码、设备企业数据擦除、恢复出厂设置等功能。可对标记为丢失状态的设备，推送消息炸弹，销毁设备中的企业数据。