Angular 19 - Portal Authentication Sample

PierreMasson — Tue, 26 Nov 2024 17:07:46 GMT

import { Component, Inject, OnInit, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule, DOCUMENT } from '@angular/common'; import IdentityManager from "@arcgis/core/identity/IdentityManager"; import ServerInfo from "@arcgis/core/identity/ServerInfo"; @Component({ selector: 'app-home', standalone: true, imports: [ CommonModule ], providers: [ ], templateUrl: './home.component.html', styleUrl: './home.component.scss', schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class HomeComponent implements OnInit { constructor() { } ngOnInit(): void { var si = new ServerInfo({ hasPortal: true, server: 'http://myportal.mydomain.com/arcgis', }); IdentityManager.registerServers([si]); IdentityManager.getCredential(environment.portalUrl); IdentityManager.checkSignInStatus(si.server + "/sharing") .then(() => { console.log("checkSignInStatus: User is signed in."); }) .catch(() => { console.error("checkSignInStatus: User not signed in.") }); } }

I'm developping an Angular 19 app using @ArcGIS/core && @ArcGIS/map-components and thing are going well. Only thing left to do is the portal authentication (get a token).

Is there a sample somewhere to help me. I find stuff here and there some with deprecated stuff, some in pure JS but I want to do it cleanly with Angular.

I have tried this but I get this erreor after the build:
Error when evaluating SSR module.. ReferenceError: ResizeObserver is not defined

Can you help with a sample please?

import { Component, Inject, OnInit, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { CommonModule, DOCUMENT } from '@angular/common'; import IdentityManager from "@arcgis/core/identity/IdentityManager"; import ServerInfo from "@arcgis/core/identity/ServerInfo"; @Component({ selector: 'app-home', standalone: true, imports: [ CommonModule ], providers: [ ], templateUrl: './home.component.html', styleUrl: './home.component.scss', schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class HomeComponent implements OnInit { constructor() { } ngOnInit(): void { var si = new ServerInfo({ hasPortal: true, server: 'http://myportal.mydomain.com/arcgis', }); IdentityManager.getCredential(environment.portalUrl); IdentityManager.registerServers([si]); IdentityManager.checkSignInStatus(si.server + "/sharing") .then(() => { console.log("checkSignInStatus: User is signed in."); }) .catch(() => { console.error("checkSignInStatus: User not signed in.") }); } }

Re: Angular 19 - Portal Authentication Sample

PierreMasson — Tue, 26 Nov 2024 17:51:31 GMT

I disabled ssr in my angular.json file and it seems to work.

"prerender": false, "ssr": false

topic Re: Angular 19 - Portal Authentication Sample in ArcGIS JavaScript Maps SDK Questions

Angular 19 - Portal Authentication Sample

Re: Angular 19 - Portal Authentication Sample