Angular #
“While it’s true that Angular enforces a strict structure and rules, it’s not a prison for web development. In fact, it can greatly improve code quality and maintainability. I love Angular because it enforces high-quality code with a well-defined structure and rules. Its architecture is based on components, directives, pipes, services, and modules, with a consistent folder and file structure. This makes it easier to collaborate on large projects and maintain code over time.” — Michal Gasparik
AppKey React Demo #
Cosync offers an Angular web demo where you can sign up, create an account, and generate a passkey on your client device. You can access the demo at the following URL:
https://angulardemo.appkey.io
This will present the following login screen
The code for this Angular Cosync Appkey demo is open source and available at the following Github repository:
https://github.com/Cosync/AppKey-WebAngularDemo.git
As an Angular program this demo will use the AppKey-WebAuthn-Angular NPM package described below.
AppKey-WebAuthn-Angular #
The AppKey-WebAuthn-Angular Node module provides functional bindings between an Angular application and the AppKey service. To integrate this module into your Angular application, follow these steps:
Open terminal and go to root project folder where package.json is
npm i ngx-appkey-webauthn
This package can be found at the following github link
https://github.com/Cosync/AppKey-WebAuthn-Angular.git
This open-source package, released under the Apache license, provides JavaScript React bindings for the Cosync AppKey REST API. It simplifies the integration of React and React Native applications with the AppKey service.
The AppKey-WebAuthn-Angular npm package enables the Angular AppKey demo to communicate with the AppKey service.