https://github.com/oktadev/okta-angular-ivy-example

Angular 9 with Ivy Example
https://github.com/oktadev/okta-angular-ivy-example

angular angular-cli angular-ivy angular9

Last synced: 6 days ago
JSON representation

Angular 9 with Ivy Example

• Host: GitHub
• URL: https://github.com/oktadev/okta-angular-ivy-example
• Owner: oktadev
• License: apache-2.0
• Created: 2020-02-06T15:16:42.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-01T02:38:49.000Z (almost 2 years ago)
• Last Synced: 2024-11-14T17:17:36.317Z (2 months ago)
• Topics: angular, angular-cli, angular-ivy, angular9
• Language: TypeScript
• Homepage: https://developer.okta.com/blog/2020/02/12/angular-ivy
• Size: 2.28 MB
• Stars: 2
• Watchers: 4
• Forks: 1
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Angular 9 + Ivy Example

 

This example app shows how to upgrade an to Angular 9 with Ivy and optimize it for production.

Please read [What Is Angular Ivy and Why Is It Awesome?](https://developer.okta.com/blog/2020/02/12/angular-ivy) to see how this app was created.

**Prerequisites:** 

* [Node 12+](https://nodejs.org/en/) installed

* An [Okta Developer Account](https://developer.okta.com/signup)

> [Okta](https://developer.okta.com/) has Authentication and User Management APIs that reduce development time with instant-on, scalable user infrastructure. Okta's intuitive API and expert support make it easy for developers to authenticate, manage and secure users and roles in any application.

* [Getting Started](#getting-started)

* [Links](#links)

* [Help](#help)

* [License](#license)

## Getting Started

To install this example application, run the following commands:

```bash

git clone https://github.com/oktadeveloper/okta-angular-ivy-example.git

cd okta-angular-ivy-example

npm install

```

### Create an OIDC App on Okta

Register a new application by going to **Applications** > **Add Application**. On the next screen, choose **Single Page App** and click **Next**.

On the following screen, you can edit the application's settings. Make sure that the port number is 4200 and the base URI is `http://localhost:4200/`. Change the Login Redirect URI to `http://localhost:4200/login`. Once you are done, you will see a **Client ID**.

### Configure your Okta Settings

Copy your org URL and client ID into `src/app/auth.service.ts`:

```js

private authClient = new OktaAuth({

  issuer: 'https://{YourOktaDomain}/oauth2/default',

  clientId: '{ClientId}'

});

```

Start everything with `ng serve` and you'll be able to login with Angular Material and Okta!

## Links

This example uses the following open source libraries:

* [Angular](https://angular.io)

* [Okta Auth JavaScript SDK](https://github.com/okta/okta-auth-js)

## Help

Please post any questions as issues in this repository, or visit our [Okta Developer Forums](https://devforum.okta.com/).

## License

Apache 2.0, see [LICENSE](LICENSE).