Angular & Appworks Noob

Mohammed Akhtar · 2023-04-02T18:25:49+00:00

There was an error rendering this rich post.

Hi.. thanks in advance for any help.

I am new to Angular. Trying to build an application to connect to my Appworks platform, wherein i have created a few entities.

I am able to login and get an OTDS ticket. When i try creating an entity instance i get an error as below:

Access to XMLHttpRequest at 'http://«myservername»/otdsws/login?RFA=872d7f43-49f2-4f63-8192-58eb2881d535%3Ahttp%3A%2F%2F«myservername»%2Fcordys%2Fcom.eibus.sso.otds.TicketConsumerService.wcp%3FAuthContext%3D2.c3lzdGVtPW90ZHM%3D%26RelayState%3D%2Fhome%2Fsystem%2Fapp%2FentityRestService%2Fapi%2FMyCompanyPermits%2Fentities%2FlkpServiceType&PostTicket=true&language=en-US' (redirected from 'http://«myservername»:81/home/system/app/entityRestService/api/MyCompanyPermits/entities/lkpServiceType') from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I have added entries into the proxy.conf.json. I suspect that it is due to the fact that i am not sending an OTDS ticket along with my api call to the entity.

I would like to know how i could achieve that. If anyone here has done something on react/angular would appreciate the guidance on this.

My Opentext version is 22.4 working Angular 15.

I am happy to jump into a MS Teams call to get this done quickly..

Appreciate the help

Find more posts tagged with

AppWorks Platform

Comments

jpluimers

Hi Mohammed, confiuration for CORS depends a bit whether you run AppWorks in a container or just via a normal install.
You can enable CORS in the tomcat configuration, see the tomcat documentation about Cors https://tomcat.apache.org/tomcat-8.0-doc/config/filter.html#CORS_Filter
When running AppWorks in a container then check the OpenText™ AppWorks Platform
Cloud Deployment Guide, Chapter 16 about Enabling CORS.

Mohammed Akhtar

Thanks J, Appreciate the prompt response.

Appworks is running as a normal install.

I understand about the CORS and will impact that accordingly.

I was moreso looking for a sample code snippet of angular to make the rest call to the appworks entity api and passing the authenication in SOAP. How to achieve that?

Will really appreciate the help.

jpluimers

As you may know AppWorks uses the SAMLart auth-token. This can be sent as a cookie or as an HTTP header.
From AWP 20.4 we changed how cookies are handled. The SAMLart is made httpOnly. This may change how authentication is done.

One flow can be to use the normal AppWorks login flow to first authenticate the user via the LogMeIn gateway and have the SAMLart cookie set from there.. Then the Angular code only needs to send the actual requests without auth token.

Other way is to authenticate from Angular and send the authtoken as an HTTP header. See below articles for more details on that.

How to use SAML artifacts- https://support.opentext.com/csm?sys_kb_id=5ce0b76a87a91950c4eda9783cbb358e&id=kb_article_view&sysparm_rank=1&sysparm_tsqueryId=7ee1a0f4470e2110440ce842e36d43cd
How to use OTDS tickets - https://support.opentext.com/csm?sys_kb_id=9f8037a6db6595506ef91736059619bf&id=kb_article_view&sysparm_rank=4&sysparm_tsqueryId=7ee1a0f4470e2110440ce842e36d43cd

import { HttpHeaders } from '@angular/common/http';

const httpOptions = {
headers: new HttpHeaders({
'Content-Type': 'application/json', or 'application/xm'
SAMLart: 'appworks-auth-token'
})
};

… http.post code here

Mohammed Akhtar

Thanks a stack J.. but sorry i am a newbie at this and still cant picture it properly ..

will it be possible to probably spend 1/2 hour on a Teams call to show you what i have done and u can suggest what needs to be changed?

jpluimers

Looking once more at your first comment I realize that you maey be missing to pass the HTTP header X-Requested-With: XMLHttpRequest

When this is not passed and no valid auth token is given then a 302 redirect is done to the IDP/login page.

See also the 'AppWorks Platform 22.4 Entity REST API Developer Guide' at https://support.opentext.com/csm?id=kb_article_view&sysparm_article=KB0776939 section '4 How to use the REST API'

The request to the entityRestService should like this:

Accept: application/json
GET https://<your-awp-server>/home/system/app/entityRestService/api/CordysJOPLEntity/entities/Books/items/1 HTTP/1.1
Host: <your-awp-server>
Accept: application/json
X-Requested-With: XMLHttpRequest
SAMLart: e0pFtQUVTL1dDTS9Ob1BhZGRpbmd9KleUrVXLgWU0Hnrxn………

The response would be something like:
{
"Identity": {
"Id": "1",
"ItemStatus": 1
},
"Properties": {
"Title": "Lord of the Rings",
"Author": "JRR Tolkien"
},
"Title": {
"Title": "Books-1"
},
"_links": {
"self": {
"href": "/CordysJOPLEntity/entities/Books/items/1"
}
}
}