工业物联网软件：PTC ThingWorx二次开发_（10）.ThingWorx移动应用开发.docx

PAGE1

PAGE1

ThingWorx移动应用开发

1.移动应用开发概述

在工业物联网（IIoT）中，移动应用开发的重要性不言而喻。随着移动设备的普及和功能的增强，越来越多的工业场景需要通过移动应用来实现设备监控、数据采集、远程操作等功能。ThingWorx平台提供了强大的移动应用开发工具，使得开发者可以快速构建和部署适用于多种移动设备的应用程序。

1.1移动应用开发的优势

随时随地访问：用户可以通过移动设备随时随地访问工业数据和系统，不受地理位置限制。

实时数据更新：移动应用可以实时获取和更新数据，提高决策的及时性和准确性。

提高工作效率：移动应用可以简化操作流程，减少手动输入错误，提高工作效率。

增强用户体验：通过用户友好的界面设计，提高用户的操作体验和满意度。

1.2ThingWorx移动应用开发工具

ThingWorx平台提供了两种主要的移动应用开发工具：MashupDesigner和MobileUXDesigner。

MashupDesigner：用于创建Web应用程序，可以生成响应式设计，适用于多种移动设备。

MobileUXDesigner：专门用于创建原生移动应用，支持iOS和Android平台。

2.使用MashupDesigner开发移动应用

2.1创建响应式Mashup

2.1.1响应式设计原理

响应式设计是一种使网页能够在不同设备上自动调整布局和内容的技术。ThingWorx的MashupDesigner支持响应式设计，开发者可以使用预定义的响应式组件和布局来创建适应不同屏幕尺寸的移动应用。

2.1.2创建响应式Mashup的步骤

打开MashupDesigner：

登录ThingWorx平台。

选择“MashupDesigner”工具。

创建新的Mashup：

点击“创建新Mashup”按钮。

选择“响应式”模板。

添加响应式组件：

从组件库中拖拽响应式组件到Mashup设计画布。

调整组件的布局和样式。

配置组件属性：

选择组件，配置其属性和事件。

例如，配置一个“数值仪表盘”组件，显示设备的实时温度。

测试和发布：

在不同设备上预览和测试Mashup。

确认无误后，发布Mashup。

2.1.3示例：创建一个显示设备温度的响应式Mashup

假设我们有一个设备，其温度数据可以通过ThingWorx平台获取。我们将创建一个响应式Mashup来显示这个设备的温度。

创建Mashup：

-打开MashupDesigner，选择“响应式”模板。

-命名Mashup为“TemperatureDashboard”。

添加组件：

-从组件库中拖拽一个“数值仪表盘”组件到设计画布。

-从组件库中拖拽一个“文本标签”组件到设计画布。

配置组件属性：

-选择“数值仪表盘”组件，配置其数据源为设备的温度属性。

-选择“文本标签”组件，配置其文本内容为“设备温度”。

编写数据绑定代码：

//获取设备的实时温度数据

varthingName=MyDevice;

varproperty=Temperature;

//创建一个服务调用，获取设备的温度

ThingWorx.MashupBuilder.Services[thingName].invoke(

get+property,

{},

function(response){

//更新数值仪表盘的值

ThingWorx.MashupBuilder.Widgets[TemperatureGauge].setValue(response[property]);

},

function(error){

console.error(Errorretrievingtemperaturedata:+error.message);

}

);

测试和发布：

-点击“预览”按钮，在不同设备上测试Mashup的显示效果。

-确认无误后，点击“发布”按钮，将Mashup发布到ThingWorx平台。

3.使用MobileUXDesigner开发原生移动应用

3.1MobileUXDesigner概述

MobileUXDesigner是ThingWorx平台提供的原生移动应用开发工具，支持iOS和Android平台。通过MobileUXDesigner，开发者可以创建高度定制化的移动应用，提供更好的用户体验。

3.2创建原生移动应用的步骤

打开MobileUXDesigner：

登录ThingWorx平台。

选择“M