Web服务和Azure-如何使用React使用Web服务？

Question

我使用Visual Studio Community 2015在Visual Basic中编写了一个Web服务。编写的代码将建立mySql与mySql在云上托管的mySql数据库的连接。该代码正常工作，并从mySql数据库中提取所需的数据。我在开发机器上进行了本地测试。

我他们使用发布向导发布了代码。向导首次打开时，我选择了一个发布目标（Microsoft Azure Web Apps），然后单击“确定”。下一个屏幕要求我输入Web应用程序名称，应用程序服务计划，资源组，区域和数据库服务器。我输入了所有信息，然后单击创建。

过了一会儿，我收到一条消息，提示您所选择的区域中不允许使用我的订阅类型。但是，当我登录Azure帐户并转到门户时，会看到一个名为appServicewmcw的条目（这是我在发布时输入的应用程序的名称），右侧是“应用程序服务计划”。

当我单击该应用程序时，会得到一个页面，其中提供以下信息：

  

资源组：resourceGroupwmcw

     

状态：正在运行

     

位置：美国东部

     

订阅：免费试用

     

订阅ID：xxxxxxxxxxxxxx

     

URL：https://webservicewmcw.azurewebsites.net

     

应用服务计划/定价层：appServicewmcw

     

FTP /部署用户名：未设置FTP /部署用户

     

FTP主机名：ftp://waws-prod-blu-099.ftp.azurewebsites.windows.net

     

FTPS主机名：ftps：//waws-prod-blu-099.ftp.azurewebsites.windows.net

所以，我的问题是，如何调用（消费？）此Web服务并显示该服务返回的数据？我试图在React中编写代码以显示在页面上。我正在使用的代码将是这样的：

import React from 'react';
import ReactDOM from 'react-dom';

let appTitle_literal = "Title Not Found";
let appDescription_literal = "Description Not Found";

{
    call the web service
    if the web service returns data then
        let returned_data = web_service_returned_data
        let rData = returned_data.split("|")
        appTitle_literal = rData[0]
        appDescription_literal = rData[1]
}

const appTitle_element = React.createElement('div', null, appTitle_literal);
const appDescription_element = React.createElement('div', null, appDescription_literal);

ReactDOM.render(appTitle_element, document.getElementById('appTitle'));
ReactDOM.render(appDescription_element, document.getElementById('appDescription'));