如何管理 Ionic 4 上的后端连接错误 / angular
How to manage backend connection errors on Ionic 4 / angular
我正在开发基于 Angular.The 应用程序使用 Java 应用程序提供的 REST API 的 Ionic 4 应用程序。
应用程序可以调用后端并获取数据,问题是连接出现问题(互联网问题,服务器地址错误..)在这种情况下我可以正常访问应用程序,但一切都是空的
我希望应用程序能够在 运行 时间内检查与后端服务器的连接,并向用户显示带有重试选项的警告消息,如果连接到服务器出现故障。否则从服务器获取数据。
提前致谢
如果我理解正确,你想要做的基本上是使用 httpClient
从 ionic 应用程序调用你的后端 REST 服务。为此,您必须在 app.module.ts
中导入 HttpClientModule
.
然后,您可以将 httpClient 注入 angular 服务并创建一个方法来调用您的 API 端点。
然后,无论何时需要,您只需订阅此方法并提供两个回调:
next
回调 - 成功时将调用此代码,您可以从您的 API
访问您的数据
error
回调 - 如果服务器响应错误,将调用此回调。您可以将显示错误消息的代码放在这里。
我正在开发基于 Angular.The 应用程序使用 Java 应用程序提供的 REST API 的 Ionic 4 应用程序。
应用程序可以调用后端并获取数据,问题是连接出现问题(互联网问题,服务器地址错误..)在这种情况下我可以正常访问应用程序,但一切都是空的
我希望应用程序能够在 运行 时间内检查与后端服务器的连接,并向用户显示带有重试选项的警告消息,如果连接到服务器出现故障。否则从服务器获取数据。
提前致谢
如果我理解正确,你想要做的基本上是使用 httpClient
从 ionic 应用程序调用你的后端 REST 服务。为此,您必须在 app.module.ts
中导入 HttpClientModule
.
然后,您可以将 httpClient 注入 angular 服务并创建一个方法来调用您的 API 端点。
然后,无论何时需要,您只需订阅此方法并提供两个回调:
next
回调 - 成功时将调用此代码,您可以从您的 API 访问您的数据
error
回调 - 如果服务器响应错误,将调用此回调。您可以将显示错误消息的代码放在这里。