在 Ionic 应用程序中读取 POST 数据?

Posted

技术标签:

【中文标题】在 Ionic 应用程序中读取 POST 数据?【英文标题】:Reading POST data inside an Ionic app? 【发布时间】:2018-11-19 17:35:31 【问题描述】:

我有一个Ionic 3 应用程序(APP_1) 通过HTTP 提供给浏览器(不是原生的)。

我通过以下网址访问Ionic 3 应用程序:

http://www.myionicapp.com

然后,我有另一个 Web 应用程序 (APP_2)(不是 Ionic),我想从其中将一些有效负载数据传递给 APP_1。为此,我正在考虑在APP_2 上呈现一个表单,如下所示:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Payload</title>
</head>
<body onload="document.form.submit();">
    <form method="post" action="https://www.myionicapp.com" name="form">
        <input type="hidden" name="payload" value="Testing123" />
    </form>
</body>
</html>

您可以在哪里看到我正在将数据发布到Ionic 应用程序。

但是,当我发布数据时,我在浏览器上看到APP_1 的以下内容。

Cannot POST /

是否可以在Ionic 应用程序中读取POST 数据?

当需要将数据从APP_2 传递到APP_1 时,我有哪些选择?

谢谢。

【问题讨论】:

【参考方案1】:

这取决于 APP_1 的服务方式。如果它通过 S3 之类的东西提供服务,您需要一些服务器基础设施来将 POST 请求从 APP_2 发送到,并且 APP_1 可以通过 GET 请求读取。

更好的方法是使用Firebase。将 Firebase Web SDK 集成到 APP2 并在表单提交时,以编程方式将 write the data 集成到您的 Firebase 实时数据库。

在你的 Ionic APP_1 中,使用AngularFire 读取APP_2 提交的数据。 AngularFire Ionic 3 指南和 Javebratt 是很好的资源。

【讨论】:

以上是关于在 Ionic 应用程序中读取 POST 数据?的主要内容,如果未能解决你的问题,请参考以下文章

POST 请求在 IONIC 应用程序中的 iOS 设备上不起作用

PhoneGap Ionic 项目未在 iOS 设备上执行 $http.post

Ionic 2 - 从服务中获取数据

POST http 调用在 Ionic iOS 构建中不起作用

提高查询速度Ionic / Laravel Post请求

Firestore 读取太多数据 (Ionic React) (ReactJS)