How To Prepare Your ORG For Lightning Components Framework? - El Toro - Find articles about Visualforce, Apex, and Salesforce in general

Print Preview

How To Prepare Your ORG For Lightning Components Framework?


Before we start learning how to develop with Lightning Components, we’re going to have to setup our environment, specifically MyDomain and Lightning Experience. If you have already set this up, please feel free to skip to the next blog. But if you need help, please feel free to stick around.

Beginning with Winter ’16, you must enable My Domain before you can start developing with the Lightning Component Framework, so let’s review how that’s done.

Once you are logged in Salesforce, you need to click on Setup | Domain Management | My Domain, this will open a screen that looks like this:

In the middle of the screen you must enter the MyDomain, which must be unique within the Salesforce ecosystem. So once you have come up with a clever name you need to click on the “Check Availability” button to ensure you were the first one to come up with this brilliant name… If you are, you’ll see a green checkmark!

You are not done yet, you need to follow few more steps…. Accept the terms of conditions, and click on the [Register Domain] button. At this time, you’ll see this message:

The next step is one of the hardest ones… So be patient because you’ll have to wait! And keep waiting, and waiting… Salesforce needs to do some magic with that domain, but once they are done they will send you an email like this:

They are so happy and excited to have been able to grant your request, that the email says “Your Your Developer Edition domain is ready for testing.” I guess they meant to say: “Your! Yes your! Developer Edition domain is ready”. So let’s finish up the process…

Login back to the ORG, and take a look at the current URL. In my case it says take a close look at it and get ready to say bye-bye na30, hello MyDomain.

Go back to the My Domain page (Setup | Domain Management | My Domain), and get ready to click on the [Click Here To Login] button, notice the URL where it now reads: “” aren’t you excited? Isn’t this the greatest thing? Let’s share it with everybody in your organization… so click on the [Deploy to Users] button.

A messagebox is displayed alerting you that “once you deploy your new domain name, you can't reverse it. After deployment, all users will be redirected to your new domain”. But after you have chosen a great name which was available and you have tested it… Why would you want to reverse it?

You could now configure the My Domain Settings, so click on the [Edit] Button for the [My Domain Settings] and set the Login and Redirect policies as needed. The section [Authentication Configuration] allows you to change the login page to add your own logo, the contents for the frame on the right picture. In my case, this is what my login page will look like:

If you are one of my students, you’ll probably say something like this: “Look mom! The logo for that website is the puppet that we throw around in class!”

One more thing that you would like to set up, although it’s not required, is to enable Lightning Experience in your ORG. This is not required, but this is most likely one of the reasons you are interested in developing Lightning Components. So to turn that on, please click on Setup | Lightning Experience link, scroll to the bottom of the page and flip the switch!

You’ll see a message telling you that you are about to change the UI, give it a long thought analyze your options because you can’t go back… And after all that thinking say “What the heck!” and click [Continue to Lightning Experience].

Welcome to Lightning Experience… Did you notice the URL?, the page one/ was the way you would work with Salesforce1 in Chrome to develop and test your custom code, and you might be asking “Uhm, how do I get to play with Salesforce1 in Chrome?” Great question, I’m glad you asked, let me show you.

You’re going to have to turn on the Development Tools in Chrome by clicking on the hamburger button, then on More Tools | Developer Tools and click on the button to simulate a mobile device. When you do this, this is what the page will look like:

“It didn’t work for me! It still looks like Lightning Experience. These instructions are wrong!” Let me stop your ranting, and reload the page…

Now that we have everything in place, we can start coding! 

comments powered by Disqus

© El Toro . IT @ 2013
Andrés Pérez