auth0-samples / auth0-angularjs-sample Goto Github PK

View Code? Open in Web Editor NEW

28.0 28.0 111.0 172 KB

These samples are made up of steps to add Auth0 to an Angular JS app

auth0-angularjs-sample's People

Contributors

Stargazers

Watchers

Forkers

alemata hacon30 nathan-castor pkmsekar chapelhill naitsric rtsys2020 mingshulin ealvarezrp dennis77pr dewaldbester cmehta1 ryo-capricorn92 bkbartondesign talent3310 rojayedla kyuzo19 niko123456000 rajakishore andykillinger marcusocosta thomasobrien99 yahaya111 bartaf83 shakirullah41 ideas2it aown1982 neilhunt1 bmakarand2009 osahan gurungsuman15 sutsurikeru1986 johannes2510 gnschenker cbattista smcauliffe nakshathri jnystrom sophilabs-forks wootencl vutran320 adrogon ntotten shenie annyv2 markeaston justinoc03 thtswl ghchinoy nkp24 valeriyradchenko kwoxford conormcneil hardnett jalipert alejandro11k s4tya narutoadi mkemalsan willylu326 vivo-un shivakumar-ioh bengio777 vickypandey shna0801 hartbeatnt darwinboaventura ridgerobinson manaswi wyntuition jhliang90us sgiobairog lodexinc kukicado kamalkne mukkaravamsiprasad saltukalakus yoichiro-manabe thacherhussain kwon1983 cesterlizi akhmelkov jacobomiller bruce-graham moeidsaleem shawkenator vinuk iairbluer ibrahimtamimi mlubisi nairul roopannava hgaard svanbelleghem viditsaxena dallin-r-parker r0chellevee joysoft33 eugenemm hassanhibbert

auth0-angularjs-sample's Issues

Auth0 not a constructor

Problem is described here. Documentation not updated for latest auth0-lock 10.8.

http://stackoverflow.com/questions/41707970/auth0-is-not-a-consutructor-angularjs-and-auth0/41763628#41763628

Auth0 is not defined

When implementing this I am getting the following error:

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module auth0.auth0 due to:
ReferenceError: Auth0 is not defined

Any ideas what might be causing that?

RequireJs example with auth0

Hey, I am using auth0 for my angularJs application.
Actually I am getting this error

This is my config.js
**require.config({

waitSeconds: 60,

paths: {
    angular: '../bower_components/angular/angular',
    'angular-ui-router': '../bower_components/angular-ui-router/release/angular-ui-router',
    jquery: '../bower_components/jquery/dist/jquery.min',
    jqueryui: '../bower_components/jquery-ui/jquery-ui.min',
    bootstrap: '../bower_components/bootstrap/dist/js/bootstrap.min',
    underscore: '../bower_components/underscore/underscore-min',
    'angular-ui-utils': '../bower_components/angular-ui-utils/ui-utils.min',
    'moment': '../bower_components/moment/moment',
    'cookies': '../bower_components/cookies-js/dist/cookies',
    'angular-bootstrap': '../bower_components/angular-bootstrap/ui-bootstrap-tpls',
    'toastr': '../bower_components/angular-toastr/dist/angular-toastr.tpls',
    'angularTreeview': '../libs/angular.treeview/angular.treeview',
    'angular-confirm-modal': '../bower_components/angular-confirm-modal/angular-confirm.min',
    'rangy-core': '../bower_components/rangy/rangy-core.min',
    'rangy-selectionsave': '../bower_components/rangy/rangy-selectionsaverestore.min',
    'textAngular-sanitize': '../libs/textAngular/textAngular-sanitize.min',
    'textAngularSetup': '../libs/textAngular/textAngularSetup',
    'textAngular': '../libs/textAngular/textAngular',
    'anguFixedHeaderTable': '../bower_components/angu-fixed-header-table/angu-fixed-header-table',
    'io.dennis.contextmenu': '../bower_components/angular-contextmenu/dist/contextmenu',
    'bootstrap-tokenfield': '../bower_components/bootstrap-tokenfield/dist/bootstrap-tokenfield.min',
    'auth0': "../bower_components/auth0.js/build/auth0",
    'auth0.auth0': "../bower_components/angular-auth0/dist/angular-auth0"
},

shim: {
    jquery: {
        exports: 'jquery'
    },
    jqueryui: {
        deps: ['jquery']
    },
    bootstrap: {
        deps: ['jquery']
    },
    angular: {
        exports: 'angular',
        deps: ['jquery']
    },
    'angular-ui-router': {
        deps: ['angular']
    },
    'angular-ui-utils': {
        deps: ['angular']
    },
    'angular-bootstrap': {
        deps: ['angular']
    },
    'toastr': {
        deps: ['angular']
    },
    'angularTreeview': {
        deps: ['angular']
    },
    'angular-confirm-modal': {
        deps: ['angular', 'angular-bootstrap']
    },
    'textAngularRangySetup': {
        exports: 'rangy'
    },
    'rangy-selectionsave': {
        deps: ['rangy-core']
    },
    'textAngular-sanitize': {
        deps: ['angular']
    },
    'textAngularSetup': {
        deps: ['angular']
    },
    'textAngular': {
        exports: 'textAngular',
        deps: ['angular', 'textAngular-sanitize', 'textAngularSetup']
    },
    'anguFixedHeaderTable': {
        deps: ['angular']
    },
    'io.dennis.contextmenu': {
        deps: ['angular']
    },
    'bootstrap-tokenfield': {
        deps: ['jquery']
    },
    'auth0': {
        exports: "auth0"
    },
    'auth0.auth0': {
        "deps": ["angular", "auth0"]
    },
}

});

require(['rangy-core', 'rangy-selectionsave'], function (rangyCore) {
window.rangy = rangyCore;
});**

App.js

define([
'angular',
'angular-ui-router',
'auth0',
'auth0.auth0'
], function(angular,
appConfig,
suggestions,
displayMapping,
AppConstants) {
'use strict';

**// define the module and any module dependencies
var appModule = angular.module('app', [
    'ui.router',
    'ui.bootstrap',
    'toastr',
    'angularTreeview',
    'angular-confirm',
    'textAngular',
    'anguFixedHeaderTable',
    'io.dennis.contextmenu'    
    ]);

//configure module
appModule
    .config(appConfig);

return appModule;

});**

My main.js

**[define([
'jquery',
'underscore',
'angular',
'bootstrap',
'jqueryui',
'app/app'
], function($, _, angular) {
'use strict';

try {
    if (!window.jasmine) {
        angular.bootstrap(document, ['app']);
    }
} catch (e) {
    // don't bootstrap more than once.
    if(this.console && this.console.log){
      console.log(e);
    }
}

});](url)**

so, Here I am getting this error.

Uncaught ReferenceError: auth0 is not defined
at Object. (angular-auth0.js:152)
at webpack_require (angular-auth0.js:20)
at Object.module.exports (angular-auth0.js:74)
at webpack_require (angular-auth0.js:20)
at Object.defineProperty.value (angular-auth0.js:63)
at angular-auth0.js:66

So, How to resolve this issue ?

03-user profile popup mode

I've logged in using popup mode, but app saying profile(redirect mode)

lock.on('authenticated') does not fire - solution

Numerous people using auth0 lock have had this issue where the authenticated event does not fire. See https://auth0.com/forum/t/authenticated-event-not-triggering/3554. It is fixed by adding the following to the options property when calling lockProvider.init() ...
`var options = {
//Must have these two settings for auth0 lock to work properly!
auth: {
redirect: false,
responseType: 'token'
}
};

            lockProvider.init({
                clientID: APP_CONFIG.auth0ClientId,
                domain: APP_CONFIG.auth0Domain,
                options: options
            }); `

01-login login issue

Why remove the calling api example?

Why has the "calling API" example been removed?

Would it be possible to replace it with a link to how you suggest we call API's? Is the next step to use the API guide relevant to whichever API backend framework is preferred?

The reason this is not just straightforward as previously is because:

If you have a frontend application using client of type "SPA" you have a specific client ID for that application. Previously, you simply used that client ID on the server to verify the client.
Now that it seems the solution is to create a separate Server API client, you now have to create a separate client of type "Non-interactive" with a different Client ID.
So your server and client has now has different Client IDs, which is a more complex problem to solve than previously.

So now that the example of calling an API has been removed and no documentation has replaced it to solve this more complex problem.

This is relevant to commit a2484f0

Requirejs example

I am trying to use this example with Requirejs but doesn't seem to have any luck... It keeps on throwing

Failed to instantiate module auth0.auth0 due to:
ReferenceError: Auth0 is not defined

Is it possible to get an example using RequireJS, I also tried to use example of angular-lock but that also throws similar error about Auth0Lock is not defined.

Following is my require.config, not sure what I am doing wrong here...

require.config({
    "paths": {
      "jquery": "node_modules/" + "jquery/dist/jquery.min",
      "angular": "node_modules/" + "angular/angular.min",
      "ngRoute": "node_modules/" + "angular-route/angular-route.min",
      "lodash": "node_modules/" + "lodash/lodash",
      "bootstrap": "node_modules/" + "bootstrap/dist/js/bootstrap.min",
      "ui.bootstrap": "node_modules/" + "angular-ui-bootstrap/dist/ui-bootstrap-tpls",
      "auth0": "bower_components/" + "auth0.js/build/auth0",
    "auth0.auth0":"bower_components/" + "angular-auth0/dist/angular-auth0",
    "angular-jwt":"bower_components/" + "angular-jwt/dist/angular-jwt",

      "domReady": "node_modules/" + "requirejs-domReady/domReady",
      "SYS.Controllers": "js/controllers/" + "controllers",
      "SYS.Service.Auth": "js/services/" + "SYS.Service.Auth"
    },
    "shim": {
      "angular": {
        "exports": "angular"
      },
      "ngRoute": {
        "deps": ["angular"]
      },
      "bootstrap": {
        "deps": ["jquery"]
      },
      "ui.bootstrap": {
        "deps": ["angular", "bootstrap"]
      },
      "lodash": {
        "exports": "_"
      },
      "auth0": {
        "exports": "Auth0"
      },
      "auth0.auth0": {
        "deps": ["angular", "auth0"]
      },
      "angular-jwt": {
        "deps": ["angular"]
      }
    }
  });

I would appreciate any help regarding fixing this.

cheers
Ashish