移动AngularJS应用程序上的用户身份验证

时间:2015-08-03 05:47:32

标签: angularjs authentication woocommerce ionic

我想问一个问题,这个问题可能会有多个解决方案,但在这个阶段我不知道如何解决这个问题。

我目前正在构建一个内置Angular / Ionic的移动应用程序,该应用程序正在访问Woocommerce API,应用程序需要传递消费者密钥以及秘密才能获取产品信息以及创建产品。

我认为我无法直接访问手机上的数据库,我可以存储这些详细信息以验证我的应用并将其指向正确的woocommerce商店。

即使我将这些存储在基于服务器的应用程序中,我的移动应用程序仍然需要对基于服务器的应用程序进行身份验证才能访问正确的woocommerce商店。

对于开发人员如何解决这个问题,有人能指出正确的方向吗?

2 个答案:

答案 0 :(得分:2)

通常,Phonegap / Ionic中的移动身份验证看起来像这样:

  1. 您使用Login / Pass或ApiKey发送身份验证请求。
  2. 服务器响应一些令牌。
  3. 您将令牌存储在localStorage中。
  4. 每次ApiRequest发送令牌。
  5. 以下是如果您已经有一些令牌,如何将令牌传递给每个API请求的示例。

    angular.module('app').config(AppConfig);
    AppConfig.$inject = ['$httpProvider'];
    function AppConfig($httpProvider, $sceProvider) {  
        var token = simpleStorage.get('access_token'); // simpleStorage here is a js-plugin for using LocalStorage
        if(token){
            $httpProvider.defaults.headers.common['access-token'] = token;
        }
    }
    

答案 1 :(得分:1)

这是一篇关于angular-js身份验证的好文章 https://medium.com/opinionated-angularjs/techniques-for-authentication-in-angularjs-applications-7bbf0346acec

如果您需要高级别的安全性,那么您可以使用基于令牌的登录 喜欢:http://devcenter.kinvey.com/angular/tutorials/how-to-implement-safe-signin-via-oauth

或 你可以使用http://jwt.io