This Sample App is hosted at https://ue-remote-app.adobe.net. Per Default the content is retrieved and written back to our Production Demo Environment:
authorHost=https://author-p7452-e12433.adobeaemcloud.com
publishHost=https://publish-p7452-e12433.adobeaemcloud.com
service=<null> // using defualt built in Universal Editor
protocol=aem // protocol to work on AEMCS
If you'd like to retrieve content from another environment add authorHost & publishHost as query parameters, e.g.
respectively if run on local dev environment:
- AEMCS instance is available
- WKND project is installed on the instance
- CORS enabled on AEM instance for the app
- For local development with editor, ensure app is using https
In the project directory, you can run:
Runs the app in the development mode.
Open https://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
Builds the app for production to the build folder.
Utilize a gulp task to bundle all the JS and CSS files in the static build folder into the single main index.html file.
This is useful for having the index.html bundle file automatically deployed on https://ue-remote-app.adobe.net when pushing new changes on the main branch.
This command is executed automatically before each commit by the pre-commit script.
The application uses the husky package (https://www.npmjs.com/package/husky), for adding a pre-commit script, located in the .husky folder.
The pre-commit script will be run before each commit. It will build the project and will add the build bundle from build/index.html to the commit.
We expose this bundle to GitHub. This is happening due to the usage of internal artifactory packages (we cannot build the project on a deployment environment).
The flow is that we build the application locally and deploy the bundle through GitHub workflow to https://ue-remote-app.adobe.net, on each PR merged to the main branch.
Install Netlify CLI
npm install netlify-cli -g
Set the following environment variables in your terminal settings (for https://ue-remote-app.adobe.net):
NETLIFY_AUTH_TOKEN = <authentication token>
NETLIFY_SITE_ID = <site id where to deploy>
Run in project root:
npm run deploy - deploy the app at any point to a non-production link, e.g https://62ff59a019923a6f7aec439d--prismatic-panda-c194c0.netlify.app/.
npm run deploy prod - deploy the app to the production link https://ue-remote-app.adobe.net (this is usually not needed, the application is automatically deployed on every PR merged to the main branch).
If case of permission issues, run chmod +x deploy/script.sh at the root of the project.