MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

在MuleSoft中,创建Application的方式有三种

  • Flow Designer:用于构建连接系统并使用API的集成应用程序的Web应用程序
  • API Designer:用于设计,记录和模拟API的Web应用
  • Anypoint Studio:桌面IDE,用于实现API和构建集成应用程序

那么来看看如何使用Flow Designer创建Mule应用程序

在Anypoint Platform中,进入Design Center,点击Create New,在弹出框中选择 Create New Application,输入名称:TestFlow

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

 在随后出现的画布上,选择HTTP  Connector, 在下一步Target选择 Training - American Flights API, Operation选择:Get Flights

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

Tips:Training - American Flights API 是MuleSoft提供的供开发者学习的一个接口,你可以在App Exchange中找到这个接口的详细内容,

在出现的接口中输入访问地址:flights,然后关闭选项卡,可以看到现在的画布上有这样几个模块

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序 MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

点击第三个组件American Flights API Configuration,对Training - American Flights这个接口的信息进行配置

  • Client_Id:d1374b15c6864c3682ddbed2a247a826
  • Client_Secret:4a87fe7e2e43488c927372AEF981F066
  • Host: training4-american-api.cloudhub.io
  • Port: 80
  • Base Path:/
  • Protocol:HTTP

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序 MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

配置完成后,关闭页签,然后点击右上角 TEST 按钮,这里就会相当于启动接口,生成了一个可以访问的URL

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

现在回到Advanced REST Client (Get请求也可以直接通过浏览器地址栏访问),将刚刚的URL复制上去,同时在最后拼上我们之前设置的访问地址:/flights

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

 可以看到接口返回了200状态码以及一些测试数据

接下来回到MuleSoft Design Center,打开 American Flights API卡片,其中Input/output中可以切换Attribute和Payload,查看接口的输入输出信息

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序 MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

  点开右下角的Log面板,可以看到接口请求的详细日志信息

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

 这时候,我们可以切换到Runtime Manager, 查看接口的执行情况

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

点接口进去查看详细信息,包括接口日志,看板,设置等等信息都在Runtime manage中可以查看到奥

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

回到Design Center,我们点击 ➕ 再添加一个卡片,选择 Transform, 点击创建一个新的Data Type

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

 输入 Data Type名称为:NewFlights,类型选择JSON,写入JSON Example如下,点击保存

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

[
    {
      "airline": "United",
      "flightCode": "ER38sd",
      "fromAirportCode": "LAX",
      "toAirportCode": "SFO",
      "departureDate": "May 21, 2016",
      "emptySeats": 0,
      "totalSeats": 200,
      "price": 199,
      "planeType": "Boeing 737"
    },
    {
      "airline": "Delta",
      "flightCode": "ER0945",
      "fromAirportCode": "PDX",
      "toAirportCode": "CLE",
      "departureDate": "June 1, 2016",
      "emptySeats": 24,
      "totalSeats": 350,
      "price": 450,
      "planeType": "Boeing 747"
    }
]

搞定这一步之后,完成对数据字段的映射,直接拖动字段建立映射关系

Input OutPut Payload
price   price
departureDate departureDate
plan - totalSeats totalSeats
emptySeats emptySeats
plan - type planeType
code  flightCode
origin fromAirportCode
destination toAirportCode

 

 

 

 

 

 

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

然后对没有映射关系的airline点击Set Expression, 输入 “american” ,完成后点击底部的Script页签,可以查看转换的DataWeave表达式

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

这时候看到右侧的Preview显示为null, 所以我们点击Sample data页签,写入JSON样例数据

[{
    "ID": 1,
    "code": "ER38sd",
    "price": 400.00,
    "departureDate": "2016/03/20",
    "origin": "MUA",
    "destination": "SFO",
    "emptySeats": 0,
    "plane": {
        "type": "Boeing 737",
        "totalSeats": 150
    }
}, {
    "ID": 2,
    "code": "ER45if",
    "price": 345.99,
    "departureDate": "2016/02/11",
    "origin": "MUA",
    "destination": "LAX",
    "emptySeats": 52,
    "plane": {
        "type": "Boeing 777",
        "totalSeats": 300
    }
}]

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

 完成这些之后,重新点击TEST按钮,再通过接口测试客户端发送请求,对比加上Transform之后的效果,就可以看到,接口返回的数据格式已经不一样了,而这也就是为什么MuleSoft可以支持同一个接口的数据可以应用到不同系统的原因,通过Transform对数据格式在MuleSoft中进行转换

MuleSoft系列(二) 使用Flow Designer创建Mule应用程序

以上的对MuleSoft平台的一个简单探索,了解了在Anypoint平台上应该如何应用Design Center去设计一个应用程序,同时学会查看日志,使用Runtime Manager,要理解Transform在数据格式转换上的作用

上一篇:ElasticSearch 6.7.1操作纪录


下一篇:Python可视化 | Seaborn包—heatmap()