AngularJS + PHP. Login panel

Question

I have very big problem with login panel. I am still learning AngularJS. Can you help me with login panel? Here is my code guys. I don't know what I should do now: api.php:

public function getLogin()
    {
           $sql = "SELECT login FROM users WHERE login='$username' AND password='$password'";

            return $this->db->fetchAll();
    }

$app->get('/login', function () use ($app, $DataProvider) {

    $login = $DataProvider->getLogin();

    return $app->json($login);
});

login.html:

<div class="row">
    <div class="col-lg-10 col-sm-10 col-xs-12">
        <div class="flat-panel">
            <div class="flat-panel-header">
                <h3 class="flat-panel-heading">Panel logowania</h3>
            </div>
            <div class="flat-panel-body">
                <div class="form-group">
                <input type="text" class="form-control" ng-model="loginInfo.username" placeholder="Podaj login">
                </div>
                <div class="form-group">
                <input type="password" class="form-control" ng-model="loginInfo.password" placeholder="Podaj hasło">
                </div>
                <div class="form-group">
                <button ng-click="loginUser()" class="btn btn-primary">Zaloguj</button>
                </div>
            </div>
        </div>
    </div>
</div>

services.js:

app.factory('login', ['$http', function($http){
   var _getLogin = function (callback) {
        callback = callback||function(){};
        $http.get('/api.php/login')
            .success(function (data) {
                callback(data);
            });
    };
    return {
        getLogin: _getLogin
    };

app.js:

  app.controller("LoginController", function($scope, $http){
        $scope.loginInfo = {
            username: undefined,
            password: undefined
        }
            $scope.loginUser = function(){
                var data = {
                    username: $scope.loginInfo.username,
                    password: $scope.loginInfo.password
                }               
                };    
        })

Do you using php framework?

seti
– seti

2016-05-08 19:47:54 +00:00
Commented May 8, 2016 at 19:47 — seti
– seti, Commented May 8, 2016 at 19:47

Community · Accepted Answer · 2017-05-23 12:17:23Z

2

For angular you need token based authentication. What is token based authentication?
I never use silex but I found this
https://gonzalo123.com/2014/05/05/token-based-authentication-with-silex-applications/
Another method is normal login form and when user login in see angular app, but this is bad when you try create mobile app.

edited May 23, 2017 at 12:17

CommunityBot

11 silver badge

answered May 8, 2016 at 20:04

seti

3411 gold badge7 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Giacomo Over a year ago

this second way is better for me, but i stay in one point now. Idk how can i write correctly this.

seti Over a year ago

Create route with form, submit form check login and after submit reditect to route where is up, example /dashboard /admin

Jamie · Accepted Answer · 2016-05-08 20:08:16Z

0

Take a look at for example this:

https://scotch.io/tutorials/token-based-authentication-for-angularjs-and-laravel-apps

I recommend jwt auth it's very nice!

answered May 8, 2016 at 20:08

Jamie

11k35 gold badges112 silver badges200 bronze badges

Collectives™ on Stack Overflow

AngularJS + PHP. Login panel

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related