Host uw eigen bookmark Webapp met Unmark

Bladwijzer maken van websites is misschien het enige dat de meesten van ons het langst op computers hebben gedaan. Over het algemeen is bladwijzers al tientallen jaren hetzelfde gebleven, maar er zijn veel geweldige nieuwe bladwijzertools waar we naar hebben gekeken in onze Gids voor Bookmarken. We hebben verschillende browsers en apps bekeken waarmee je pagina's kunt bookmarken, maar misschien wel de meest intrigerende van allemaal is Unmark, een gratis app van de goede mensen van Plain die je aanmoedigt om je bladwijzers te categoriseren op wat je ermee wilt doen - lees de ingesloten artikel, koop het vermelde product, bekijk de bijbehorende YouTube-video of luister naar het aanbevolen nummer.

Het beste van Unmark is dat het ook beschikbaar is als een opensource-versie die u gratis op uw eigen server kunt hosten en uitvoeren. Als u zichzelf host, betekent dit dat al uw gegevens bij u blijven en dat u zich geen zorgen hoeft te maken dat de service een update ontvangt die u niet bevalt, of dat de service wordt afgesloten. En aangezien de open-source versie wordt gehost op GitHub, kunnen gebruikers met ontwikkelvaardigheden de manier waarop het eruit ziet en werkt, veranderen en deze wijzigingen delen met andere Unmark-gebruikers.

Vandaag nemen we het proces van het instellen van Unmark op uw eigen server. Het enige dat u nodig hebt, is een domeinnaam en een webhostingaccount met toegang tot een MySQL-database. Nadat u Unmark heeft geïnstalleerd, kunt u uw eigen bladwijzerservice overal gebruiken (inclusief mobiele browsers), in uw domein, zonder beperkingen. Bookmarken met Unmark is net zo eenvoudig als klikken op een bookmarklet of het gebruik van de extensie voor Chrome. Klinkt leuk? Laten we dit doen!

Unmarkering instellen

Unmark biedt een eenvoudige interface en een nieuwe benadering van bladwijzers

Om Unmark in gebruik te nemen op uw eigen server, moet u een database en subdomein voor de app maken, downloaden en een paar kleine wijzigingen aanbrengen in de app-bestanden, de bijgewerkte bestanden uploaden naar uw server, een snel installatieproces uitvoeren en je bent klaar om te gaan. We gaan een stap verder gaan door een extensie voor Chrome te installeren, waarmee u vanuit de werkbalk eenvoudig bladwijzers aan uw eigen Unmark-app kunt toevoegen.

Download Unmark

Pak de Unmark-installatiebestanden uit de GitHub-pagina van de app door op te klikken ZIP downloaden aan de rechterkant. Unzip het vervolgens naar een locatie die u gemakkelijk op uw harde schijf kunt vinden.

Navigeer door de mappen naar applicatie> config en vind het bestand met de naam database-sample.php. Selecteer en dupliceer dit bestand door op te slaan Cmd + D als je op een Mac staat en de naam van het nieuwe bestand wijzigt in database.php. Kopieer dit bestand op de pc, plak het in een andere map, hernoem het naar database.php en plak het terug in de originele map.

We zullen dat bestand moeten bewerken, maar voordat we het doen, moeten we eerst ...

Maak een database

Meld u aan bij uw webhostingaccount en start het configuratiescherm voor het domein waarvoor u Unmark on wilt instellen. In dit geval gebruiken we GoDaddy, dus we loggen in op het webhostingpaneel voor ons gekozen domein en klikken op databases aan de rechterkant.

Klik Toevoegen een nieuwe MySQL-database maken door deze een databasenaam te geven (die in sommige gevallen ook de standaardgebruikersnaam voor die database is) en een sterk wachtwoord.

Pro-tip: je hebt dit wachtwoord nodig om veilig te zijn en het niet te hoeven onthouden, dus gebruik een wachtwoordgenerator zoals deze om een ​​sterk wachtwoord te maken met gemengde karakters, letters en cijfers.

Maak een nieuwe database om te gebruiken met Umark

Kopieer deze gegevens naar een app voor het maken van notities of een teksteditor - u moet deze exact in het database.php-bestand plakken dat we eerder hebben gedupliceerd. Je hebt ook de hostnaam nodig die is gegenereerd nadat je de database hebt gemaakt, die er ongeveer zo uitziet unmark.db.123456.hostedresource.com.

Bewaar uw databasedetails, inclusief de databasenaam, gebruikersnaam, wachtwoord en hostnaam

Maak een subdomein

Unmark's zelf-gehoste versie werkt het beste met een subdomein, zoals unmark.tutsplus.com, in tegenstelling tot een submap in uw domein zoals tutsplus.com/unmark. Om er een aan te maken, meldt u zich aan bij uw domeincontrolepaneel en maakt u een subdomein met elke gewenste naam. Ik ga met unmark.abhimanyughoshal.com voor deze tutorial.

Met GoDaddy logt u in op uw account en navigeert u vervolgens naar Gehoste domeinen. Klik op het paneel dat verschijnt Beheren in de kolom Subdomeinen naast het domein dat u wilt gebruiken om te markeren met. Klik in het volgende venster Subdomein toevoegen, en geef je nieuwe subdomein een naam. U moet dit subdomeinnaam noteren, evenals de map waaraan het is gekoppeld. GoDaddy geeft je ook de mogelijkheid om een ​​bestandsmap te maken met dezelfde naam als je nieuwe subdomein, en dat maakt het opzetten erg eenvoudig in de toekomst.

Notitie: Het kan van enkele momenten tot 48 uur duren voordat het DNS uw nieuwe subdomein verspreidt, dus u moet mogelijk een beetje wachten voordat uw subdomein toegankelijk is. U weet dat dit het geval is als u een foutmelding 'Webpagina niet gevonden' in de browser krijgt als u probeert toegang te krijgen tot uw subdomein met uw geüploade bestanden. Je kunt hier niet veel doen, behalve wachten en het over een paar uur opnieuw proberen.

Maak een subdomein om te gebruiken met Unmark

Bewerk de database.php het dossier

Nu we onze hosting hebben ingesteld voor Unmark, moeten we de databasedetails invoeren in het database.php-configuratiebestand. Navigeer naar de map config en open database.php in een teksteditor en scrol omlaag naar deze regel:

if ($ _SERVER ['HTTP_HOST'] == 'localhost') // Indien lokaal, laad dit

Daaronder plak je de gegevens in je database op dezelfde manier, en vervang je de vermeldingen in enkele aanhalingstekens na het = -teken. Bijvoorbeeld,

$ db ['standaard'] ['hostnaam'] = 'unmark.db.123456.hostedresource.com';

Die sectie moet er als volgt uitzien:

if ($ _SERVER ['HTTP_HOST'] == 'localhost') // Indien lokaal, laad dit
 $ db ['standaard'] ['hostnaam'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['standaard'] ['gebruikersnaam'] = 'unmarkag';
 $ db ['standaard'] ['wachtwoord'] = 'xpassword123x!';
 $ db ['standaard'] ['database'] = 'unmarkag';
else // Indien niet lokaal, laad dit
 $ db ['standaard'] ['hostnaam'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['standaard'] ['gebruikersnaam'] = 'unmarkag';
 $ db ['standaard'] ['wachtwoord'] = 'xpassword123x!';
 $ db ['standaard'] ['database'] = 'unmarkag';

Wanneer u klaar bent met het maken van deze wijzigingen, slaat u het bestand op in dezelfde indeling.

Upload uw bestanden

Meld u aan bij het configuratiescherm van uw hostingaccount en open het bestandsbeheer of open uw hostingaccount via FTP met behulp van een app zoals Cyberduck en de FTP-inloggegevens van uw webhost. Als u al een map hebt gemaakt voor uw Unmark-installatie, uploadt u alle bestanden en mappen in de map 'unmark-master' die u op uw bureaublad hebt uitgepakt. Als u geen map voor dit doel heeft, maakt u een nieuwe map, uploadt u de bestanden en wijst u uw submerk Unmark naar die map.

Voer het Unmark-installatieprogramma uit

Wanneer je bestanden zijn geüpload, start je je favoriete browser en ga je naar de instellingenpagina van je nieuw gemaakte subdomein, waarvan de URL er als volgt uitziet: subdomain.yourdomain.com/setup (in mijn geval is dat zo unmark.abhimanyughoshal.com/setup).

Klik INSTALLEER UNMARK, maak een account aan met een e-mailadres en wachtwoord, en je bent klaar. Je wordt ingelogd op je eigen Unmark-app en je kunt nu een bladwijzer maken tot de koeien thuiskomen! De gemakkelijkste manier om aan de slag te gaan, is door de Unmark + bookmarklet uit uw Unmark-app naar uw bladwijzerbalk te slepen en erop te klikken telkens wanneer u een pagina tegenkomt die u wilt opslaan. U krijgt de kans om uw bladwijzer op activiteit te categoriseren en een notitie toe te voegen om u eraan te herinneren waarom de pagina belangrijk voor u is, bij het opslaan van elke pagina.

Installeer Unmark, registreer een account en u bent klaar!

Installatie van de Unmark-extensie voor Google Chrome

Als u geen fan bent van bookmarklets en liever de bladwijzerbalk wilt verbergen voor meer weergavegebied, kunt u Unmarks door uzelf gehoste Chrome-extensie gebruiken om bladwijzers op te slaan - deze knop bevindt zich rechts van de Omnibar samen met uw andere extensies ' knoppen en biedt dezelfde functionaliteit als de bookmarklet. Hier leest u hoe u het kunt instellen:

Download eerst de extensiebestanden uit de GitHub-repository door rechts op de knop ZIP downloaden te klikken. Pak het bestand uit naar een locatie die u gemakkelijk kunt vinden op uw harde schijf. Navigeer naar de demarkeren-chrome-meester map en open het bestand met de naam manifest.json in een teksteditor. Zoek dit stukje code in het bestand:

"permissies": [
"Tabs",
"ContextMenus",
"*: //Unmark.it/"
 ],

Wijzig nu het domein unmark.it om te verwijzen naar het subdomein dat u hebt gemaakt voor uw Unmark-installatie. In mijn geval is dat zo unmark.abhimanyughoshal.com, dus het codeblok in mijn bestand ziet er zo uit:

"permissies": [
"Tabs",
"ContextMenus",
"*: //Unmark.abhimanyughoshal.com/"
 ],

Sla het bestand op dezelfde locatie op als u klaar bent.

Ga vervolgens in deze extensiemap naar js> unmark en open het bestand base.js in een teksteditor. We moeten de URL in de tweede regel vervangen, die er als volgt uitziet:

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

Plak in je subdomein-URL zodat de tweede regel er zo uitziet:

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

Sla het bestand op dezelfde locatie op.

Start Google Chrome, klik op de pictogramknop hamburger en selecteer Hulpmiddelen> Uitbreidingen. Vink het vakje bovenaan aan om de ontwikkelaarsmodus in te schakelen en klik vervolgens op Onverpakte extensie laden ...

Schakel de ontwikkelaarsmodus in Google Chrome in om de Unmark-extensie te installeren

Zoek uw Unmark Chrome-extensiemap op uw vaste schijf en klik op OK. Installeer de extensie en u vindt de knop Verwijderen op uw werkbalk. U kunt dit nu gebruiken om webpagina's gemakkelijk te bookmarken en u hoeft de bladwijzerbalk niet meer zichtbaar te houden.

Gebruik de extensie Uitemarkering voor snel en gemakkelijk toevoegen van bladwijzers zonder een bladwijzerbalk

Conclusie

Hoop dat was niet zo moeilijk! Het gebruik van Unmark is een handige manier om belangrijke webpagina's op te slaan, en de nieuwe benadering van de organisatie kan u zelfs helpen om uw bladwijzers te bekijken in plaats van ze te laten stof vergaren en irrelevant te worden. En het hosten op uw eigen server betekent dat uw gegevens privé blijven en onder uw controle staan. Bovendien is het gratis!

Wat zijn je ervaringen met door jezelf gehoste apps? En wat zijn enkele andere tools die je zou willen hosten op je eigen server? Laat het ons weten in de comments!