react-native - parking 费逻辑

Question

我想创建一个应用程序来更快地支付 parking 费。

这个问题更多的是关于我的应用程序的逻辑，以及我需要使用什么工具来创建它。

此时，我每天使用一个 parking 位，并通过网页付费。

我是这样做的。

1. 登录页面。
2. 点击菜单，它会将我重定向到 www.parkingexample.page/payments
3. 有一个搜索菜单，如果找到我的车，我会输入我的车牌号，它会返回我需要支付的金额，然后会出现“支付”按钮。
4. 我点击“支付”按钮，然后就完成了。

所以我的目标是创建一个应用程序，当我启动它时，它会自动连接到页面并搜索我的盘子，如果找到并需要付款，则只有一个按钮“付款”

所以我认为我应该这样做，但由于我还没有创建任何网络应用程序(我是 100% 的后端开发人员)我问你我的思维过程是否正确。

而且我也不想使用 WebView，因为我认为这对我来说没有必要。

1. 当我启动我的应用程序时，它会向页面发送“POST”请求以进行登录。
2. 然后我向 www.parkingexample.page/payments 发送“GET”请求，参数 = 'mycarspaltenumber'
3. 不知何故，我需要在它出现时点击页面上的“付款”按钮，所以我认为这可能又是“POST”请求，但此时我不确定。

所以问题是，我的逻辑是否有效？或者可以通过其他方式完成？

更新。添加的屏幕截图

1. 第一个屏幕截图这是我使用搜索栏登录后的菜单，我需要在其中输入我的名片。

1. 第二个屏幕是我找到我的车的地方(输入车牌号并点击搜索)现在页面更新了我必须支付的金额，我需要点击右下角的“PAID”按钮。这就是我所需要的。

Answer 1

为了验证您建议的顺序是否正确，我首先会使用 Fiddler 之类的内容捕获您与您的 parking 提供商之间的典型浏览器 session 。 .然后我会使用选择的 HTTP 客户端库(对于 C#，它类似于 HttpClient )并使用正确的 header 、查询参数等模拟相同的流程。

看看您的屏幕截图，应用程序似乎是 ASP.NET Web Forms ，由于其状态管理的工作方式，模拟起来可能会有点痛苦:您可能需要解码 View state对象(以确保您将其正确传回)并找到所有 dynamic field ids它用于回发。然而，这是非常可行的。

如果您发现上述内容太难模拟(或涉及 javascript)，探索 Remote Selenium WebDriver 可能更容易加上像PhantomJS这样的 headless 浏览器.然后，您可以让 PhantomJS 与服务器上的页面进行交互，并使用您的移动应用程序来驱动它。基本上，您会将 parking 服务提供商页面的复杂性降低为文档完善的 API。

希望这能给你一个起点