Vert ditt eget bokmerke Webapp med Unmark

Bookmarking nettsteder kan være den eneste tingen de fleste av oss har gjort lengst på datamaskiner. Generelt har bookmarking vært det samme i flere tiår, men det er mange flotte nye bokmerkingsverktøy som vi så på i vår guide til bokmerke. Vi så flere nettlesere og apper som lar deg bokmerke sider, men kanskje den mest spennende av dem alle er Unmark, en gratis app fra de gode folkene på Vanlig som oppfordrer deg til å kategorisere bokmerkene dine med det du vil gjøre med dem - les vedlagt artikkel, kjøp det oppførte produktet, se den medfølgende YouTube-videoen eller lytt til det valgte sporet.

Den beste delen om Unmark er at den også er tilgjengelig som en åpen kildekodeversjon som du kan hoste og kjøre på egen server gratis. Går selvverten betyr at alle dataene dine forblir hos deg, og du trenger ikke å bekymre deg for at tjenesten får en oppdatering du ikke liker, eller tjenesten slås av. Og siden open source-versjonen er vert på GitHub, kan brukere med utviklingsferdigheter endre måten den ser ut og fungerer, og dele disse endringene med andre Unmark-brukere.

I dag skal vi ta deg prosessen med å sette opp Unmark på din egen server. Alt du trenger er et domenenavn og en web hosting konto med tilgang til en MySQL database. Når du har fjernet Unmark, kan du bruke din egen bokmerkingstjeneste fra hvor som helst (inkludert mobilnettlesere), på domenet ditt, uten begrensninger. Bokmerke med Unmark er like enkelt som å klikke på et bokmerke eller ved hjelp av utvidelsen for Chrome. Lyder som moro? La oss gjøre dette!

Sette opp Unmark

Unmark funksjoner et enkelt grensesnitt og en ny tilnærming til bokmerke

For å få Unmark opp og kjører på din egen server, må du opprette en database og underdomene for appen, laste ned og gjøre noen små endringer i appfilene, laste opp de oppdaterte filene til serveren din, kjør en rask installasjonsprosess , og du er god til å gå. Vi skal ta ting et skritt videre ved å i tillegg installere en utvidelse for Chrome, som lar deg legge til bokmerker til din egen Unmark-app enkelt fra verktøylinjen.

Last ned Unmark

Ta tak i Unmark installerfiler fra appens GitHub-side ved å klikke Last ned ZIP til høyre. Deretter pakker du det til et sted du lett kan finne på harddisken din.

Naviger gjennom mappene til søknad> config og finn filen heter database-sample.php. Velg og duplikat denne filen ved å trykke Cmd + D hvis du er på en Mac og omdøpe den nye filen til database.php. På PC, kopier denne filen, lim den inn i en annen mappe, endre navn på den til database.php og lim den inn i den opprinnelige mappen.

Vi må redigere den filen, men før vi gjør det, må vi først ...

Lag en database

Logg inn på din web hosting konto og start kontrollpanelet for domenet du vil sette opp Unmark på. I dette tilfellet bruker vi GoDaddy, så vi skal logge inn på web hosting panelet for vårt valgte domene og klikke databaser til høyre.

Klikk Legg til å opprette en ny MySQL-database ved å gi den et databasenavn (som i noen tilfeller også er standardbrukernavnet for databasen) og et sterkt passord.

Pro-tips: Du trenger dette passordet for å være sikkert og trenger ikke å huske det, så bruk en passordgenerator som denne for å lage et sterkt passord med blandede tegn, bokstaver og tall.

Opprett en ny database som skal brukes med Umark

Kopier disse detaljene til en notatbar app eller tekstredigerer - du må lim inn disse nøyaktig i database.php-filen vi dupliserte tidligere. Du trenger også vertsnavnet generert etter at du har opprettet databasen, noe som ser ut som om unmark.db.123456.hostedresource.com.

Lagre databasedetaljer, inkludert databasenavnet, brukernavnet, passordet og vertsnavnet

Opprett et underdomene

Unmarks selvbehandlede versjon fungerer best med et underdomene, som unmark.tutsplus.com, i motsetning til en undermappe i ditt domene som tutsplus.com/unmark. For å opprette en, logg deg på domenekontrollpanelet og opprett et underdomen med noe navn du liker. Jeg går med unmark.abhimanyughoshal.com for denne opplæringen.

Med GoDaddy, logg deg på kontoen din og naviger deretter til Hosted Domains. I panelet som dukker opp, klikker du Få til i kolonnen Underdomener ved siden av domenet du vil bruke Unmark med. I neste vindu klikker du Legg til underdomene, og deretter gi det nye underdomenet et navn. Du må notere dette subdomainnavnet, så vel som mappen den er knyttet til. GoDaddy gir deg også muligheten til å lage en filmappe med samme navn som det nye underdomenet ditt, og det gjør oppsettet veldig enkelt å gå fremover.

Merk: Det kan ta alt fra noen få øyeblikk til 48 timer for DNS til å formidle ditt nye underdomene, så du må kanskje vente litt før underdomenet ditt er tilgjengelig. Du vet at dette er tilfelle hvis du får en nettleserbasert 'Webside not found' -feil hvis du prøver å få tilgang til underdomenet med filene lastet opp. Det er ikke mye du kan gjøre her, bortsett fra vent og prøv igjen om noen timer.

Opprett et underdomene som skal brukes med Unmark

Rediger database.php fil

Nå som vi har fått vår hosting satt opp for Unmark, må vi skrive inn databasedetaljer i konfigurasjonsfilen database.php. Naviger til config-mappen og åpne database.php i et tekstredigeringsprogram og bla ned til denne linjen:

hvis ($ _SERVER ['HTTP_HOST'] == 'localhost') // Hvis lokal, last dette

Under det, lim inn i databasedetaljer, slik at du erstatter oppføringene i enkelt anførselstegn etter = tegnet. For eksempel,

$ db ['standard'] ['vertsnavn'] = 'unmark.db.123456.hostedresource.com';

Den delen må se slik ut:

hvis ($ _SERVER ['HTTP_HOST'] == 'localhost') // Hvis lokal, last dette
 $ db ['standard'] ['vertsnavn'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['standard'] ['brukernavn'] = 'unmarkag';
 $ db ['standard'] ['passord'] = 'xpassword123x!';
 $ db ['standard'] ['database'] = 'unmarkag';
annet // Hvis ikke lokalt, last dette inn
 $ db ['standard'] ['vertsnavn'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['standard'] ['brukernavn'] = 'unmarkag';
 $ db ['standard'] ['passord'] = 'xpassword123x!';
 $ db ['standard'] ['database'] = 'unmarkag';

Når du er ferdig med å gjøre disse endringene, lagre filen i samme format.

Last opp filene dine

Logg inn på din hostingkontos kontrollpanel og få tilgang til filbehandleren, eller få tilgang til din hostingkonto via FTP ved hjelp av en app som Cyberduck og FTP-påloggingsinformasjonen fra webverten. Hvis du allerede har en mappe opprettet for Unmark-installasjonen, laster du opp alle filene og mappene i mappen "unmark-master" som du har pakket ut på skrivebordet. Hvis du ikke har en mappe til dette formålet, lager du en ny mappe, laster opp filene og peker underdomenet Unmark til den mappen.

Kjør Unmark installer

Når filene er ferdig opplasting, brann du opp favorittleseren din og naviger til oppsettsiden på det nylig opprettede underdomenet ditt, hvis nettadresse ser slik ut: subdomain.yourdomain.com/setup (i mitt tilfelle er det unmark.abhimanyughoshal.com/setup).

Klikk INSTALLER UNMARK, Opprett en konto med en e-postadresse og et passord, og du er ferdig. Du blir logget inn på din egen Unmark-app, og du kan nå bokmerke til kua kommer hjem! Den enkleste måten å komme i gang, er å dra Unmark + bookmarklet fra Unmark-appen til bokmerkelinjen, og klikk på den når du kommer over en side du vil lagre. Du får en sjanse til å kategorisere bokmerket etter aktivitet og legge til et notat for å minne deg om hvorfor siden er viktig for deg, når du lagrer hver side.

Installer Unmark, registrer en konto, og du er ferdig!

Installer Unmark Extension for Google Chrome

Hvis du ikke er fan av bookmarklets og gjerne vil skjule bokmerkelinjen for mer visningsområde, kan du bruke Unmarks selvbehandlede Chrome-utvidelse for å lagre bokmerker - denne knappen sitter til høyre for Omnibar sammen med andre utvidelser knapper og har samme funksjonalitet som bokmerket. Slik kan du sette opp det:

Først laster du ned utvidelsesfilene fra sitt GitHub-depot, ved å klikke på Download ZIP-knappen til høyre. Unzip filen til et sted du lett kan finne på harddisken din. Naviger inn i fjerne merkingen-krom-mester mappe og åpne filen som heter manifest.json i en tekstredigerer. Finn denne koden i filen:

"tillatelser": [
"tabs",
"Contextmenus",
"*: //Unmark.it/"
 ],

Endre domenet unmark.it for å peke på underdomenet du opprettet for Unmark-installasjonen. I mitt tilfelle er det unmark.abhimanyughoshal.com, så koden med kode i filen ser slik ut:

"tillatelser": [
"tabs",
"Contextmenus",
"*: //Unmark.abhimanyughoshal.com/"
 ],

Når du er ferdig, lagre filen på samme sted.

Deretter naviger til i denne utvidelsesmappen js> unmark og åpne filen base.js i en tekstredigerer. Vi må erstatte nettadressen i den andre linjen, som ser slik ut:

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

Lim inn underadressen til underdomenet slik at den andre linjen ser slik ut:

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

Lagre filen på samme sted.

Start Google Chrome, klikk på hamburgerikonknappen, og velg Verktøy> Utvidelser. Merk av i boksen øverst for å aktivere utviklermodus, og klikk deretter Last utpakket utvidelse ...

Aktiver utviklermodus i Google Chrome for å installere Unmark-utvidelsen

Finn din Unmark Chrome Extensions-mappe på harddisken din, og klikk OK. Installer utvidelsen, og du finner Unmark-knappen på verktøylinjen. Du kan nå bruke dette til å bokmerke websider enkelt, og du trenger ikke å holde bokmerkestangen synlig lenger.

Bruk Unmark-utvidelsen for rask og enkel bokmerke uten en bokmerkefelt

Konklusjon

Håpe det var ikke så vanskelig! Å bruke Unmark er en fin måte å lagre viktige nettsider på, og den nye tilnærmingen til organisasjonen kan faktisk hjelpe deg med å sjekke ut bokmerkene dine i stedet for å la dem samle støv og bli irrelevant. Og hosting den på din egen server betyr at dataene dine forblir private og under din kontroll. I tillegg er det gratis!

Hva er dine erfaringer med selvbehandlede apper? Og hva er noen andre verktøy du vil være vert for på din egen server? Gi oss beskjed i kommentarene!