Product ideas | Community
Skip to main content

Filter by idea status

10000 Ideas

Manu_Mathew_
Manu_Mathew_New Participant

React app to AEM SPA- WebpackDeclined

Prerequisites Node 8.9.0 - https://nodejs.org/dist/latest-v8.x/ Java 1.8 - https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Maven 3.5.2 - https://archive.apache.org/dist/maven/maven-3/3.5.2/binaries/ AEM 6.4 with Service pack 2    Use the below cmd to create your project-      mvn -B archetype:generate -D archetypeGroupId=com.adobe.aem -D archetypeArtifactId=aem-project-archetype -D archetypeVersion=24 -D aemVersion=6.5.0 -D appTitle="My React SPA Site" -D appId="mysitereact" -D groupId="com.demomysite.react" -D frontendModule=react -D includeExamples=y -D includeDispatcherConfig=n Open terminal and navigate to react-app directory and execute “npm install --save-dev webpack webpack-cli” to install Webpack webpack.config.js file need to be created and paste the following code snippet---- const path = require("path"); module.exports = {  entry: "./src",  output: {    filename: "App.js",    path: path.resolve(__dirname, "dist")  },  module: {    rules: [      {        test: /\.js$/,        exclude: /(node_modules)/,        use: {          loader: "babel-loader",          options: {            presets: ["@babel/preset-react"]          }        },        enforce: "post"      },      {        test: /\.css$/,        loader: "style-loader!css-loader"      }    ]  } };   In project root  add .babelrc file and paste the following configuration {  "presets": [    [      "@babel/preset-react",      {        "pragma": "dom", // default pragma is React.createElement        "pragmaFrag": "DomFrag", // default is React.Fragment        "throwIfNamespace": false // defaults to true      }    ]  ] } Find and open package.json and add the following under scripts   "develop": "webpack --mode development" And add the following DevDependencies section   "devDependencies": {   "@babel/preset-react": "^7.0.0",   "babel-loader": "^8.0.5",    "webpack": "^4.28.3",    "webpack-cli": "^3.3.0"  }    Run “npm install” and “npm run develop” to build project. A folder named dist and App.js will be under it (if you don’t have any styles) Take the index.html from public folder of your react-app and place it in your web server’s doc root folder. Update the file to include <script src="App.js" type="text/JavaScript"></script> before body tag close You should see your React application work fine in browser without dev server      

Limiting production pipeline execution/ approval in cloud manager to business or program rolesInvestigating

Request for Feature Enhancement (RFE) Summary: Have seperation of duties in the roles so that production pipeline execution can be limited to Program or Business owner roles.  Use-case: As per https://experienceleague.adobe.com/docs/experience-manager-cloud-manager/using/requirements/role-based-permissions.html?lang=en , anyone in the roles Business owner, Program Manager or Deployment Manager can start / approve the production pipeline execution in Cloud Manager. It would be a very beneficial control to have settings limiting production approval to business or program roles as this will allow a more stricter approval workflow to help regulate production pipelines . A deployment manager role that manages all the day to day environment deployments that doesn’t have to go through a business approval makes sense for lower environments. But for production it would be great if this was limited to a Business owner or Program manager.  Current/Experienced Behavior: All 3 roles Business owner, Program Manager or Deployment Manager can schedule and approve deployment to production.  Improved/Expected Behavior: For production it would be great if approval was limited to Business owner or Program manager role.  Environment Details (AEM version/service pack, any other specifics if applicable): AEM 6.5.8 (AMS) Customer-name/Organization name: Sallie Mae  Screenshot (if applicable):   Code package (if applicable):