Simular una API CRUD a través de Internet

Artículo
04/27/2024

Dev Proxy permite simular API CRUD sin tener que compilarlas. La simulación de API mediante el proxy de desarrollo le permite ahorrar tiempo y acelerar el desarrollo. Al integrar la API con servicios en la nube, debe exponer la API a través de Internet para que el servicio en la nube pueda acceder a ella. Para exponer una API CRUD simulada por dev Proxy a través de Internet, use Túneles de desarrollo. En este artículo se explica cómo configurar una API CRUD para que se exponga a través de Internet mediante túneles de desarrollo.

Sugerencia

La API CRUD de este artículo se basa en el ejemplo de proxy de desarrollo de base de datos Northwind.

Configuración de la API CRUD para que se exponga a través de Internet

Para exponer una API CRUD simulada por dev Proxy a través de Internet, empiece por configurar la API CRUD.

Importante

En este momento, solo puede exponer las API CRUD http a través de Internet mediante túneles de desarrollo.

Definición de los datos de la API CRUD

Create un archivo de datos, denominado orders-data.json, que respalda la API CRUD, por ejemplo:

[
  {
    "OrderID": 10248,
    "CustomerID": "VINET",
    "EmployeeID": 5,
    "OrderDate": "1996-07-04T00:00:00",
    "RequiredDate": "1996-08-01T00:00:00",
    "ShippedDate": "1996-07-16T00:00:00",
    "ShipVia": 3,
    "Freight": 32.38,
    "ShipName": "Vins et alcools Chevalier",
    "ShipAddress": "59 rue de l'Abbaye",
    "ShipCity": "Reims",
    "ShipPostalCode": "51100",
    "ShipCountry": "France"
  },
  {
    "OrderID": 10249,
    "CustomerID": "TOMSP",
    "EmployeeID": 6,
    "OrderDate": "1996-07-05T00:00:00",
    "RequiredDate": "1996-08-16T00:00:00",
    "ShippedDate": "1996-07-10T00:00:00",
    "ShipVia": 1,
    "Freight": 11.61,
    "ShipName": "Toms Spezialitäten",
    "ShipAddress": "Luisenstr. 48",
    "ShipCity": "Münster",
    "ShipPostalCode": "44087",
    "ShipCountry": "Germany"
  }
]

Configuración de la API CRUD

A continuación, cree el archivo de configuración de API denominado orders-api.json, donde especifique la dirección URL de la API CRUD, sus operaciones y el archivo de datos. Asegúrese de especificar una dirección URL HTTP en la baseUrl propiedad :

{
  "$schema": "https://raw.githubusercontent.com/microsoft/dev-proxy/main/schemas/v0.17.0/crudapiplugin.schema.json",
  "baseUrl": "http://api.northwind.com/orders",
  "auth": "none",
  "dataFile": "orders-data.json",
  "actions": [
    {
      "action": "getAll"
    },
    {
      "action": "getOne",
      "url": "/{order-id}",
      "query": "$.[?(@.OrderID == {order-id})]"
    },
    {
      "action": "create"
    },
    {
      "action": "merge",
      "url": "/{order-id}",
      "query": "$.[?(@.OrderID == {order-id})]"
    },
    {
      "action": "delete",
      "url": "/{order-id}",
      "query": "$.[?(@.OrderID == {order-id})]"
    }
  ]
}

Definición de la configuración del proxy de desarrollo

A continuación, cree un archivo de configuración del proxy de desarrollo denominado devproxyrc.json con el CrudApiPlugin habilitado. Configure el proxy de desarrollo para escuchar la dirección URL que configuró para la API CRUD:

{
  "$schema": "https://raw.githubusercontent.com/microsoft/dev-proxy/main/schemas/v0.17.0/rc.schema.json",
  "plugins": [
    {
      "name": "CrudApiPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
      "configSection": "ordersApi"
    }
  ],
  "urlsToWatch": [
    "http://api.northwind.com/*"
  ],
  "ordersApi": {
    "apiFile": "orders-api.json"
  }
}

Comprobación de la configuración

Compruebe que la API CRUD funciona correctamente mediante la ejecución del proxy de desarrollo y el envío de solicitudes a la API CRUD.

Inicie el proxy de desarrollo, suponiendo que guardó la configuración del proxy de desarrollo en un archivo denominado devproxyrc.json en el directorio de trabajo actual:

devproxy

Llame a la API CRUD mediante curl:

$ curl -x http://127.0.0.1:8000 http://api.northwind.com/orders

[
  {
    "OrderID": 10248,
    "CustomerID": "VINET",
    "EmployeeID": 5,
    "OrderDate": "1996-07-04T00:00:00",
    "RequiredDate": "1996-08-01T00:00:00",
    "ShippedDate": "1996-07-16T00:00:00",
    "ShipVia": 3,
    "Freight": 32.38,
    "ShipName": "Vins et alcools Chevalier",
    "ShipAddress": "59 rue de l'Abbaye",
    "ShipCity": "Reims",
    "ShipPostalCode": "51100",
    "ShipCountry": "France"
  },
  {
    "OrderID": 10249,
    "CustomerID": "TOMSP",
    "EmployeeID": 6,
    "OrderDate": "1996-07-05T00:00:00",
    "RequiredDate": "1996-08-16T00:00:00",
    "ShippedDate": "1996-07-10T00:00:00",
    "ShipVia": 1,
    "Freight": 11.61,
    "ShipName": "Toms Spezialitäten",
    "ShipAddress": "Luisenstr. 48",
    "ShipCity": "Münster",
    "ShipPostalCode": "44087",
    "ShipCountry": "Germany"
  }
]

Exposición de la API CRUD a través de Internet

Para exponer la API CRUD a través de Internet, inicie un túnel de desarrollo asignado al puerto proxy de desarrollo. Configure el túnel para usar el nombre de host configurado para la API CRUD.

Advertencia

Permitir el acceso anónimo a un túnel de desarrollo significa que cualquier persona de Internet puede conectarse al servidor local, si pueden adivinar el identificador del túnel de desarrollo.

$ devtunnel host -p 8000 -a --host-header api.northwind.com

Hosting port: 8000
Connect via browser: https://vpfm55qw.euw.devtunnels.ms:8000, https://vpfm55qw-8000.euw.devtunnels.ms
Inspect network activity: https://vpfm55qw-8000-inspect.euw.devtunnels.ms

Ready to accept connections for tunnel: vpfm55qw

Llame a la API CRUD que el proxy de desarrollo simula a través del túnel de desarrollo mediante curl:

$ curl https://vpfm55qw-8000.euw.devtunnels.ms/orders

[
  {
    "OrderID": 10248,
    "CustomerID": "VINET",
    "EmployeeID": 5,
    "OrderDate": "1996-07-04T00:00:00",
    "RequiredDate": "1996-08-01T00:00:00",
    "ShippedDate": "1996-07-16T00:00:00",
    "ShipVia": 3,
    "Freight": 32.38,
    "ShipName": "Vins et alcools Chevalier",
    "ShipAddress": "59 rue de l'Abbaye",
    "ShipCity": "Reims",
    "ShipPostalCode": "51100",
    "ShipCountry": "France"
  },
  {
    "OrderID": 10249,
    "CustomerID": "TOMSP",
    "EmployeeID": 6,
    "OrderDate": "1996-07-05T00:00:00",
    "RequiredDate": "1996-08-16T00:00:00",
    "ShippedDate": "1996-07-10T00:00:00",
    "ShipVia": 1,
    "Freight": 11.61,
    "ShipName": "Toms Spezialitäten",
    "ShipAddress": "Luisenstr. 48",
    "ShipCity": "Münster",
    "ShipPostalCode": "44087",
    "ShipCountry": "Germany"
  }
]

Compartir a través de