Hosten Sie Ihre eigene Bookmarking-Webapp mit Unmark

Das Erstellen von Lesezeichen für Websites ist das einzige, was die meisten von uns am längsten auf Computern gemacht haben. Im Allgemeinen ist das Lesezeichen für Jahrzehnte gleich geblieben, aber es gibt viele großartige neue Lesezeichen-Tools, die wir in unserem Leitfaden zum Lesezeichen betrachtet haben. Wir haben uns verschiedene Browser und Apps angesehen, mit denen Sie Seiten bookmarken können, aber vielleicht ist Unmark die interessanteste von allen. Unmark ist eine kostenlose App von den guten Leuten von Plain, die Sie dazu auffordert, Ihre Lesezeichen nach dem zu sortieren, was Sie mit ihnen machen wollen beiliegenden Artikel, kaufen Sie das aufgelistete Produkt, schauen Sie sich das begleitende YouTube-Video an oder hören Sie sich den vorgestellten Titel an.

Das Beste an Unmark ist, dass es auch als Open-Source-Version verfügbar ist, die Sie kostenlos auf Ihrem eigenen Server hosten und ausführen können. Wenn Sie sich selbst hosten lassen, bleiben alle Ihre Daten bei Ihnen und Sie müssen sich keine Sorgen machen, dass der Dienst ein Update erhält, das Ihnen nicht gefällt, oder dass der Dienst heruntergefahren wird. Da die Open-Source-Version auf GitHub gehostet wird, können Benutzer mit Entwicklungskenntnissen ihr Aussehen und ihre Funktionsweise ändern und diese Änderungen mit anderen Unmark-Benutzern teilen.

Heute führen wir Sie durch, um Unmark auf Ihrem eigenen Server einzurichten. Sie benötigen lediglich einen Domainnamen und ein Webhosting-Konto mit Zugriff auf eine MySQL-Datenbank. Sobald Sie Unmark installiert haben, können Sie Ihren eigenen Lesezeichen-Service von überall (einschließlich mobiler Browser) in Ihrer Domain ohne Einschränkungen verwenden. Das Markieren mit Unmark ist so einfach wie das Klicken auf ein Bookmarklet oder die Verwendung der Erweiterung für Chrome. Klingt nach Spaß? Lass uns das machen!

Unmark einrichten

Unmark bietet eine einfache Benutzeroberfläche und einen neuen Ansatz für das Lesezeichen

Damit Sie Unmark auf Ihrem eigenen Server ausführen können, müssen Sie eine Datenbank und eine Subdomain für die App erstellen, einige kleine Änderungen in den App-Dateien herunterladen, die aktualisierten Dateien auf den Server hochladen und einen schnellen Installationsvorgang ausführen und du bist gut zu gehen. Wir werden noch einen Schritt weiter gehen, indem wir zusätzlich eine Erweiterung für Chrome installieren, mit der Sie Lesezeichen zu Ihrer eigenen Unmark-App ganz einfach über die Symbolleiste hinzufügen können.

Laden Sie die Markierung auf

Klicken Sie auf, um die Unmark Installer-Dateien von der GitHub-Seite der App zu übernehmen ZIP herunterladen zur Rechten. Entpacken Sie es als nächstes an einem Ort, den Sie leicht auf Ihrer Festplatte finden können.

Navigieren Sie durch die Ordner zu application> config und suchen Sie die Datei mit dem Namen database-sample.php. Wählen Sie diese Datei aus und duplizieren Sie sie mit Cmd + D Wenn Sie sich auf einem Mac befinden, benennen Sie die neue Datei in database.php um. Kopieren Sie diese Datei auf dem PC, fügen Sie sie in einen anderen Ordner ein, benennen Sie sie in database.php um und fügen Sie sie wieder in den ursprünglichen Ordner ein.

Wir müssen diese Datei bearbeiten, aber bevor wir das tun, müssen wir zuerst…

Erstellen Sie eine Datenbank

Melden Sie sich bei Ihrem Webhosting-Konto an und starten Sie das Kontrollfeld für die Domäne, für die Sie Unmark einrichten möchten. In diesem Fall verwenden wir GoDaddy. Daher melden wir uns beim Webhosting-Panel unserer gewählten Domain an und klicken auf Datenbanken zur Rechten.

Klicken Hinzufügen Um eine neue MySQL-Datenbank zu erstellen, geben Sie ihr einen Datenbanknamen (der in einigen Fällen auch der Standardbenutzername für diese Datenbank ist) und ein sicheres Kennwort.

Pro-Tipp: Sie benötigen dieses Kennwort, um sicher zu sein, und müssen sich nicht daran erinnern. Verwenden Sie einen Kennwortgenerator wie diesen, um ein sicheres Kennwort mit gemischten Zeichen, Buchstaben und Zahlen zu erstellen.

Erstellen Sie eine neue Datenbank für Umark

Kopieren Sie diese Details in eine Notizen-App oder einen Texteditor - Sie müssen diese exakt in die zuvor kopierte Datei database.php einfügen. Sie benötigen außerdem den generierten Hostnamen, nachdem Sie die Datenbank erstellt haben. Dies sieht in etwa so aus unmark.db.123456.hostedresource.com.

Speichern Sie Ihre Datenbankdetails, einschließlich Datenbankname, Benutzername, Kennwort und Hostname

Erstellen Sie eine Subdomain

Die selbst gehostete Version von Unmark funktioniert am besten mit einer Subdomain, wie z unmark.tutsplus.com, im Gegensatz zu einem Unterordner in Ihrer Domäne wie tutsplus.com/unmark. Melden Sie sich zum Erstellen einer Domäne bei Ihrem Domänenkontrollbereich an und erstellen Sie eine Unterdomäne mit einem beliebigen Namen. Ich gehe mit unmark.abhimanyughoshal.com für dieses Tutorial.

Melden Sie sich mit GoDaddy bei Ihrem Konto an und navigieren Sie zu Gehostete Domains. Klicken Sie im angezeigten Fenster auf Verwalten in der Spalte Subdomains neben der Domain, mit der Sie die Markierung aufheben möchten. Klicken Sie im nächsten Fenster auf Subdomain hinzufügen, und geben Sie Ihrer neuen Subdomain einen Namen. Sie müssen sich diesen Subdomain-Namen sowie den Ordner, dem er zugeordnet ist, notieren. GoDaddy bietet Ihnen auch die Möglichkeit, einen Dateiordner mit demselben Namen wie Ihre neue Subdomain zu erstellen. Dies macht das Setup sehr einfach.

HinweisEs kann einige Augenblicke bis 48 Stunden dauern, bis der DNS Ihre neue Subdomain verbreitet hat. Daher müssen Sie möglicherweise etwas warten, bevor auf Ihre Subdomain zugegriffen werden kann. Sie wissen, dass dies der Fall ist, wenn Sie einen browserbasierten Fehler "Webseite nicht gefunden" erhalten, wenn Sie versuchen, mit Ihren hochgeladenen Dateien auf Ihre Subdomain zuzugreifen. Sie können hier nicht viel tun, außer warten und versuchen Sie es in ein paar Stunden noch einmal.

Erstellen Sie eine Subdomain, die mit Unmark verwendet werden soll

Bearbeiten Sie die database.php Datei

Nachdem wir unser Hosting für Unmark eingerichtet haben, müssen wir die Datenbankdetails in die Konfigurationsdatei database.php eingeben. Navigieren Sie zum Ordner config und öffnen Sie die Datei database.php in einem Texteditor. Blättern Sie zu dieser Zeile:

if ($ _SERVER ['HTTP_HOST'] == 'localhost') // Falls lokal, laden Sie dies

Fügen Sie darunter die Details Ihrer Datenbank ein, und ersetzen Sie die Einträge in einfachen Anführungszeichen nach dem = -Zeichen. Zum Beispiel,

$ db ['default'] ['hostname'] = 'unmark.db.123456.hostedresource.com';

Dieser Abschnitt muss so aussehen:

if ($ _SERVER ['HTTP_HOST'] == 'localhost') // Falls lokal, laden Sie dies
 $ db ['default'] ['hostname'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['default'] ['username'] = 'unmarkag';
 $ db ['default'] ['password'] = 'xpassword123x!';
 $ db ['default'] ['database'] = 'unmarkag';
else // Wenn nicht lokal, lade dies
 $ db ['default'] ['hostname'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['default'] ['username'] = 'unmarkag';
 $ db ['default'] ['password'] = 'xpassword123x!';
 $ db ['default'] ['database'] = 'unmarkag';

Wenn Sie diese Änderungen vorgenommen haben, speichern Sie die Datei im gleichen Format.

Laden Sie Ihre Dateien hoch

Melden Sie sich im Steuerungsfeld Ihres Hosting-Kontos an, und greifen Sie auf den Dateimanager zu. Sie können auch über FTP mit einer App wie Cyberduck und den von Ihrem Webhost bereitgestellten FTP-Anmeldedaten auf Ihr Hosting-Konto zugreifen. Wenn Sie bereits einen Ordner für Ihre Unmark-Installation erstellt haben, laden Sie alle Dateien und Ordner im Ordner "unmark-master" hoch, den Sie auf Ihrem Desktop entpackt haben. Wenn Sie keinen Ordner für diesen Zweck haben, erstellen Sie einen neuen Ordner, laden Sie die Dateien hoch und verweisen Sie Ihre Unmark-Unterdomäne auf diesen Ordner.

Führen Sie das Unmark-Installationsprogramm aus

Starten Sie nach dem Hochladen Ihrer Dateien Ihren bevorzugten Browser und navigieren Sie zur Setup-Seite Ihrer neu erstellten Subdomain, deren URL folgendermaßen aussieht: subdomain.ihredomain.de/setup (In meinem Fall ist es unmark.abhimanyughoshal.com/setup).

Klicken INSTALLIEREN SIE UNMARK, Erstellen Sie ein Konto mit einer E-Mail-Adresse und einem Kennwort, und Sie sind fertig. Sie sind in Ihrer eigenen Unmark-App angemeldet und können jetzt Lesezeichen setzen, bis die Kühe nach Hause kommen! Der einfachste Weg, um loszulegen, besteht darin, das Lesezeichen Unmark + aus Ihrer App Unmark auf Ihre Lesezeichenleiste zu ziehen und darauf zu klicken, wenn Sie auf eine Seite stoßen, die Sie speichern möchten. Sie haben die Möglichkeit, Ihr Lesezeichen nach Aktivität zu kategorisieren und eine Notiz hinzuzufügen, die Sie daran erinnert, warum die Seite für Sie wichtig ist, wenn Sie jede Seite speichern.

Installiere Unmark, registriere ein Konto und fertig!

Installation der Unmark Extension für Google Chrome

Wenn Sie kein Fan von Bookmarklets sind und die Lesezeichenleiste lieber für einen größeren Anzeigebereich ausblenden möchten, können Sie die selbst gehostete Chrome-Erweiterung von Unmark zum Speichern von Lesezeichen verwenden. Diese Schaltfläche befindet sich rechts neben der Omnibar zusammen mit den anderen Erweiterungen. Schaltflächen und bietet die gleiche Funktionalität wie das Bookmarklet. So können Sie es einrichten:

Laden Sie zunächst die Erweiterungsdateien aus ihrem GitHub-Repository herunter, indem Sie rechts auf die Schaltfläche ZIP herunterladen klicken. Entpacken Sie die Datei an einem Ort, den Sie leicht auf Ihrer Festplatte finden können. Navigieren Sie in die unmarkierung-chrome-master Ordner und öffnen Sie die Datei mit dem Namen manifest.json in einem Texteditor. Finden Sie diesen Code in der Datei:

"Berechtigungen": [
"tabs",
"contextMenus",
"*: //unmark.it/"
 ],

Ändern Sie nun die Domäne unmark.it so, dass sie auf die Subdomain verweist, die Sie für Ihre Unmark-Installation erstellt haben. In meinem Fall ist es so unmark.abhimanyughoshal.com, So sieht der Codeblock in meiner Datei so aus:

"Berechtigungen": [
"tabs",
"contextMenus",
"*: //unmark.abhimanyughoshal.com/"
 ],

Wenn Sie fertig sind, speichern Sie die Datei am selben Ort.

Navigieren Sie dann in diesem Erweiterungsordner zu js> Markierung aufheben und öffnen Sie die Datei base.js in einem Texteditor. Wir müssen die URL in der zweiten Zeile ersetzen, die wie folgt aussieht:

unmark.host = 'https://unmark.it ';

Fügen Sie die URL Ihrer Subdomain so ein, dass die zweite Zeile wie folgt aussieht:

unmark.host        = 'https://unmark.abhimanyughoshal.com ';

Speichern Sie die Datei am selben Ort.

Starten Sie Google Chrome, klicken Sie auf die Schaltfläche mit dem Hamburger Symbol und wählen Sie Extras> Erweiterungen. Aktivieren Sie das Kontrollkästchen oben, um den Entwicklermodus zu aktivieren, und klicken Sie dann auf Unverpackte Erweiterung laden…

Aktivieren Sie den Entwicklermodus in Google Chrome, um die Erweiterung "Unmark" zu installieren

Suchen Sie den Unmark Chrome-Erweiterungsordner auf Ihrer Festplatte und klicken Sie auf OK. Installieren Sie die Erweiterung, und Sie finden die Markierung zum Entfernen der Markierung in Ihrer Symbolleiste. Sie können dies jetzt verwenden, um Webseiten mit einem Lesezeichen zu versehen, und Sie müssen die Lesezeichenleiste nicht mehr sichtbar lassen.

Verwenden Sie die Unmark-Erweiterung für schnelles und einfaches Lesezeichen ohne Lesezeichenleiste

Fazit

Hoffe das war nicht so schwer! Mit Unmark können Sie wichtige Webseiten auf einfache Weise speichern. Der neuartige Organisationsansatz kann Ihnen dabei helfen, Ihre Lesezeichen ausfindig zu machen, anstatt sie staubfrei zu machen und irrelevant zu werden. Durch das Hosting auf Ihrem eigenen Server bleiben Ihre Daten privat und unter Ihrer Kontrolle. Plus, es ist kostenlos!

Wie sind Ihre Erfahrungen mit selbst gehosteten Apps? Und welche anderen Tools möchten Sie auf Ihrem eigenen Server hosten? Lass es uns in den Kommentaren wissen!