4

I know there is other questions about this problem, but I've ready more than 10 answers and tried every single one and none of them worked for me.

I'm getting this error: Uncaught ReferenceError: require is not defined when i try to load an external plain javascript file to encode in JWT.

This is the file I'm trying to include with require(): https://github.com/hokaccha/node-jwt-simple I've download with npm.

In my code I tried lots of things.

  • Include in the main.js with grunt concact;
  • Load manually inside the <head> with the <script src="path/to/folder"></script>;
  • Install RequireJs with npm for nodeJs;

With all of those attempts, I got the same errors. What am I doing wrong?

This is the code I'm using right now:

index.html

<head>
<script type="text/javascript" src="dist/js/angular.min.js"></script>
<script type="text/javascript" src="dist/js/ui-router.min.js"></script>
<script type="text/javascript" src="dist/js/jwt.js"></script>
[... rest of head ...]

appCtrl.js (will concat later on the build with the rest of the app)

.controller('MainCtrl', 
    ['$rootScope', '$scope', '$state', 
    function($rootScope, $scope, $state) {
        var jwt = require('jwt');
        var payload = { foo: 'bar' };
        var secret = 'xxx';
        var token = jwt.encode(payload, secret);
        console.log(token);
}])

My main objective with this is to handle the user authentication based on a JWT token. The problem right now is to encode/decode the token when the user is login in into the app.

Even with all of these, I still get the error. Do you guys know how to fix this?

Improve this question
18
  • please use the full version of angular js NOT .min.js Commented Sep 24, 2015 at 1:09
  • @JoeLloyd but why?What is the reason? I've always used this file. Commented Sep 24, 2015 at 1:10
  • why are you trying to require that module in Angular? it is for Node. I mean, why you need it there ? Commented Sep 24, 2015 at 1:12
  • 1
    @CelsomTrindade: User authentication is handled in backend, where you will generate a token using JWT and send it to your client... your client will store that in session storage and check for authorization for each access... Commented Sep 24, 2015 at 1:21
  • 1
    @CelsomTrindade on jwt site there are several different php library repos listed. Should be easy to find tutorials also. If you aren't running node server you have the wrong library files Commented Sep 24, 2015 at 1:25

2 Answers 2

Reset to default
5

If you want to use require on the client, you need to use something like Browserify or webpack (I definitely recommend the latter).

You're getting that error because, in fact, you have never defined require anywhere on your client-side code. That JWT repo does not provide that functionality for you.

Also, looking at the docs for the JWT repo you provided, it appears that it expects you to use it in a node.js environment (which provides the commonjs require for you).

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

1 Comment

After some comments on the question i discovered i need to run it in another way. Since my database is with mysql/PHP I'll have to use it with the PHP library provided by jtw.io. But I'm still trying to figure it out how to install it to encode the token. Any ideas?
0

On the server side (ie server.js file), for node, use: 

var jwt = require('jwt-simple');

Then, to encode: 

var secret = "Ieaticecreamforbreakfast";

and in your login functionality... once you check the login criteria

var token = jwt.encode({id: ID, otherInfo: "can go here"}, secret); 

res.send({token: token});

You can then set the response token in as a header for additional http requests in your angular, frontend side. Therefore, whenever a user makes a request to the backend, you have access to their encoded ID in the JWT

Improve this answer

1 Comment

That was what i tried, but didn't worked. Any idea on how to use it with php backend?

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.