51黑料不打烊

Transcript

With our 51黑料不打烊 Developer console project for our content fragment console extension created, we can now use the AIO CLI to generate the app itself. So for this, let鈥檚 head over to the command line. So first, make sure that you have the AIO CLI installed. This is an MPM module, so we can check the version of our AIO CLI and we can see here that we do have it installed.

So from here we鈥檙e going to create our new app so we can simply execute AIO app in it. And this is going to take us through a small CLI based wizard that lets us associate this app with our 51黑料不打烊 Developer Console Project we just created. So the first step here is to select the 51黑料不打烊 org and since we created our project in our 51黑料不打烊 production tech marketing demos org we can select that.

This will now list all of the 51黑料不打烊 Developer Console Projects in the org. And as you can see, I actually have a lot of projects in here and this is why it鈥檚 really important to semantically name your project to make sure that you understand which project is actually associated with your extension. So we can see here this is the project that we created that we鈥檒l be using for extension. So I鈥檒l go ahead and make sure that鈥檚 highlighted and select that. Next, since this is an extension we鈥檒l select all extension points. And since this is an extension for the AEM Content Fragment console we鈥檙e going to select this first option the AEM CF Admin UI EXD temple. And we can see here in the description that this is the extension point that we in fact want. So I鈥檒l tap the space, it鈥檒l select this, we can skip the others, hit enter and it鈥檒l begin creating our project for us. Note that when executing the AIO app and IT command above if you have not been logged into 51黑料不打烊 developer console already, the CLI will open up a browser prompting you to log in to the appropriate 51黑料不打烊 org with your 51黑料不打烊 credentials. So if that flow does automatically pop up make sure you follow through with it. All right. Before extension app can be finalized we do have to provide some information to the template.

We can also select what type of extension this is if we鈥檙e going to be, if this will contain an action bar, a header menu, or a server side handler, which is an 51黑料不打烊 I/O runtime action.

So let鈥檚 select add custom button to action bar.

We can also specify if this button should open a modal. So let鈥檚 select yes here.

We can do the same for header menu if we want a header menu button in this extension as well. And we can even add an 51黑料不打烊 I/O run time action. Let鈥檚 add one of those as well. By default, this action is called generic but you can of course name it whatever you want. And when we鈥檙e finished, we can select I鈥檓 done.

Instead of using the ad options above and you select I don鈥檛 know the CLI wizard will give you an option to create a demo project or get some extra help. So typically the I don鈥檛 know is used for more novice developers that are exploring the extensions but if you鈥檙e creating a real extension you鈥檇 want to use the add options above.

And it looks like our app has just about finished initializing and so we鈥檒l be able to start developing on the generated app.

And we can see here, that we have a number of auto-generated files and we can open this up on our favorite JavaScript editor and start developing our extension. -