Online PHP Entwicklungsumgebung – Codeita

Nicht selten kommt es vor, dass man als Entwickler den entscheidenden Gedanken im unpassendsten Moment bekommt. So sitzt man z.B. in der Schule hinter einem Proxy über den man nicht auf den Server kommt, um die Idee gleich in Code umzusetzen. Oder man sitzt grade draußen in der Sonne an einem kleinen Netbook und will schnell etwas ändern. Oder man ist gerade unterwegs und hat den USB-Stick mit dem letzten Stand der Dateien zuhause vergessen.

Also dachte ich wäre es doch sehr praktisch, wenn ich meine Dateien „in the Cloud“ bearbeiten könnte. Sozusagen eine Entwicklungsumgebung zum mitnehmen. Google half auch schon mal etwas weiter, wobei sich erst einmal nur Dienste finden ließen, die mir die Möglichkeit bieten eine Ftp-Verbindung zu meinem Server herzustellen, um darüber die Dateien zu bearbeiten. Da es mir aber nicht ganz Recht war, meine Ftp-Daten einer Website anzuvertrauen (man weiß ja nie was damit für ein Schindluder betrieben wird) suchte ich weiter und stieß auf ein interessantes Projekt: Codeita. Die Seite verspricht eine online Entwicklungsumgebung, die aus dem Browser heraus bedienbar sein soll. Ich beschloss dem Ganzen einen Versuch zu geben und startete den Download.

Loginpage

Nach erfolgreicher Konfiguration war der Editor bereit zur Benutzung und, wie konnte es anders sein, erstellte ich eine Hello World Datei. Hierbei konnte ich direkt feststellen, dass das Highlighting für PHP recht gut aussieht, auch wenn man sich an den dunklen Hintergrund des Editors erst gewöhnen musste.

Editor

Um richtig durchzustarten lud ich ein Projekt, an dem ich gerade am arbeiten war in das Dateiverzeichnis des Editors, das sich unter /data/www/ befindet. Alle Dateien ließen sich wunderbar bearbeiten und auch speichern, wobei hier das erste Manko auffiehl: das Speichern geht über die Tastenkombination „CMD+s “ (Apple-User nehmen das bekannte „Apfel“+s) wobei hier leider Tablets wie das Ipad an ihre Grenzen stoßen. Einen Button zum Speichern sucht man vergebens, weshalb das Programm auf diesen Geräten leider nicht genutzt werden kann. Nach der ersten Session von der Schule aus, konnte ich aber plötzlich auf Dateien, die ich online erstellt hatte nicht mehr zugreifen, d.h. sie nicht mehr bearbeiten, was ich auf fehlende Rechte zurückführen konnte. Da ich auf dem Server leider keine Root Rechte besitze konnte ich mir helfen, indem ich das Script zum Erstellen einer neuen Datei so anpasste, dass es die Dateien mit Chmod 777 erstellt. (Gut hierbei, dass das gesamte Verzeichnis durch htacces geschützt ist ).  Dazu erweiterte ich einfach die Datei /app/ajax/new-item.php um die Zeile 12:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php
include('../../src/inc/globals.inc');
$data = realpath(CONFIG_PATH.'/../www/');
$path = str_replace('//','/',$data.'/'.$_POST['path']);
 
switch($_POST['type']){
case 'dir':
mkdir($path,0777);
break;
case 'file':
file_put_contents($path,'');
<span style="color: #ff0000;"><strong>chmod($path,0777);</strong></span>
break;
}
 
?>

Somit werden alle Dateien mit vollen Rechten erstellt und können auch später noch bearbeite werden.

Ein weiteres Problem tut sich auf, wenn man eine Datei bearbeitet hat, diese schließt und wieder öffnen will, um sie noch einmal zu bearbeiten. Damit man sie wieder aufbekommt muss man die Seite neu laden, wobei leider sämtliche geöffneten Dokumente geschlossen werden.

Der SQL-Editor

Ein schönes Feature ist aber der enthaltene Datenbank-Editor. Der Umfang deckt sich zwar nicht ganz mit dem des phpMyAdmin, aber die wesentlichen Aktionen lassen sich hiermit sehr gut ausführen.

Fazit

Ich habe genau das gefunden, was ich gesucht habe – eine einfache selbst gehostete Möglichkeit schnell von unterwegs eine Idee umzusetzen. Zwar mit ein paar Einschränkungen aber immerhin recht hilfreich.