Kaynak içeriği olarak   dosyasını kullanan basit bir kaynakça oluşturucu. JSON Tarayıcı Yer İşaretleri  Önkoşullar ve Kod  Kaynakça oluşturucunun çalışması için ilk gereksinim,   adlı bir tarayıcı yer imi yöneticisi uygulaması tarafından oluşturulan bir JSON nesnesinden oluşan içerik verilerinin kaynağıdır. Bu uygulama iki bölümden oluşan, tarayıcıdan bağımsız bir yer imi yöneticisidir. xbrowserSync  Bir kısmı bir tarayıcı uzantısı, diğeri ise yer imi verilerini   veri dosyası olarak yöneten bir sunucu API'sidir. Sunucu API'si hakkında bilmemiz gereken tek şey onun URL'sidir. Tarayıcı uzantısı, Chrome tarayıcısı için   gibi çevrimiçi uygulama "mağazalarında" bulunabilir. MongoDB Google Play  Temel fikir,   uygulamasının yer imi verilerinizi API sunucusunda saklanan şifreli bir veritabanında saklamasıdır. Veritabanının kendisi aslında yerel olarak kaydedip kullanabileceğimiz ve uygulama uzantımızın uygun şekilde yüklendiği herhangi bir tarayıcı tarafından kullanılabilen bir JSON nesne dosyasıdır. xbrowserSync  Bu bana, örneğin tarayıcının yer işareti verilerimi kaydetmesine gerek kalmadan Chrome, Edge ve Firefox'ta aynı yer işaretlerini sağlıyor.   için APP ve API kaynağının her biri  xbrowserSync GitHub deposundadır.  Kaynakça oluşturucunun ikinci gereksinimi,   makinemdeki     altında çalışan program kodudur. Aşağıda   adlı bu basit düğüm programı yer almaktadır. Windows 10 Komut Penceresinde node.js handler.js   #!/usr/bin/env node // --------------------------------- // Simple bibliography file handler Node Server API // --------------------------------- const fs = require('fs') const path = require('path') //const dn = require('./dirname'); var filePath = './bibliotest.json'; //the biblio bookmark file var biblio = ''; var str = ''; var searchValue = 'url:'; // -------------- // read and parse biblio JSON file // ---------------- const jsonReader = () => { return new Promise(resolve => { str = fs.readFile(filePath, (err, fd) => { object = JSON.parse(fd); str = object.children; // strip outer layer biblio = str; // count biblio array elements count = biblio.length; resolve (str); //return str; }) }) } // async function performAsyncFunctions(){ // list of promises to execute sequentially const firstRequest = await jsonReader(); //console.log('\nAll tasks complete.'); console.log('==== function complete ====\n') console.log('count = ', count) var html = '<html><lang = en><head></head><body>'; for (let i = 0; i < count; i++) { html = html + '<h3><i>id'+[i]+':</i>&nbsp;<a href='+biblio[i].url+'>'+biblio[i].title+'</a></h3><p>'+biblio[i].description+'</p>\n'; } html = html + '</body></html>'; console.info(html); const content = html try { const data = fs.writeFileSync('./bibliotest.html', content) //file written successfully } catch (err) { console.error(err) }} // --------------- performAsyncFunctions(); // console.log('biblio = ', object) // ------------------  JSON Formatındaki Yer İşareti Dosyası    tarayıcı uzantısı menüsünden, yer imlerimizin verilerinin bir yedeğini kaydetmeyi seçebiliriz. Yedekleme JSON dosyası olarak kaydedilir. Buradaki örneğimiz için, tüm yer imleri “MuskArticle” adlı bir yer imleri klasöründedir. XbrowserSync  Yalnızca kaynakçamızda kullanmak istediğimiz yer imleri klasörünü çıkarmak için JSON yer imlerini düzenliyoruz. Bu JSON dosyası aşağıda aşağıda gösterilmektedir.   { "title": "__MuskArticle", "children": [ { "title": "Musk's X caught throttling outbound links to websites he doesn't like", "url": "https://www.msn.com/en-us/news/technology/musk-sx-caught-throttling-outbound-links-to-websites-he-doesn-t-like/ar-AA1fmbYw?ocid=windirect&cvid=3ff1100b6fba4172b3b0b8b9c6bbc7e0&ei=185", "description": "Elon Musk claims that he bought Twitter, now called X, to preserve free speech. He claimed that everyone's voice should be heard. This is a great thing for free speech and must surely be a coincidence, right? Elon Musk's X was this week caught throttling outbound links to several sites, coincidentally ones that the billionaire has complained about or feuded with in the past.… Links directing users of the website formerly…", "id": 6643 }, { "title": "Mark Cuban takes another jab at Elon Musk's business practices", "url": "https://www.msn.com/en-us/money/companies/mark-cuban-takes-another-jab-at-elon-musk-s-business-practices/ar-AA1fmrNQ?ocid=windirect&cvid=528ef4be846842fa87342b96d92d0dfa&ei=35", "description": "These two billionaires are not best buds.", "id": 6664 }, { "title": "Twitter now makes you PAY to access one of its most popular features", "url": "https://www.msn.com/en-us/money/technology/twitter-now-makes-you-pay-to-access-one-of-its-most-popular-features/ar-AA1flk5Y?ocid=windirect&cvid=ee4ba03e4c414849a910c7f25dbfd759&ei=27", "description": "X (formerly Twitter) has started diverting users to a paid-subscription sign-up page when they try to access TweetDeck.", "id": 6665 }, { "title": "NYU Professor Locked Out of Twitter After Reportedly Declining to Meet With Elon Musk", "url": "https://www.msn.com/en-us/news/technology/nyu-professor-locked-out-of-twitter-after-reportedly-declining-to-meet-with-elon-musk/ar-AA1fmedB?ocid=windirect&cvid=a7973a74a0d24f2287ea421bbd70f5ea&ei=42", "description": "New York University professor and Kara Swisher's podcasting buddy Scott Galloway voiced his outrage at being banned from posting on Twitter in a Threads post on Tuesday. Galloway claims he's been locked out of Twitter (aka X) two days after allegedly declining an invitation to meet with the chief…", "id": 6666 }, { "title": "A federal judge wondered if Elon Musk was trying to 'cozy up' to Trump by trying to inform him about a search warrant into his social media account", "url": "https://www.msn.com/en-us/news/politics/a-federal-judge-wondered-if-elon-musk-was-trying-to-cozy-up-to-trump-by-trying-to-inform-him-about-a-search-warrant-into-his-social-media-account/ar-AA1flSZV?ocid=windirect&cvid=ee4ba03e4c414849a910c7f25dbfd759&ei=51", "description": "In January, federal prosecutors obtained a search warrant to obtain information from Trump's personal Twitter account.", "id": 6667 } ] }  Kaynakça Dosyası  Yukarıdaki JSON dosyasını     programımıza gönderirsek, aşağıdaki HTML formatındaki kaynakça listesini oluşturacaktır.  node.js işleyici  Çözüm  Böylece, yer imleri verilerimizden bibliyografyalar oluşturmak için xbrowserSync'in yer imleri yöneticisi olarak kullanımından nasıl yararlanabileceğimizi gördük. Okuduğunuz için teşekkür eder, bu bilgilerin sizin için yararlı olacağını umarız. Her zaman olduğu gibi yorum, öneri ve eleştirilere açığız.

This story contains AI-generated text. The author has used AI either for research, to generate outlines, or write the text itself. 

2022 - HackerNoon Contributor of the Year - Authentication

Nominated for 2022 - HackerNoon Contributor of the Year - Authentication

Developer

Bu ses hikayenin orijinal dilinde üretilmiştir!

Çok uzun; Okumak

Make resilience your competitive advantage

Tarayıcı Yer İmlerinden Kaynakça Oluşturucu: Nasıl Çalışır?

About Author

YORUMLAR

ETİKETLERİ ASIN

BU YAZI

Related Stories

Forumlardan Feed'lere: Sosyal Medya Algoritmaları Dijital Etkileşimi Nasıl Şekillendiriyor

AI/ML Datalake için Referans Mimarisi Oluşturmaya Yönelik Mimar Kılavuzu

Telegram: Kripto Adası'nın anakaraya olan köprüsü

Bu 18 Geliştirici Aracıyla Üretkenliğinizi Artırın 🚀🔥

Forumlardan Feed'lere: Sosyal Medya Algoritmaları Dijital Etkileşimi Nasıl Şekillendiriyor

AI/ML Datalake için Referans Mimarisi Oluşturmaya Yönelik Mimar Kılavuzu

Telegram: Kripto Adası'nın anakaraya olan köprüsü

Bu 18 Geliştirici Aracıyla Üretkenliğinizi Artırın 🚀🔥

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps