uniapp与webapi实现本地设备数据上传到小程序或app

Question

环境:.net core web api,uniapp，工控机上有内外两个网卡，可上网
目的:通过uniapp调用webapi接口，实现本地设备数据上传到小程序或uni发布的app
遇到的问题：
1.小程序如果用localhost域名，会报 url not in domain list，不知什么方式 解决这个问题？
2.如果数据要传到手机App，要通过什么方式呢？

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

要将本地设备的数据通过uniapp上传到小程序或uni发布的app，并使用.NET Core Web API作为后端服务，你可以按照以下步骤来实现：

步骤 1：创建后端API

首先，你需要创建一个.NET Core Web API项目来接收和处理数据。你需要定义一些API端点来接收上传的数据。例如，你可以创建一个POST方法来接收数据。

[HttpPost("api/data")]
public async Task<IActionResult> PostData(YourDataClass data) // YourDataClass 是你的数据模型类
{
    // 处理接收到的数据逻辑
    // ...
    return Ok(); // 返回成功响应
}

确保你的数据模型类（YourDataClass）匹配前端发送的数据格式。此外，确保API能够正确部署并可访问。由于你有工控机上的内外两个网卡，你需要确保API的URL是正确的，并且工控机可以访问该URL。

步骤 2：在uniapp中创建前端请求

在uniapp中，你可以使用uni.request或者其他HTTP库（如axios）来调用后端API。你需要创建一个函数来发送数据到后端API。以下是一个简单的例子使用uni.request：

async function uploadData(data) {
    const url = '你的API地址'; // 比如 https://yourserver.com/api/data
    const result = await uni.request({
        url: url,
        method: 'POST', // 指定请求方法为POST请求
        data: data // 直接将需要上传的数据对象传给data字段即可
    });
    return result; // 返回请求结果
}

确保你正确设置了API的URL，并且前端可以访问该URL。此外，确保发送的数据格式与后端API期望的格式相匹配。你可能需要转换或序列化数据以适应API的需求。比如，如果你正在发送一个对象，你可能需要将其转换为JSON格式。你可以在前端使用JSON.stringify进行转换：data: JSON.stringify(yourDataObject)。然后在后端使用JSON解析库如Newtonsoft.Json或System.Text.Json来解析接收到的JSON数据。

步骤 3：测试与调试

在完成前端和后端的开发后，你需要测试整个流程以确保数据能够正确地从本地设备上传到小程序或APP。你可以使用Postman或其他工具来测试你的API是否按预期工作，并确保从uniapp发送的请求能够成功到达你的后端服务器并处理数据。如果出现问题，你需要检查网络设置、防火墙规则、API端点等可能的问题来源。此外，确保你的API和前端代码都正确处理错误和异常情况。在前端代码中添加错误处理逻辑，比如当请求失败时显示错误消息给用户。在后端代码中，你可能需要使用try-catch块来处理可能出现的异常，并返回适当的错误响应给前端。在开发和测试过程中不断地进行调试和优化以确保系统的稳定性和性能。