Ionic 2 / Laravel 5.2 与 API 通信答案

【问题标题】：Ionic 2 / Laravel 5.2 communication with the APIIonic 2 / Laravel 5.2 与 API 通信
【发布时间】：2017-03-13 02:14:03
【问题描述】：

我是 Ionic 2 和 Angular 2 的超级新手，但我有相当多的 PHP 背景。

我在 Laravel 5.2 中构建了我的 API，目前，我的登录 URL 如下：

http://www.website.com/api/v1/login

如果登录成功，显然会返回一个令牌。

我还在 ionic 2 中使用 CSS 和 HTML 构建了一个表单，该表单位于默认的 /app/pages/home/home.html 中

我想做的是让登录表单与 API 进行实际通信，但我在 Ionic v2.0.0-beta.32 中找不到任何有关如何执行此操作的示例

如果成功，我要做的就是重定向到空白页面，如果失败则显示警报。

如果有人能帮我一把，我会很高兴的。

尊重。

【问题讨论】：

标签： php angular ionic-framework ionic2

【解决方案1】：

我不确定您所说的“使登录表单与 API 实际通信”到底是什么意思。

如果您指的是实际的 http 通信，您需要了解 $http 和 Observables。如果您搜索这些术语，您会发现大量信息和示例。

如果这不是你的意思，请更具体。

【讨论】：

感谢您的回复...我的意思是，当用户输入他们的电子邮件和密码时，我希望它调用我编写的 Laravel API，运行函数，返回JSON，如果它们是合法的，请转到一个虚拟页面，如果不是，则显示警报或其他东西......我发现了一些 tuts，但它们都不适用于 Ionic 2

【解决方案2】：

我尝试了类似的解决方案，将 laravel 连接到 ionic 2。根据我了解到的情况，连接到 laravel 后，您将获得令牌，并且此令牌将用于对 laravel/api 的所有请求。检查 jwt-auth 和 satelizer 以进行角度身份验证。一些可能有帮助的链接： https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps

https://github.com/sahat/satellizer/tree/master/examples/ionic

第一个是准备laravel部分，第二个是准备ionic。

注意:: 在第一个链接中，我遇到了一些问题和问题，不是代码，而是参考链接。

例如：

'JWTFactory' => Tymon\JWTAuthFacades\JWTFactory::class

应该是

'JWTFactory' => Tymon\JWTAuth\Facades\JWTFactory::class

它缺少一些反斜杠。

【讨论】：