Blog

Wie gestaltet man einen CNAME-Record, um seine HTML5 Web-App auf seine eigene Domain zu installieren

Das war einer der großen Features, die mit GoodBarber Salvador im September eingeführt worden. Jedes GoodBarber Konto ist zusätzlich zur nativen App für iPhone und  für Android mit einer großartigen Web-App verbunden.

Ihre nativen Apps sind im App Store und im Google Playstore verteilt. Aber was ist mit der Web-App?

Standardmäßig liegt Ihr Web-App auf http://<appname>.goodbarber.com/m/ . Aber man kann (man sollte?) diese URL ändern und seine eigene wählen.

Zum Beispiel können Sie sich entscheiden, Ihre Web-App mit http://m.yourdomain.com zu verlinken. So wird es viel bequemer für die Benutzer sein, auf Ihre HTML5 Web-App zuzugreifen, oder?

Darum, werden wir uns in diesem Artikel gemeinsam kümmern.

Beginnen wir von Anfang an

Um Ihre HTML5-Web-App mit Ihrem eigenen Domain Namen (oder Subdomain) zu machen, müssen Sie einige Änderungen der Registrierung Ihrer Benutzeroberfläche machen. Sie werden einen CNAME-Record  für Ihren Domain Namen definieren, der mit GoodBarber verbunden sein wird.  

Sie wissen wahrscheinlich, dass Computer im Internet (Normalerweise Web-Server) durch ihre IP-Adressen identifiziert werden. Die Domain Namen (die Namen, die Sie eingeben, um eine Website, wie yourdomain.com zugreifen), werden durch ein System namens DNS (Domain Name System ) verwaltet.

Auszug aus Wikipedia über DNS:
“Hauptsächlich wird das DNS zur Umsetzung von Domainnamen in IP-Adressen („forward lookup“) benutzt. Dies ist vergleichbar mit einem Telefonbuch, das die Namen der Teilnehmer in ihre Telefonnummer auflöst. Das DNS bietet somit eine Vereinfachung, weil Menschen sich Namen weitaus besser merken können als Zahlenkolonnen. [...] 
So löst sich beispielsweise der Name www.kame.net in die IPv4-Adresse 203.178.141.194.“


Solange Sie es nicht schon geändert haben, ist der DNS-Server, der mit Ihrem Domain-Namen verbunden ist, der von Ihrem Registrar. Dort können Sie die DNS Records für Ihre Domain Namen verwalten.  

Normalerweise kann man mehrere Arten von Records im DNS-Server finden: die MX Records sind die, die von E-Mail Kunden verwendet werden. Die A Records sind die wichtigsten, und die CNAME Records sind die, auf die wir uns konzentrieren werden. :)

Einen CNAME gestalten

In diesem Beispiel werden wir einen Blick auf die GoDaddy-Manager werfen.
Jeder Registrar hat seine eigene Benutzeroberfläche, um die DNS-Records zu verwalten, also ist es nicht möglich, einen allgemeinen Leitfaden anzubieten. Trotzdem werden die Schritte überwiegend die gleichen sein. Ihr Registrar hat wahrscheinlich einige Leitfäden, denen Sie folgen können, um den Record zu erstellen.

Gehen Sie in Ihrem Backend, auf Veröffentlichung > Einschicken > HTML5 Menü

Der erste Schritt ist einfach: Sie müssen nur Ihr Domain Namen eingeben und einen Subdomain fur Ihre HTML5 Web App wählen.
Dann klicken Sie auf das OK Symbol.

Gehen Sie zu Ihr GoDaddy-Domain-Verwalter

Wählen Sie Ihren Domain Namen aus der Liste und klicken Sie auf den DNS Zone File Tab.
Und das war's! Die Zeilen die Sie sehen, sind mit Ihrem Domain-Namen verbunden.
Jetzt klicken Sie auf das Edit Symbol

Klicken Sie auf den Add Record Symbol

In dem Header vom Tone File Editor, sollten Sie ein Symbol namens Add Record sehen. Klicken Sie darauf, denn genau deswegen sind wir hier.

Ihr Record einstellen

Füllen Sie die Form mit die Informationen aus, die Sie in Ihrem Backend finden können.

-Record type: CNAME
-Alias name: den Wert der auf den Namen Spalten angezeigt ist
-Points to host name: den Wert der, der Server Spalte angezeigt wird
-TTL: lassen Sie den Standardwert 

Klicken Sie auf OK um zu bestätigen.

Vergessen Sie nicht Ihre Bearbeitungen zu speichern

Klicken Sie auf das Save Zone file Symbol

Gehen Sie zurück zu Ihren GoodBarber Backend

Sie können nun zurück zu Ihrem GoodBarber Backend gehen, um den Prozess zu beenden: klicken Sie einfach auf den Installation beenden Symbol.  

Sie haben nun den Prozess beendet, es kann aber mehrere Stunden dauern (die Zeit des DNS-Propagation) bis es völlig arbeitsfähig ist. Sobald das erledigt ist, werden Sie in der Lage sein, direkt von Ihrem Domain-Namen aus auf Ihre HTML5-Web-App zuzugreifen.

Und dann?....

Es wäre auch interessant, die Besucher Ihrer Website, automatisch auf Ihre HTML5-Web-App umzuleiten, wenn sie Ihre Website von einem Mobiltelefon aus besuchen. Sie können das kleine Stück Code unter Veröffentlichungen > HTML5 im Menü finden, um es anschließend in den Header Ihrer Website zu kopieren.

Weiterlesen

  3 Min. Lesezeit

Ihre Zeffy-Veranstaltungen und -Spendenaktionen erscheinen jetzt in Ihrer App

Kurz gesagt. Zeffy Veranstaltungen und Zeffy Kampagnen sind zwei Erweiterungen von GoodBarber, dem No-Code-App-Builder, die die Kampagnen einer gemeinnützigen Organisation auf Zeffy lesen. Zeffy Veranstaltungen füllt einen Kalender-Bereich mit den kommenden Veranstaltungen, mit einem Eintrag pro Termin, wenn eine Veranstaltung an mehreren Terminen stattfindet, jeweils mit einem Button, der die Zeffy-Ticketseite in der App öffnet. Zeffy Kampagnen füllt einen Artikel-Bereich mit Spendenformularen, Peer-to-Peer-Spendenaktionen und Mitgliedschaften: Mitgliedschaften öffnen sich in der App, Spenden im Browser des Smartphones. Sie verbinden die Erweiterungen mit Ihrem Zeffy-API-Schlüssel. Beide sind für Content-Apps kostenlos: Jeder Bereich zählt als eine der Erweiterungen, die Ihr Plan enthält.Zeffy gibt in einem am 16. Juni 2026 veröffentlichten Artikel an, dass mehr als 100.000 gemeinnützige Organisationen über die Plattform mehr als 2 Milliarden Dollar gesammelt haben. So funktionieren die beiden Erweiterungen für eine Jugendtheatergruppe, die ihre Aufführungen über Zeffy verkauft und dort Spenden sammelt.

  6 Min. Lesezeit

Wie ändere ich die Farben meiner App?

In GoodBarber hat jede Ihrer Farben eine Rolle. In einer unserer Apps färbte eine einzige geänderte Farbe 95 Einstellungen neu, ohne Bildschirm zu öffnen.

  3 Min. Lesezeit

Ihre Veranstaltungen aus Church Center füllen den Kalender Ihrer Kirchen-App jetzt von selbst

Kurz gesagt. Planning Center ist eine Erweiterung von GoodBarber, dem No-Code-App-Builder, die einen Kalender-Bereich mit den Veranstaltungen der nächsten sechs Monate füllt, die eine Kirche auf Church Center veröffentlicht. Wiederkehrende Veranstaltungen erscheinen einmal pro Termin, zu ihren öffentlichen Uhrzeiten, in der Zeitzone der Kirche, mit Bild, Ort und Beschreibung. Ist für eine Veranstaltung eine Anmeldung vorgesehen, öffnet ein Button das Formular in der App. Sie verbinden die Erweiterung, indem Sie sich mit einem Administratorkonto von Planning Center Calendar anmelden: Sie müssen keinen Schlüssel kopieren. Sie ist für Content-Apps kostenlos: Jeder Bereich zählt als eine der Erweiterungen, die Ihr Plan enthält.Viele Kirchen führen ihren Kalender bereits in Planning Center: Das Tool zählt 78.000 aktive Kirchen und 4 Millionen aktive Nutzer, laut seiner About-Seite, abgerufen im Oktober 2026. So funktioniert die Erweiterung für eine Kirche mit einem wöchentlichen Gottesdienst und einer Jugendfreizeit.