Hébergez votre propre application Web de bookmarking avec Unmark

Les sites de bookmarking pourraient être la seule chose que la plupart d'entre nous ont fait le plus longtemps sur des ordinateurs. En général, la création de signets est restée la même depuis des décennies, mais nous avons examiné de nombreux nouveaux outils de création de signets formidables dans notre Guide de la mise en signet. Nous avons examiné plusieurs navigateurs et applications qui vous permettent de créer des pages de signets, mais le plus intriguant de tous est Unmark, une application gratuite des gens de plain-pied qui vous encourage à classer vos signets en fonction de ce que vous voulez en faire. article ci-joint, achetez le produit listé, regardez la vidéo YouTube correspondante ou écoutez le titre présenté.

La meilleure partie de Unmark est qu’elle est également disponible en version open source que vous pouvez héberger et exécuter gratuitement sur votre propre serveur. Le fait de s'auto-héberger signifie que toutes vos données restent avec vous et vous n'avez pas à vous soucier du service qui reçoit une mise à jour que vous n'aimez pas ou de la fermeture du service. Et puisque la version open-source est hébergée sur GitHub, les utilisateurs ayant des compétences en développement peuvent changer son apparence et son fonctionnement et partager ces modifications avec d'autres utilisateurs d'Unmark..

Aujourd'hui, nous allons vous présenter le processus de configuration d'Unmark sur votre propre serveur. Tout ce dont vous avez besoin est un nom de domaine et un compte d’hébergement Web avec accès à une base de données MySQL. Une fois que vous avez installé Unmark, vous pourrez utiliser votre propre service de bookmarking à partir de n’importe où (y compris les navigateurs mobiles), sur votre domaine, sans restrictions. La création de signets avec Unmark est aussi simple que de cliquer sur un bookmarklet ou d'utiliser l'extension pour Chrome. Ça a l'air amusant? Faisons cela!

Mise en place de Unmark

Unmark présente une interface simple et une nouvelle approche de la création de signets

Pour que Unmark soit opérationnel sur votre propre serveur, vous devez créer une base de données et un sous-domaine pour l'application, télécharger et apporter quelques modifications mineures aux fichiers de l'application, télécharger les fichiers mis à jour sur votre serveur, puis exécuter un processus d'installation rapide. et vous êtes prêt à partir. Nous allons encore plus loin en installant une extension pour Chrome, qui vous permet d'ajouter facilement des signets à votre propre application Unmark à partir de la barre d'outils..

Télécharger Unmark

Saisissez les fichiers du programme d'installation de Unmark à partir de la page GitHub de l'application en cliquant sur Télécharger le ZIP sur la droite. Ensuite, décompressez-le à un emplacement facilement accessible sur votre disque dur..

Naviguez dans les dossiers jusqu'à application> config et recherchez le fichier nommé database-sample.php. Sélectionnez et dupliquez ce fichier en appuyant sur Cmd + D Si vous êtes sur un Mac, renommez le nouveau fichier en database.php. Sur PC, copiez ce fichier, collez-le dans n'importe quel autre dossier, renommez-le en database.php et collez-le dans le dossier d'origine..

Nous devrons modifier ce fichier, mais avant cela, nous devrons d'abord…

Créer une base de données

Connectez-vous à votre compte d'hébergement Web et lancez le panneau de configuration du domaine pour lequel vous souhaitez configurer Unmark. Dans ce cas, nous utilisons GoDaddy, nous allons donc nous connecter au panneau d’hébergement Web du domaine de votre choix et cliquer sur Bases de données sur la droite.

Cliquez sur Ajouter pour créer une nouvelle base de données MySQL en lui attribuant un nom de base de données (qui, dans certains cas, est également le nom d'utilisateur par défaut de cette base de données) et un mot de passe fort.

Astuce: vous avez besoin de ce mot de passe pour être sécurisé et vous ne devez pas vous en souvenir, utilisez donc un générateur de mot de passe comme celui-ci pour créer un mot de passe fort avec des caractères, des lettres et des chiffres mélangés..

Créer une nouvelle base de données à utiliser avec Umark

Copiez ces détails dans une application de prise de notes ou un éditeur de texte - vous devrez les coller exactement dans le fichier database.php que nous avons dupliqué auparavant. Vous aurez également besoin du nom d’hôte généré après la création de la base de données, qui ressemble à quelque chose comme: unmark.db.123456.hostedresource.com.

Enregistrez les détails de votre base de données, y compris le nom de la base de données, le nom d'utilisateur, le mot de passe et le nom d'hôte

Créer un sous-domaine

La version auto-hébergée de Unmark fonctionne mieux avec un sous-domaine, comme unmark.tutsplus.com, par opposition à un sous-dossier dans votre domaine comme tutsplus.com/unmark. Pour en créer un, connectez-vous au panneau de contrôle de votre domaine et créez un sous-domaine avec le nom de votre choix. Je vais avec unmark.abhimanyughoshal.com pour ce tutoriel.

Avec GoDaddy, connectez-vous à votre compte, puis accédez à Domaines hébergés. Dans le panneau qui apparaît, cliquez sur Gérer dans la colonne Sous-domaines en regard du domaine que vous souhaitez utiliser avec Unmark. Dans la fenêtre suivante, cliquez sur Ajouter un sous-domaine, puis donnez un nom à votre nouveau sous-domaine. Vous devrez noter ce nom de sous-domaine, ainsi que le dossier auquel il est associé. GoDaddy vous offre également la possibilité de créer un dossier portant le même nom que votre nouveau sous-domaine, ce qui simplifie grandement l'installation..

RemarqueRemarque: La propagation du DNS de votre nouveau sous-domaine peut prendre de quelques instants à 48 heures. Vous devrez donc peut-être attendre un peu avant que votre sous-domaine ne soit accessible. Vous saurez que c'est le cas si vous obtenez une erreur de type "page Web introuvable" si vous essayez d'accéder à votre sous-domaine avec vos fichiers téléchargés. Vous ne pouvez pas faire grand chose ici, sauf attendre et réessayer dans quelques heures.

Créer un sous-domaine à utiliser avec Unmark

Modifier le database.php fichier

Maintenant que notre hébergement est configuré pour Unmark, nous devons entrer les détails de la base de données dans le fichier de configuration database.php. Accédez au dossier config et ouvrez le fichier database.php dans un éditeur de texte, puis faites défiler jusqu'à cette ligne:

if ($ _SERVER ['HTTP_HOST'] == 'localhost') // Si local, chargez cette

En dessous, collez dans la base de données les détails de la manière suivante, en remplaçant les entrées par des guillemets simples après le signe =. Par exemple,

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

Cette section doit ressembler à ceci:

if ($ _SERVER ['HTTP_HOST'] == 'localhost') // Si local, chargez cette
 $ db ['default'] ['hostname'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['default'] ['username'] = 'unmarkag';
 $ db ['default'] ['password'] = 'xpassword123x!';
 $ db ['default'] ['database'] = 'unmarkag';
else // Si ce n'est pas local, chargez ceci
 $ db ['default'] ['hostname'] = 'unmarkag.db.7695597.hostedresource.com';
 $ db ['default'] ['username'] = 'unmarkag';
 $ db ['default'] ['password'] = 'xpassword123x!';
 $ db ['default'] ['database'] = 'unmarkag';

Lorsque vous avez terminé ces modifications, enregistrez le fichier dans le même format..

Téléchargez vos fichiers

Connectez-vous au panneau de contrôle de votre compte d'hébergement et accédez au gestionnaire de fichiers, ou accédez à votre compte d'hébergement via FTP en utilisant une application telle que Cyberduck et les informations de connexion FTP fournies par votre hébergeur. Si vous avez déjà créé un dossier pour votre installation Unmark, téléchargez-y tous les fichiers et dossiers du dossier 'unmark-master' que vous avez décompressé sur votre bureau. Si vous n'avez pas de dossier à cette fin, créez-en un nouveau, téléchargez les fichiers et pointez votre sous-domaine Unmark sur ce dossier..

Lancer le programme d'installation de Unmark

Lorsque le téléchargement de vos fichiers est terminé, lancez votre navigateur favori et accédez à la page de configuration de votre nouveau sous-domaine, dont l'URL ressemble à ceci: sousdomaine.votre domaine.com/setup (dans mon cas, c'est unmark.abhimanyughoshal.com/setup).

Cliquez sur INSTALLER UNMARK, Créez un compte avec une adresse e-mail et un mot de passe et vous avez terminé. Vous serez connecté à votre propre application Unmark et vous pourrez maintenant marquer jusqu'à ce que les vaches rentrent à la maison! Le moyen le plus simple de commencer est de faire glisser le marque-page Unmark + de votre application Unmark vers la barre de favoris, puis de cliquer dessus chaque fois que vous rencontrez une page que vous souhaitez enregistrer. Vous aurez la possibilité de classer votre signet par activité et d'ajouter une note pour vous rappeler pourquoi la page est importante pour vous lors de l'enregistrement de chaque page..

Installez Unmark, créez un compte et vous avez terminé!

Installation de l'extension Unmark pour Google Chrome

Si vous n'êtes pas un fan des bookmarklets et que vous préférez masquer la barre de favoris pour une zone d'affichage plus étendue, vous pouvez utiliser l'extension Chrome auto-hébergée de Unmark pour enregistrer des favoris. Ce bouton se situe à droite de l'Omnibar avec les autres extensions. boutons et offre les mêmes fonctionnalités que le bookmarklet. Voici comment vous pouvez le configurer:

Commencez par télécharger les fichiers d’extension à partir de son référentiel GitHub en cliquant sur le bouton Download ZIP à droite. Décompressez le fichier dans un emplacement facile à localiser sur votre disque dur. Naviguer dans le unmark-chrome-master dossier et ouvrez le fichier appelé manifest.json dans un éditeur de texte. Trouvez ce morceau de code dans le fichier:

"permissions": [
"onglets",
"contextmenus",
"*: //unmark.it/"
 ],

Maintenant, changez le domaine unmark.it pour qu'il pointe vers le sous-domaine que vous avez créé pour votre installation Unmark. Dans mon cas, c'est unmark.abhimanyughoshal.com, donc le bloc de code dans mon fichier ressemble à ceci:

"permissions": [
"onglets",
"contextmenus",
"*: //unmark.abhimanyughoshal.com/"
 ],

Lorsque vous avez terminé, enregistrez le fichier au même endroit.

Ensuite, dans ce dossier d’extension, accédez à js> unmark et ouvrez le fichier base.js dans un éditeur de texte. Nous devrons remplacer l'URL dans la deuxième ligne, qui ressemble à ceci:

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

Collez l'URL de votre sous-domaine pour que la deuxième ligne ressemble à ceci:

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

Enregistrez le fichier au même endroit.

Lancez Google Chrome, cliquez sur le bouton icône hamburger, puis sélectionnez Outils> Extensions. Cochez la case en haut pour activer le mode développeur, puis cliquez sur Charger une extension décompressée…

Activer le mode développeur dans Google Chrome pour installer l'extension Unmark

Localisez votre dossier d’extension Unmark Chrome sur votre disque dur, puis cliquez sur D'accord. Installez l'extension et vous trouverez le bouton Unmark sur votre barre d'outils. Vous pouvez maintenant l'utiliser pour ajouter facilement des signets aux pages Web et vous n'avez plus besoin de garder la barre de favoris visible..

Utilisez l'extension Unmark pour créer des signets rapides et faciles sans barre de favoris

Conclusion

J'espère que ce n'était pas trop difficile! Utiliser Unmark est un excellent moyen de sauvegarder des pages Web importantes. Son approche novatrice de l’organisation peut en réalité vous aider à consulter vos signets au lieu de les laisser prendre la poussière et devenir inutiles. Et l'hébergement sur votre propre serveur signifie que vos données restent privées et sous votre contrôle. De plus, c'est gratuit!

Quelles sont vos expériences avec les applications auto-hébergées? Et quels autres outils souhaiteriez-vous héberger sur votre propre serveur? Faites le nous savoir dans les commentaires!