Webmail selbstgemacht: Wie installiere ich Roundcube?

In Brasilien ins Internet-Café und kurz die E-Mails checken? Oder in Japan am Hotel-Computer per E-Mail Grüsse verschicken? Mit einem Webmail, also einem E-Mail-Programm welches über den Browser bedient wird, ist das kein Problem.

Roundcube installieren: Auf einem cyon-Webhosting problemlos möglich.

Roundcube installieren: Auf einem cyon-Webhosting problemlos möglich.

Roundcube ist die weltweit meistgenutzte Open-Source-Webmail-Software. Kein Wunder also, dass wir die Applikation seit Jahren selbst für unser Webmail webmail.cyon.ch nutzen. Dank kostenlosen SSL-Zertifikaten spricht mittlerweile nichts mehr gegen ein selbstgemachtes Webmail. Wir zeigen Ihnen heute, wie Sie auf Ihrem eigenen Webhosting Roundcube installieren.

Warum überhaupt eine eigene Roundcube-Installation?

Sie fragen sich, warum Sie ein eigenes Webmail betreiben sollen? Schliesslich bietet das cyon-Webmail schon alles was Sie für die Bewirtschaftung Ihrer E-Mail-Adressen benötigen.

Für Roundcube sind unzählige Plugins erhältlich, die die Webmail-Software um praktische Funktionen erweitern. Dank den entsprechenden Plugins lässt sich so in der selbstgemachten Roundcube-Installation bspw. ein Kalender integrieren, Tastatur-Shortcuts verwenden oder ein optimierter Skin für mobile Geräte aktivieren. Plugins werden in Roundcube über die Paketverwaltung Composer installiert, die Anleitung dafür finden Sie direkt auf der Startseite des Plugins-Repositorys.

Sie haben GMail-, Bluewin- oder GMX-Adressen, mögen aber das Roundcube-Interface besser? Im Gegensatz zum cyon-Webmail können Sie mit einer selbstgemachten Installation auch solche Adressen abrufen.

Verschlüsselte Verbindung ein Muss

Bevor wir mit der Installation loslegen, sollte unsere Domain per HTTPS erreichbar sein. Dazu aktivieren wir per Mausklick ein SSL-Zertifikat von Let’s Encrypt. Leuchtet das Fähnchen im my.cyon-Konto grün, kann’s losgehen.

Roundcube herunterladen

Als erstes laden wir die Installationsdateien auf unser Webhosting. Wir können dies per SSH direkt erledigen. Damit entfällt der Umweg über unseren lokalen Computer.

Unter https://roundcube.net/download/ finden wir die jeweils aktuelle Roundcube-Version. Roundcube installieren wir in diesem Beispiel in der aktuellsten Version und in der Ausführung «Complete». Die Complete-Ausführung beinhaltet alle benötigten Dateien, damit Roundcube nach der Installation sofort verwendet werden kann. Wir kopieren uns die entsprechende URL in Zwischenablage:

https://github.com/roundcube/roundcubemail/releases/download/1.2.1/roundcubemail-1.2.1-complete.tar.gz

In unserem Beispiel lautet der Benutzername des Webhosting-Accounts «olivero2» und die Domain «oliverorange.ch». Um per SSH auf unser Webhosting zu verbinden, geben wir folgende Zeile in der Konsole ein:
ssh olivero2@oliverorange.ch
Danach wird zur Authentifizierung das Passwort für unser Webhosting verlangt, falls wir keinen SSH-Key hinterlegt haben.

Mit dem Befehl cd public_html wechseln wir ins Wurzelverzeichnis für Websites. Anschliessend laden wir mit folgendem Befehl das Installations-Archiv auf das Webhosting:

wget -O roundcubemail-1.2.1-complete.tar.gz https://github.com/roundcube/roundcubemail/releases/download/1.2.1/roundcubemail-1.2.1-complete.tar.gz

Nachdem das Archiv heruntergeladen ist, steht es unter dem Namen roundcubemail-1.2.1-complete.tar.gz zum Entpacken bereit. Mit dem Befehl tar xzf roundcubemail-1.2.1-complete.tar.gz entpacken wir das Archiv an Ort und Stelle. Das Verzeichnis roundcubemail-1.2.1 ist nun vorhanden. Wir mögen’s gerne einfach und verkürzen den Verzeichnisnamen mit mv roundcubemail-1.2.1 roundcube auf roundcube. Jetzt kann die eigentliche Installation losgehen.

Damit ab Beginn Anfragen an http://oliverorange.ch/roundcube/ auf die verschlüsselte Version, also https://oliverorange.ch/roundcube/, umgeleitet werden, bearbeiten wir vor der Installation die Datei .htaccess im Verzeichnis roundcube: Wie kann ich Besucher meiner Website auf SSL und HTTPS umleiten?

Roundcube installieren

Wir öffnen die Installationsroutine über https://oliverorange.ch/roundcube/installer/ in unserem Browser.

Ersetzen Sie hier https://oliverorange.ch/ mit Ihrer Domain.

Roundcube prüft die Serverumgebung.

Roundcube prüft die Serverumgebung.

Als erstes prüft Roundcube, ob alle benötigten Software-Versionen und Erweiterungen vorhanden sind. Mit einem Klick auf «Next» am Ende der Seite gelangen wir zum zweiten Schritt, wo wir die Konfigurationsdatei erstellen können.

Für uns sind zu diesem Zeitpunkt drei Abschnitte relevant: Die Datenbank-Konfiguration, die IMAP-Konfiguration und die SMTP-Konfiguration.

Datenbank

Roundcube unterstützt eine ganze Menge Datenbanksysteme. Auf einem cyon-Webhosting haben wir die Wahl zwischen MySQL oder SQLite. Wir entscheiden uns in diese Fall für MySQL. Deshalb erstellen wir kurz eine Datenbank im my.cyon-Konto. Ein passender Benutzer mit Passwort wird dabei automatisch erstellt. Die drei Angaben (Datenbankname, Benutzer und Passwort) kopieren wir uns aus dem my.cyon-Konto in die Zwischenablage und können diese dann gleich in der Installationsroutine abfüllen. Der Datenbankserver ist, wie bereits vorausgefüllt, unter dem Namen localhost erreichbar.

Die Datenbank- und IMAP-Konfiguration für Roundcube.

Die Datenbank- und IMAP-Konfiguration für Roundcube.

IMAP-Einstellungen

Wir nutzen zur Anmeldung am E-Mail-Konto unseren zentralen Anmeldeserver «mail.cyon.ch». Das hat den Vorteil, dass nicht nur auf dem Webhosting installierte E-Mail-Adressen abgerufen werden können, sondern auch Adressen, die auf einem anderen cyon-Webhosting hinterlegt sind.

Als IMAP-Host geben wir deshalb ssl://mail.cyon.ch an. Da die Verbindung verschlüsselt sein wird, ändern wir den default_port auf 993.

Sollen Postfächer abgerufen werden, die nicht auf einem cyon-Webhosting installiert sind, ersetzen Sie bitte ssl://mail.cyon.ch mit dem entsprechenden Servernamen. Die Verbindung sollte in jedem Fall verschlüsselt aufgebaut werden, der Teil ssl:// sowie der Port 993 bleiben darum unverändert.

SMTP-Einstellungen

Auch die SMTP-Verbindung soll über einen verschlüsselten Kanal stattfinden. Wir setzen als SMTP-Server, wie bereits bei der IMAP-Konfiguration, den Wert ssl://mail.cyon.ch. Als smtp_port hinterlegen wir 465 und wählen unter smtp_user/smtp_pass die Option «Use the current IMAP username and password for SMTP authentication» aus, damit sich Roundcube beim Versand einer E-Mail korrekt beim Postausgangsserver anmeldet.

Die benötigten Angaben für den Postausgangsserver (SMTP).

Die benötigten Angaben für den Postausgangsserver (SMTP).

Damit sind die grundlegenden Einstellungen für unser selbstgemachtes Webmail definiert. Mit einem Klick auf den Button «Create config» wird die Konfiguration auf dem Webhosting hinterlegt.

Abschluss und los geht’s

Im letzten Schritt der Installationsroutine wird geprüft, ob die zuvor erstellte Konfiguration funktioniert. Da die hinterlegte Datenbank noch leer ist, erstellt Roundcube mit einem Klick auf «Initialize database» die benötigten Tabellen. Ist dieser Schritt erledigt, ist unser neues Webmail bereit und unter https://oliverorange.ch/roundcube/ erreichbar.

Hat die Installation geklappt, erscheint unter der Installations-URL das Login-Formular von Roundcube.

Hat die Installation geklappt, erscheint unter der Installations-URL das Login-Formular von Roundcube.

Wichtig zum Schluss: Damit die Installationsroutine nicht mehr erreichbar ist, löschen wir im Installationsverzeichnis noch den Ordner installer.

Weiterführende Informationen

Im offiziellen Wiki finden Sie weitere Anleitungen zur Konfiguration von Roundcube und die Roundcube-Community trifft sich im Roundcube-Forum, das auch eine deutschsprachige Sektion bietet.

Unser neuer Sitebuilder: Der einfachste Weg zur eigenen Website

Eine eigene Website zu erstellen ist ab sofort ganz einfach. Mit unserem neuen Websitebaukasten Sitebuilder ist Ihre Website, Ihr Blog oder sogar Ihr Online-Shop mit wenigen Klicks im Netz.

Der einfachste Weg zur eigenen Website.

Einfach, einfacher, Sitebuilder

Der Erfolg einer Website steht und fällt mit dem Inhalt und Design. Deshalb ist es wichtig, dass die Inhalte der eigenen Website einfach und intuitiv gepflegt werden können. Wir finden, unser neuer Sitebuilder macht dabei einen hervorragenden Job. Die Drag&Drop-Bedienung macht es auch für Anfänger möglich, in kürzester Zeit eine ansprechende Website zu kreieren. Um Updates wie bei einem Content-Management-System wie WordPress brauchen Sie sich nicht zu kümmern.

Und auch für das passende Design ist gesorgt. Eine grosse Auswahl an modernen und vor allem wunderschönen Designs sorgt dafür, dass Sie Ihre Website ins rechte Licht rücken.

Zauberwort «responsive»

Websites müssen heutzutage nicht nur auf einem grossen Bildschirm gut aussehen, sondern auch mit einem Smartphone oder Tablet gut bedienbar sein. Mit unserem neuen Sitebuilder erstellte Websites werden auf allen Bildschirmgrössen automatisch passend dargestellt und zeigen sich so immer von ihrer besten Seite.

E-Mail inklusive

Der Sitebuilder bietet alles, was Sie für die moderne elektronische Kommunikation benötigen: E-Mails sind nämlich inklusive. Erstellen Sie eigene E-Mail-Adressen mit Ihrer Domain, richten Sie die Konten mit unserem E-Mailzauberer auf all Ihren Geräten ein oder rufen Sie Ihre E-Mails weltweit über unser praktisches Webmail ab. Abwesenheitsmeldungen, Weiterleitungen und Filter stehen Ihnen selbstverständlich ebenfalls zur Verfügung.

Sitebuilder in freier Wildbahn

Die ersten Kunden, die ihre Website bereits mit unserem neuen Sitebuilder erstellt haben, schätzen die einfache Bedienung. So wie Bojan Hofmann und Manuel Eberle vom Burger-Truck Meat and Greet. Dank dem Sitebuilder macht die Firmenwebsite der beiden Jungunternehmer sowohl auf Laptops als auch auf Smartphones eine gute Figur.

Alle Sitebuilder-Vorlagen sehen automatisch auf allen Geräten gut aus.

Die Sitebuilder-Vorlagen sehen automatisch auf allen Geräten gut aus.

Für Manuel ist der Sitebuilder das perfekte Werkzeug, um ohne grossen Aufwand mit seiner burgerliebenden Kundschaft in Verbindung zu bleiben:

Mit dem Sitebuilder konnten wir unsere Website nach unseren Vorstellungen konstruieren. Die Bedienung ist supereinfach, auch für Menschen die sich besser mit Burgerbraten als mit Webdesign auskennen. Ausserdem sind die angebotenen Templates cool. Für mich ist der Sitebuilder das Apple-Produkt unter den Website-Baukästen, wenn man so will :)

manuel-eberleManuel EberleMeat & Greet

Kostenlos testen inklusive

Wie Sie sich das bei uns gewohnt sind, können Sie auch den Sitebuilder 30 Tage kostenlos testen und ihn auf Herz und Nieren prüfen.

Sitebuilder jetzt kostenlos testen

Falls Sie bereits ein Webhosting besitzen und der Sitebuilder die für Sie noch fehlende Lösung war: Wir wandeln ein bestehendes Webhosting gerne für Sie um. Geben Sie uns einfach per E-Mail an mail@cyon.ch Bescheid.

Lehrstelle 2017 – Wir machen Dich zum Applikationsentwickler

Nach etwas über 13 Jahren im Geschäft ist es soweit: Wir schreiben unsere erste Lehrstelle aus. Per August 2017 bieten wir einer Lernenden bzw. einem Lernenden einen Platz als Informatiker/-in EFZ Applikationsentwicklung.

Lehrstelle 2017 – Wir machen Dich zum Applikationsentwickler

Voll dabei ab Tag eins

Die Ausbildung zum Informatiker EFZ Applikationsentwicklung dauert vier Jahre und bietet eine Menge Abwechslung. Selbstverständlich erhältst Du während Deiner Lehre auch Einblick ins Customer Support-Team und kannst bei unseren System Engineers Luft schnuppern. Langweilig wird es Dir bei uns also garantiert nicht.

Wir halten nichts von unnötiger Hierarchie und Gärtchendenken. Ab Tag eins bist Du vollständiges Mitglied in unserem Team. Der einzige Kaffee, den Du zubereitest, ist Dein eigener. Ausser Du magst Kaffee nicht 😉

Modernes Software Engineering

Deine Kollegen aus dem Software Engineering zeigen Dir, wie Du professionell und nach dem aktuellsten Stand der Technik Software entwickelst. Du planst, entwickelst und betreust unsere Kundenplattform my.cyon und unser internes Kundenverwaltungssystem froox. Dabei automatisierst Du was das Zeug hält. Falls Du die Berufsmatur machen möchtest, unterstützen wir Dich dabei.

An zwei Tagen in der Woche wirst Du ausserdem die Berufsfachschule in Muttenz und Pratteln besuchen. Dazu kommen während der gesamten Ausbildung überbetriebliche Kurse (ÜK), die Dir zusätzliche Praxiskenntnisse vermitteln.

Bist Du unsere Kandidatin/unser Kandidat?

Wir suchen eine junge, aufgestellte Person, die gerne in einem belebten Umfeld und mit uns im Team arbeiten möchte. Freude und Respekt sind die beiden wichtigsten Werte in unserer Firma. Wenn Du Dich für Computer ganz allgemein und fürs Internet im Speziellen interessierst, stehen die Chancen gut, dass Du im kommenden Sommer die/der erste Lernende in der cyon-Geschichte wirst.

Fenster auf

Damit eröffnen wir das Bewerbungsfenster für die Lehrstelle als Informatiker/-in EFZ Applikationsentwicklung offiziell. Bist Du an der Stelle interessiert? Unter cyon.ch/jobs haben wir sämtliche Informationen zur Lehrstelle und zum Bewerbungsverfahren für Dich zusammengestellt. Wir freuen uns auf Deine Bewerbung 🙌

Mit cyon kostenlos an die Frontend Conference 2016

Am 1. September ist es wieder soweit: In Zürich treffen sich Frontendentwickler, Webdesigner und alle, die sich für Themen wie Web-Technologien, User-Experience (UX) oder Mensch-Computer-Interaktion (HCI) interessieren zur bereits sechsten Ausgabe der Frontend Conference.

Wir schicken Dich mit etwas Glück gratis an die Frontend Conference in Zürich.

Wir schicken Dich mit etwas Glück gratis an die Frontend Conference in Zürich.

Während zwei Tagen kann man den spannenden Talks ausgewiesener Experten lauschen, sich mit Gleichgesinnten austauschen und feine Basler Glacé essen. Wir sind nämlich ein weiteres Mal als Sponsor präsent und nehmen unsere Tiefkühltruhe gefüllt mit Leckereien mit.

Spannende Gespräche und feine Glacé am cyon-Stand.

Spannende Gespräche und feine Glacé am cyon-Stand. Foto: Claudio Schwarz/Frontend Conference Association

3 Tickets zu gewinnen

Die Frontend Conference 2016 ist nochmals etwas grösser als die Ausgabe im vergangenen Jahr. Mit 400 Teilnehmern ist die Konferenz um 100 Plätze gewachsen. Einige wenige Late Bird-Tickets sind noch erhältlich. Vielleicht sind Sie aber auch gratis mit dabei. Machen Sie an unserer Verlosung mit und gewinnen Sie mit etwas Glück eines von drei Tickets im Wert von je CHF 700.-. Mit folgendem Formular nehmen Sie an der Verlosung teil:

3 x 1 Ticket für die frontendconf.ch 2016 gewinnen.

Tipp: Die Teilnahmemöglichkeiten lassen sich kombinieren. Die Option «Gewinnspiel auf Twitter teilen» kann einmal pro Tag genutzt werden. Viel Glück!

Teilnahmebedingungen

  • Verlost wird 3 x 1 Ticket für die Frontend Conference 2016 (frontendconf.ch) in Zürich. Eine Barauszahlung des Preises ist ausgeschlossen.
  • Teilnahmeschluss ist der 24.08.2016, 12:00 Uhr.
  • Teilnahmeberechtigt sind alle Personen die das 18. Altersjahr vollendet haben. Mitarbeiter der cyon GmbH sind von der Teilnahme ausgeschlossen.
  • Die Gewinner werden nach Teilnahmeschluss innerhalb 24 Stunden mithilfe von Rafflecopter per Zufallsgenerator bestimmt und per E-Mail informiert.
  • Der Teilnehmer erklärt sich einverstanden, dass sein Name im Fall des Gewinns auf der Website und den Social-Media-Profilen der cyon GmbH veröffentlicht wird.
  • Die Übergabe des Tickets an die Gewinner erfolgt persönlich an der Frontend Conference 2016.
  • Wir behalten uns vor, die Verlosung jederzeit zu ändern, anzupassen oder zu beenden und Teilnehmer bei Missbrauch nachträglich von der Teilnahme auszuschliessen.
  • Über die Verlosung wird keine Korrespondenz geführt. Der Rechtsweg ist ausgeschlossen.

404 Seite nicht gefunden? Zehn HTTP-Statuscodes, die Sie kennen sollten

Einer 404-Seite sind Sie mit Sicherheit schon einmal begegnet. Dem HTTP-Statuscode 200 sowieso. Wir zeigen Ihnen heute, was HTTPS-Statuscodes sind und welche Sie kennen sollten.

404 Seite nicht gefunden? 10 HTTP-Statuscodes die Sie kennen sollten

Was ist ein HTTP-Statuscode?

HTTP-Statuscodes werden von einem Webserver als Antwort auf Anfragen von Clients (also z.B. einem Browser) zurückgeliefert. Damit weiss der Client, ob seine ursprüngliche Anfrage verarbeitet werden konnte oder ob Fehler aufgetreten sind.

HTTP-Statuscodes sind dreistellige Zahlen und in fünf Klassen eingeteilt. Die erste Ziffer bestimmt dabei die Klasse. Dank den Statuscodes weiss ein Client, wie er eine Antwort vom Server einordnen muss und welche weiteren Schritte nötig sind.

101 – Switching Protocols

Die Statuscodes aus dem 100er-Bereich dienen dem Informationsaustausch, während die Anfrage noch bearbeitet wird. Für den Bereich stehen lediglich drei verschiedene Codes, nämlich 100, 101 und 102 zur Auswahl. 101 bedeutet dabei «Switching Protocols» und wird beispielsweise vom Server gesendet, wenn dieser über das modernere HTTP/2-Protokoll kommunizieren kann, die Anfrage aber über HTTP/1.1 geschickt wurde.

200 – Alles ok, weitermachen

Statuscodes aus dem 200er-Bereich signalisieren, dass die Anfrage erfolgreich verarbeitet werden konnte. So hat Ihr Browser von unserem Server in der Antwort den Statuscode 200 «OK» erhalten und stellt nun die übertragenen Daten (also diesen Blogbeitrag) dar.

301 – Wir sind umgezogen

Der Code 301 «Moved Permanently» signalisiert, dass die angeforderte URL neu unter einer anderen Adresse zu finden ist. Der Browser fordert automatisch diese neue URL an und speichert die Weiterleitung in seinem Cache, damit die Weiterleitung bei einem erneuten Aufruf nicht vom Server angefordert werden muss.

302 – Gefunden

Auch 302 «Found» lässt den Browser wissen, dass die angeforderte URL unter einer anderen Adresse zu finden ist. Im Gegensatz zu 301 ist diese Weiterleitung jedoch nicht dauerhaft und wird vom Browsers daher auch nicht im Cache gespeichert. Der Browser fragt also auch in Zukunft weiterhin die ursprüngliche URL ab. Der Code 302 wird oft einfach temporäre Weiterleitung genannt.

401 – Passwortschutz

Mit 401 «Unauthorized» teilt der Server mit, dass für die Anzeige des angeforderten Inhalts ein Benutzername und Passwort nötig ist. Wie Sie Inhalte mit einem Passwort schützen, erfahren Sie in unserem Supportartikel «Wie kann ich einen Ordner oder eine Datei vor fremdem Zugriff schützen?».

403 – Verboten

Zeigt Ihr Browser 403 «Forbidden» an, fehlen die nötigen Zugangsberechtigungen. Das kann aufgrund eines falschen Passworts für einen passwortgeschützten Inhalts sein. Möglicherweise sind aber auch die Dateiberechtigungen nicht korrekt gesetzt.

404 – Seite nicht gefunden

Der HTTP-Statuscode, der vermutlich am Häufigsten anzutreffen ist. 404 «Not Found» signalisiert, dass die angeforderte URL nicht existiert, der Server darunter also keinen anzeigbaren Inhalt finden konnte. Die 404-Seite wird von Webentwicklern gerne genutzt, sich kreativ auszutoben, wie der Blog FourZeroFour zeigt.

451 – Zensierter Inhalt

Seit Februar 2016 steht Webentwicklern ein neuer Statuscode zur Verfügung. 451 «Unavailable For Legal Reasons» kann verwendete werden, wenn Inhalte aufgrund von gerichtlicher Anweisung vom Netz genommen werden muss. 451 spielt dabei auf den dystopischen Roman Fahrenheit 451 an.

500 – Da läuft was schief

Der Code 500 «Internal Server Error» bedeutet, dass auf Serverseite etwas nicht wie gewünscht funktioniert hat. Die Ursache dafür kann an ganz verschiedenen Orten liegen. Oft ist für die Meldung aber eine Anweisung in der .htaccess-Datei, eine Update eines CMS oder die Installation eines Plugins verantwortlich. Hat eine Website kurz zuvor noch einwandfrei funktioniert, empfiehlt es sich, allfällige Änderungen wieder rückgängig zu machen.

503 – Nicht verfügbar

Mit 503 «Service Unavailable» signalisiert der Server, dass der Server vorübergehend nicht antworten kann. Das kann aufgrund von Wartungsarbeiten sein. Oft sind auch Faktoren wie ein volles Webhosting oder das Erreichen von anderen Limiten dafür verantwortlich. Wird über längere Zeit der Code 503 gemeldet, hilft unser Support-Team gerne bei der Fehlersuche.

Alle Codes

Neben den erwähnten, stehen im HTTP-Protokoll noch eine ganze Menge anderer Statuscodes zur Auswahl. Einen Überblick finden Sie zum Beispiel beim W3C, auf httpstatuses.com oder bei Wikipedia.

Seite 4 von 101« Erste...23456...102030...Letzte »