Backdoor - Your Online Companion Editor

So what is Backdoor?...

To put simply, Backdoor is a browser based code editor. The concept is nothing new, as many developers are familiar with resources such as Koding or CodeAnywhere. The idea of coding anywhere is gaining popularity, especially with the new computing devices available today. The demand seems to be on the uprise. But services like this, although are great, are dependent on their servers and services. As a developer, I personally wanted something deployable on any server I had, something independent. This is what lead me to create Backdoor.

To demonstrate the use of this tool, I created this very landing page you're currently on, simply using Backdoor and nothing else. Assets were uploaded using the built in uploader, and the html and css were created with Backdoor.

Made with by Shannon Reca.

Updates

UPDATE v1.3:

• Removed access to config file by users other than admin.
• New ajax chat feature has been included. Specifically designed for those who are on shared hosting.

UPDATE v1.2:

• Fixed issue with API key.
• Fixed permissions issue.

UPDATE v1.1:

• Fixed a security flaw with sessions.
• Added the ability to save with “Ctrl + S”.
• Added an optional direct login page for users who wish to have a simpler login process.
• Added a config value which allows users to turn off pop-ups when saving, updating, etc.

Features

• Syntax Highlighting

  Backdoor provides syntax highlighting of some of the most common or popular coding languages.

• Common File Management

  You can save, save as, copy, rename, and create folders as you would expect from a traditional editor. This also includes context menus.

• File Tabs

  Have multiple files open at once. This allows a multi-tab view setup to go back-n-forth between files.

• Easily Configurable

  The ability to use the editor to modify its own configuration files makes it extremely easy to update.

Getting Started Video

Getting Started Step-By-Step

• STEP 1: You want to begin by first downloading the backdoor.zip folder. Once downloaded, extract all files and upload to the root directory of the site you wish to have access to or intend on creating.
• STEP 2: (See STEP 7 before proceeding) Next, edit and add to the webpage within the root directory in which you will use to access backdoor, with the code below. Generally this would be the index.html page or similar.

  <script type="text/javascript" src="backdoor/assets/js/vendor/jquery.min.js"></script>
  <script type="text/javascript" src="backdoor/assets/js/modules/dynamicLogin.js"></script>
  <script>
  new Login({
    recordMode: true
  });
  </script>

  By doing this, you will be able to track the key codes pressed. This is important for the next step.
• STEP 3: Upload the latest changes to the server, then visit this webpage. Once on the page, open the console from the browser's developer tools. You should be able to see numbers logged when you press keys. Use the ESC key to restart the recording. Type a phrase you wish to use for accessing Backdoor. When completed, copy this code.
• STEP 4: Open and edit the config.php file located "/backdoor/core-modules/config.php". Change the default code for key_code to the copied code from the previous step. Also, be sure to update the following defaults as well: salt, base_url, and default_email. When finished, remove the recordMode:true option from the page mentioned in STEP 2 and upload both the webpage and config.php file.
• STEP 5: Visit the webpage mentioned in STEP 2 and press the tilde key 3 times. This will activate the Backdoor login process. Now type in the phrase you recorded in STEP 3. You should now be directed to a dynamically created login page. Here use the email you updated the config.php file with, and the password "admin." Note, on the first attempt, you may get an error since your admin account had not been created yet.
• STEP 6: Finally, now that you are logged in, change your password by going to the File menu > Update Login. Your email and password are required to update these values. That's it, enjoy Backdoor!
• STEP 7 (OPTIONAL Pending v1.2 update): For those who do not use a US keyboard, the tilde key (~) may not be available. For this I created to options. One you can simply use the direct login page instead of relying on the dynamically created login page. This can be found here "/backdoor/index.php". Or two, you can add the following option which will automatically track keys as soon as the page loads, instead of have to press the tilde key 3 times:

  <script>
  new Login({
    autoTrack: true
  });
  </script>