Advice a way how to integrate cloud9 with my web app

[baimurzin]

I am trying to understand the approach of how to solve this architecture question and how to start such a project.

Let's imagine I have a web service where people learn how to code. These customers can log in into the web service and should get the exercise. And start coding then. So I thinking about how to embed cloud9 IDE into my web service. I need to show this IDE on the same page with my other website elements. Something like that:

<div class=row>
   <div class=col-8> HERE IS IDE CLOUD9 </div>
   <div class=col-4> HERE IS MY OTHER BLOCK</div>
</div>

I installed it locally and run it. Now I see these ways how to do it:

1. I can run a Docker container with cloud9 IDE for each customer with customer settings.

2. I can try to run it via Iframe from my main server, but cannot understand how to manage sessions and projects scope.

3. As I run it as nodejs server and can see it on localhost now, I can rewrite this page and embed my app there.

I do not know how to start