App Builder

Can we customise the Magento module as per the Adobe App Builder, like for example, if I want to create a module for product enquiry in Adobe App Builder, what is the process, how can I create it, and what Adobe App Builder components will be used, like starter ki,t admin ui sdk,api mesh aio files ract spectrum is it possible? Can we create a module in Adobe App Builder similar to the ones we make in Magento, and if so, how? Like, no more module creation in Magento, All module creation via Adobe App Builder

Hi,  We have written code for asset manipulation using Asset Compute Worker in App Builder and want to deploy the code to a higher environment using Bitbucket. Can you please guide me on how to achieve this using Bitbucket? Request you to please help me with the deployment process.Thanks,@EstebanBustamante @arunpatidar @Harwinder-singh @sravs @abhishekanand_@tmj 

I am creating a custom client to get all products. I just created a child function in commerce-product-api-client.js async function getAllProduct (baseUrl, params, logger) {logger.info(`baseUrl:${baseUrl} \n params:${JSON.stringify(params)}`)const client = await getClient({url: baseUrl,params},logger)logger.info(`client status :${client}`)return await client.get(`products?searchCriteria[PageSize]=10`)}I am getting an error: Unknown auth type, supported IMS OAuth or Commerce OAuth1. Please review documented auth types.I am getting the right URL:https://abc.com/rest/ 

Hello, let me start off by saying I'm a novice at this so please be patient with me. We have developed a custom stamp and when it is applied, a dialog box appears for each field in the stamp (refer attached .jpg). What I am hoping do to is rather than there being nine different boxes appear to enter the different information, that I could have one box with all the fields appear at the same time. This is the code we presently have in a "script" box: if ((event.source.forReal)&&(event.source.stampName == "#AP Entry Stamp")){this.getField("Job Number").value = app.response("Job Number:");this.getField("Approved By").value = app.response("Approved By:");this.getField("GL1").value = app.response("GL Code #1:");this.getField("Cost1").value = app.response("Cost Code #1:");this.getField("GL2").value = app.response("GL Code #2:");this.getField("Cost2").value = app.response("Cost Code #2:");this.getField("Voucher Number").value = app.response("Voucher Number:"); this.getField("

Is there any option for app builder to embed an iframe of an external application authenticated to the store similar to how Shopify & BigCommerce apps are developed, or is there a hard requirement to use Adobe I/O serverless functions for any backend logic, and CDN hosted JS for the frontend?

Hi,we have a requirement to resize assets, for which we are using an Assets Compute worker with the "JIMP" library. However we are facing an error stating:Asset Compute worker failed to generate rendition for asset '/content/dam/test-custom-asset-renditions/example.jpg', \, Reason: 'GenericError', Message: 'Call to custom worker https://example-development.adobeioruntime.net/api/v1/web/dx-asset-compute-worker-1/worker failed with: 400 Bad Request'.Code:'use strict'; const { worker, SourceCorruptError} = require('@adobe/asset-compute-sdk'); const fs = require('fs').promises; import { Jimp } from 'jimp'; exports.main = worker(async (source, rendition) => { const stats = await fs.stat(source.path); if (stats.size === 0) { throw new SourceCorruptError('source file is empty'); } console.log("Source Path is-->" + source.path); console.log("rendition Path is-->" + rendition.path); // Read/parse and validate parameters const SIZE = parseInt(rendi

How can we structure authentication to securely allow multiple clients to access a REST API (following the documentation at https://developer.adobe.com/runtime/docs/guides/using/creating_rest_apis/)? Example Swagger file:{ "basePath": "/v2", "paths": { "/ims-validation-endpoint": { "get": { "operationId": "your-namespaces/default/my-require-gw-validation-web-action.json", "security": [ { "clientids_auth": [] } ] } } }, "securityDefinitions": { "clientids_auth": { "type": "oauth2", "authorizationUrl": "", "flow": "implicit", "scopes": { "write:pets": "modify pets in your account", "read:pets": "read your pets" }, "x-client-ids": ["zookeeper", "dogwalker"] } } }Specifically, I have the following questions: - Where in the Adobe Developer Console (Dashboard) can we de

Hi,I followed the tutorial in the following documentation:https://developer.adobe.com/runtime/docs/guides/using/creating_rest_apis/#securing-the-api-endpoints1- created the action "getPet"2- deployed it3- Executed the command: aio rt:api:create /pet-store /pet get getPet --response-type httpI waited for 5 to 10 minutes as recommended, but I received a 404 error. Does anyone have any ideas on what might be wrong? Thanks

I cannot trigger the observer when placing an order via graphql API. There is no data in debug trace

I am running a simple react app from AppBuilder. The project builds and deploys successfully. I have routes within my react app.  Now hitting the routes link from my local, the deepdive urls work. For example `https://localhost:9080/faq` this deepdive link works at local. But when deploy onto AppBuilder, same deepdive link does not work like this https://**-contenthub-stage.adobeio-static.net/faq   It works, when I navigate to homepage and then click on Link route Both are same urls. When hitting deepdive link it fails. But launching app from homepage and then navigating into routes are working.  Conclusion is, Appbuilder can only serve index.html root page. When uri changes, it could not resolve route at serverside and throws 404. Workaround expecting is, the appbuilder must ignore paths and always serve the app. Once app launches, react knows to serve correct page based of route. But appbuilder is preventing to serve the app.Anyone ha

Initialization has failed due to: Error: Could not locate the bindings file. Tried:\n → /nodejsAction/build/node_sqlite3.node\n → /nodejsAction/build/Debug/node_sqlite3.node\n → /nodejsAction/build/Release/node_sqlite3.node\n → /nodejsAction/out/Debug/node_sqlite3.node\n → /nodejsAction/Debug/node_sqlite3.node\n → /nodejsAction/out/Release/node_sqlite3.node\n → /nodejsAction/Release/node_sqlite3.node\n → /nodejsAction/build/default/node_sqlite3.node\n → /nodejsAction/compiled/18.19.0/linux/x64/node_sqlite3.node\n → /nodejsAction/addon-build/release/install-root/node_sqlite3.node\n → /nodejsAction/addon-build/debug/install-root/node_sqlite3.node\n → /nodejsAction/addon-build/default/install-root/node_sqlite3.node\n → /nodejsAction/lib/binding/node-v108-linux-x64/node_sqlite3.node\n    at bindings (/nodejsAction/CArANa4L/index.js:64381:9)\n    at 51699 (/nodejsAction/CArANa4L/index.js:141883:44)\n    at __webpack_require__ (/nodejsAction/CArANa4L/index.js:24

I am running a job on AppBuilder project. I created an action; set the web='no'; created trigger and rule, so every 5 mins action invokes successfully.  I deployed the same action into 2 workspaces. I observe that one of workspace alone runs multiple activations, while other workspace runs correctly with single activation. Here is an example activation list.Here there is cold start for every 5 mins. After cold start, always there are 3 warm starts. Any given instance, 3 activation pods are running.  Impact is, same event is getting processed 3 times and sometimes resulting in errors. Is there a way to trash duplicate activations and keep it clean?

Hello everyone, i want to integrate KCP payment method to magento 2 eCommerce site us adobe app builder, can any one please let us know is it possible and how to integrate payment method with Magento 2 eCommerce site using adobe app builder. and if it is possible then what is path (steps) to implement it or any document link, thank you!Note: i have already installed KCP extension on Magento 2 eCommerce site but now i want to replace it as integrate with app builder. 

I've been searching for the past two days for a way to implement a create user function in my ASP.NET Core Web API without using the okta register user view, since I have a react.js frontend, but I can't seem to find a direct way.

I wrote a simple webaction and deployed to my workspace import { setGlobals } from "./common.mjs"; function main(params) { setGlobals(params); return { result: "Trigger runtime action successfully" }; } const _main = main; export { _main as main }; When I call the action from Postman, I only receive a 204 and NO response message But I know web-action is invoked, coz when I add log statements, they are logged successfully. What am I missing? Why is the result message not returned when invoked from Postman?

Hi,I created a runtime web-action that ll fetch events from journal api like thisconst journalObservable = await client.getEventsObservableFromJournal(baseURL, journalOptions); journalObservable.subscribe( x => logger.log('onNext: ' + JSON.stringify(x)), // any action onNext event e => logger.error('onError: ' + e.message), // any action onError () => logger.log('onCompleted')) //action onCompleteI am able to invoke the web action from postman. And when I publish events into the journal api, my logs read the events from journal successfully.  Now the web action stays alive like 1-2 mins. Then dies. So if event is published say after 5 mins, those events are not received. Is this expected?  Alternate I could think is, create as non-web-action using alarm. And cron trigger the action every say 5 mins. Is this correct that "Reading journal events must be created as non-web-action using alarm cron?"  

My use case follows an idea I posted https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager-ideas/enhance-assetcompute-microservice-to-accept-alttext/idi-p/705880 Basically I am receiving asset creation events from Workfront and am creating assets into AEM using a runtime action. I am able to create successfully using AssetCompute microservice. But after asset creation, I need to update altText and couple custom properties. These values are available with event at Runtime action. Now AssetCompute microservice DOES NOT allow to update metadata. The runtime action dies once it fires createAsset, doesnt wait ( or doesnt know) for asset to complete processing.   So I temporarily need to cache altText metadata somewer; wait for microservice to complete upload process, and then update metadata. One workaround is to use JCR as temp storage. store the metadata properties onto /var somewer and then fetch them after asset processed. Looking for better

When we subscribe to event journal using getEventsObservableFromJournal, does the subscriber WAIT for each event callback to complete before switching to next event? Say if 500 events are queued into the journal, and I invoke getEventsObservableFromJournal.Do ALL events get consumed parallel and 500 threads are spawned to process each event asynchronously?OR will the observable, consume events synchronously? Once an event is subscribed, the observable WAITs for callback function to complete fully before moving to next event. Are the events consumed synchronously or asynchronously? 

The administrator of my company has enabled me the corresponding permissions according to the documentation But Im not getting events showed in youtube demo These are my events   And these ones are from youtube demo   Link: https://www.youtube.com/watch?v=1oYpur9JSNI I noticed there are a few of them but I do not know why I can not access to that "common" events because We have adobe commerce running  as prod and I think those events should be activated for me Instead of that, I have some "events" in api section  And it only shows this   I want to try it as the youtube demo Help me please, thanks.   

I am creating a simple runtime action, and trying to generate IMS oauth2 token  import { context, getToken, getTokenData } from '@adobe/aio-lib-ims'; export async function getTokenUsingSDK() { const config = { client_id: clientId, client_secrets: clientSecret, technical_account_id: technicalAccountId, technical_account_email: technicalAccountEmail, ims_org_id: imsOrgId, scopes: OAUTH_TOKEN_SCOPES }; await context.set('mynew-token', config); const token = await getToken('mynew-token'); const tokenDecoded = getTokenData(token); logger.info('Token:' + JSON.stringify(tokenDecoded)); }  It keeps failing as `400 Bad request`. But same credentials from postman works. Below code using axios also works export async function getTokenUsingAxios() { const url = "https://ims-na1.adobelogin.com/ims/token/v3"; const headers = { "Content-Type": "application/x-www-form-urlencoded", }; const data = qs.stringify({ grant_typ

Hi folks, I'd like to build custom PDP more like product customizer in adobe commerce cloud and would like to use React & express app in app builder that render inside Adobe commerce(Magento) PDP? Can that be achieved? If yes, what are the ways to achieve it? And can app builder has access to adobe commerce assets like images from pub/media folder?

I am writing a runtime webaction that ingests assets into AEM and updates content fragments. So I prepared a mock.json with 5000 asset inputs, call the webaction from Postman. This triggers async function that ll read mock.json, and executes for each asset.  I was able to test successfully for ~2000 assets. But observing exactly after 2.5 seconds, the runtime action closes automatically. Node action stops. So the assets waiting after 2.5 seconds, fail to ingest into AEM.  Is there any documentation for max time that runtime actions can stay alive? How to increase? Or we should use whisk alarm and run periodic cron through  non-web action instead of triggering as web action?

Hello Developers, I am going through documentation and all on Adobe I/O but unable to get anything concrete which will help to write production ready codes.Can you please help me with below:Difference b/w "Adobe I/O" and "Adobe I/O Runtime" and "App Builder" ? What is the use case of each?How to get started setting up a project in VSCode and start developing my code from scratch?How to debug the code and see logs? The steps in link are never getting me to any breakpoint whatsoever operation I try.Note: I am using WSK CLI way for any commands.Thanks in Advance!

Hi,Using these instructions ( https://developer.adobe.com/app-builder/docs/getting_started/first_app/ ) , we created hello world app and trying use ES6 library ( https://www.npmjs.com/package/critical ) but import is failing  tried by creating .mjs file as ( index.mjs ) import {generate} from 'critical'export default function (params) { return { statusCode: 200, headers: { 'Content-Type': 'application/json' }, body: { LOG_LEVEL: params.LOG_LEVEL, message: 'this is a test message' } }}Really blocked with next steps. Thanks in advance.

i want to add app menu at admin commerce and i am fetching the app menu through adobe app builder , i followed the documention of admin-ui -sdk but after checking test connection it gives me empty menuitems in response