topic How to deploy ADF generated app to Tomcat(?) in Alfresco Forum

How to deploy ADF generated app to Tomcat(?)

thatkidmike — Thu, 11 Jul 2019 15:39:30 GMT

Hello! I am complete newbie if it comes to, not only Alfresco, but web-developing in general. What I want to achive is to use this tutorial: Creating your first ADF app - Alfresco Builder Network - to generate an example ADF app - wich I did. The next thing I would like to do is put this app into To

Re: How to deploy ADF generated app to Tomcat(?)

abbask01 — Fri, 12 Jul 2019 07:12:19 GMT

when you execute npm start, your app is deployed and run on your local node server. So it should be accessible via the configured host & port across your connected PCs.

P.S. the "proxy.conf.js" cannot change the host of ACS. You need to it from "app.config.json", change the value of ecmHost

Re: How to deploy ADF generated app to Tomcat(?)

thatkidmike — Fri, 12 Jul 2019 08:22:46 GMT

Thanks for the answer. Nontheless - it wasn't accessible by machines in the local network after "npm start" - I don't know why.

Okey, using this: How to deploy an ADF application on Tomcat Server? - with understanding more I managed to deploy the app on the Tomcat server so the other PCs have access to it by my "iport/appname" - but now the inbuild login component doesn't work. When I try to login in (or any other user from their PCs) it shows:

Not sure what to do about it - I added the filters in tomcat/conf/web.xml file like in here: https://community.alfresco.com/community/application-development-framework/blog/2017/06/20/adf-cors-solving-strategies#j…

Re: How to deploy ADF generated app to Tomcat(?)

d_moeyersons — Wed, 24 Jul 2019 07:04:47 GMT

Hi,

To deploy an ADF app to Tomcat:

Open package.json and change
- "build": "ng build", to "build": "ng build --base-href /destination-folder/",
- "build:dist": "ng build --prod", to "build": "ng build --prod --base-href /destination-folder/",(The base href will be the folder that you will create inside webapps)

Generate the app using: npm run build (or for a distribution build: npm run build:dist)
A new folder /dist/ will be created with the content of your compiled app
Copy the content of the /dist/ folder to a new folder inside Tomcat webapps with the exact same name as given in --base-href in package.json
(For example: if you defined the following in package.json: "ng build --base-href /adf/" your app will have to be copied to: tomcat/webapps/adf/)

Open app.config.json and edit the value of ecmHost to the ACS platform server (without the /alfresco/ folder)
For example:
tomcat/webapps/adf/app.config.json

{
"$schema": "../node_modules/@alfresco/adf-core/app.config.schema.json",
"ecmHost": "https://alfresco.mycompany.com",
"providers" : "ECM",
"application": {
"name": "My adf application"
},
"languages": [
{
"key": "nl",
"label": "Dutch"
}
],
"logLevel" : "trace"
}

(This step is optional but recommended, it allows deep linking on Tomcat)
Create the WEB-INF folder inside your new tomcat webapp, create a new file in the new folder:web.xml with following content:
tomcat/webapps/adf/WEB-INF/web.xml

<web-app xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
version="3.0"
metadata-complete="true">

<display-name>My adf application</display-name>
<description>
My adf application
</description>

<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>

If you have CORS issues, there are 2 options:
- run ADF & ACS (platform) on the same domain & sub-domain
- add CORS configuration to ACS (platform) (not to the ADF Tomcat, it won't work!).
  There are several ways to do it, for example:

I did it the same way on our environment, ADF is running on the same Tomcat server as my Share environment and it is working perfectly

Best regards & good luck,