स्क्रीनशॉट और कोड शेयरिंग सेवा

आप में से कई लोगों ने शायद उन सेवाओं के बारे में सुना होगा जो आपको एक बटन के क्लिक के साथ स्क्रीनशॉट साझा करने की अनुमति देती हैं। सामान्य अवधारणा निम्नानुसार है: आप एक हॉटकी दबाते हैं, स्क्रीन क्षेत्र का चयन करते हैं, आपको स्क्रीनशॉट में क्लिपबोर्ड का लिंक मिलता है, जो स्वचालित रूप से कुछ होस्टिंग पर अपलोड किया जाता है। इसके अलावा, आप में से कई ने शायद अन्य सेवाओं का उपयोग किया है - आपको स्रोत कोड के एक टुकड़े को प्रकाशित करने और एक पृष्ठ पर एक लिंक प्राप्त करने की अनुमति देता है जो इस स्रोत को सिंटैक्स हाइलाइटिंग के साथ प्रदर्शित करता है।

हमने इन दो विचारों को संयुक्त किया और निम्नलिखित विशेषताओं के साथ एक परियोजना बनाई:

• हॉटकी क्लिक करके स्क्रीनशॉट और स्रोत कोड प्रकाशित करें
• ओपन सोर्स - आप अपने सर्वर पर कांटा / बढ़ा सकते हैं / नई सुविधाएँ जोड़ सकते हैं
• छवियों के लिए सीधा लिंक, कोई विज्ञापन नहीं
• क्रॉस-प्लेटफॉर्म
• उच्च भार का प्रतिरोध (क्लाउड में होस्ट किया गया)

सेवा में निम्नलिखित घटक होते हैं:

• ग्राहक का आवेदन
• स्क्रीनशॉट सर्वर डेमॉन
• वेब इंटरफ़ेस

क्लाइंट एप्लिकेशन एक स्क्रीनशॉट लेता है और इसे सर्वर पर भेजता है। सर्वर डेमॉन एक फ़ाइल प्राप्त करता है, इसके लिए एक अद्वितीय नाम उत्पन्न करता है, और इसे एक विशिष्ट फ़ोल्डर में लिखता है। सभी प्राप्त फाइलें http प्रोटोकॉल के माध्यम से सुलभ हो जाती हैं - इस उद्देश्य के लिए nginx का उपयोग किया जाता है। सिंटैक्स हाइलाइटिंग लाइब्रेरी को संचालित करने के लिए Nginx + php & fastcgi का भी उपयोग किया जाता है।

ग्राहक का आवेदन

क्लाइंट एप्लिकेशन विकसित करने के लिए, Qt फ्रेमवर्क चुना गया था। लाभ - अच्छा प्रलेखन, क्रॉस-प्लेटफ़ॉर्म, बड़ी संख्या में पुस्तकालय। सामान्य तौर पर, हम उसे पसंद करते हैं। इसके अलावा, हमें वैश्विक हॉटकीज़ के साथ क्रॉस-प्लेटफ़ॉर्म काम के लिए qxt लाइब्रेरी का उपयोग करना था।

आवेदन में निम्न वर्ग शामिल हैं:

• आवेदन
• नेटवर्क
• ConfigWidget
• ImageSelectWidget
• LanguageSelectDialog
• ScanHotkeyDialog

आवेदन - यहां आप वैश्विक हॉटकी के साथ काम कर सकते हैं, स्क्रीनशॉट ले सकते हैं, ट्रे और क्लिपबोर्ड के साथ काम कर सकते हैं।

नेटवर्क - नेटवर्क के साथ काम करते हैं, यानी सर्वर से कनेक्ट करना, एक साधारण http- जैसे प्रोटोकॉल के माध्यम से डेटा भेजना, सर्वर से लिंक प्राप्त करना।

कॉन्फ़िगरविडगेट, इमेजसेलेक्टवगेट, लैंग्वेजसेलेडियोग्ल, स्कैनहोकडेयालॉग - विन्यास विंडो, छवि चयन विंडो, प्रोग्रामिंग भाषा और हॉटकी सेटिंग्स के लिए जिम्मेदार सरल वर्ग।

आवेदन के प्रारंभ के दौरान, निम्नलिखित होता है। पहले, जांचें कि क्या एप्लिकेशन पहले से चल रहा है। क्रॉस-प्लेटफ़ॉर्म समाधान से, QLocalServer को शुरू करने के लिए सबसे आसान परीक्षण विकल्प था, और इसे स्टार्टअप पर कनेक्ट करने का प्रयास करें। यदि कनेक्शन असफल है, तो यह एक नया लॉन्च है और हम काम कर रहे हैं, अन्यथा हम छोड़ रहे हैं।

QLocalSocket socket; socket.connectToServer(APP_NAME); if (socket.waitForConnected(500)) { qDebug() << "Application already launched!"; return false; } _localServer = new QLocalServer(this); if (!_localServer->listen(APP_NAME)) { QLocalServer::removeServer(APP_NAME); _localServer->listen(APP_NAME); } 

फिर हॉटकी पंजीकृत करें। Hotkeys के साथ libqxt का उपयोग करना बहुत सरल है। आपको एक हॉटकी बनाने की ज़रूरत है, इसके लिए एक महत्वपूर्ण संयोजन निर्दिष्ट करें और इसे एक स्लॉट के साथ जोड़ दें जिसे इस हॉटलाइन पर क्लिक करके निष्पादित किया जाएगा:

 _shortcutScreenFull = new QxtGlobalShortcut; if (!_shortcutScreenFull->setShortcut(QKeySequence(fullHotkey))) qDebug() << "Error activating hotkey:" << fullHotkey; connect(_shortcutScreenFull, SIGNAL(activated()), this, SLOT(processScreenshotFull())) 

स्क्रीनशॉट लेने की प्रक्रिया इस तरह दिखती है। हमें एक स्क्रीनशॉट मिलता है, इसे QBuffer में आवश्यक प्रारूप में सहेजें, QByteArray बाइट सरणी प्राप्त करें और इसे सर्वर पर भेजें:

 QPixmap pixmap = QPixmap::grabWindow(QApplication::desktop()->winId()); QByteArray imageBytes; QBuffer buffer(&imageBytes); buffer.open(QFile::WriteOnly); pixmap.save(&buffer, imagetype.toAscii().constData()); buffer.close(); _network->upload(imageBytes, imagetype); 

क्लाइंट द्वारा सर्वर को फाइल भेजने का प्रोटोकॉल इस प्रकार है। ग्राहक भेजता है:

 proto=pastexen version=1.0 type=jpg size=142034 binary_data 

जहाँ jpg फ़ाइल प्रकार है; 142034 - बाइट्स में फ़ाइल का आकार; बाइनरी_डेटा - फ़ाइल सामग्री

फ़ाइल प्राप्त करने के बाद, सर्वर प्रतिक्रिया करता है:

 proto=pastexen version=1.0 url=http://host.tst/file1.jpg 

url - वाक्यविन्यास हाइलाइटिंग के साथ सजाए गए पाठ के साथ एक फ़ाइल या एक पेज के लिए सीधा लिंक

नेटवर्क क्लास की अपलोड विधि में, हम सर्वर से कनेक्ट होते हैं, प्रोटोकॉल के अनुसार एक पैकेट बनाते हैं, और इसे स्थानांतरित करते हैं:

  _socket.connectToHost(_serverAddr, 9876); _socket.waitForConnected(); QByteArray arr; arr.append("proto=pastexen\n"); arr.append("version=0.2\n"); arr.append("type=" + type + "\n"); arr.append(QString("size=%1\n\n").arg(data.size())); arr.append(data); _socket.write(arr); 

जैसे ही हमें उत्तर मिलता है, हम उससे लिंक निकालते हैं, और हम लिंक को फेंक देते हैं।

  const QByteArray arr = _socket.readAll(); const QString link = getValue(arr, "url"); emit linkReceived(link); _socket.disconnectFromHost(); 

हम एप्लिकेशन क्लास में सिग्नल को पकड़ते हैं, प्राप्त लिंक को क्लिपबोर्ड पर कॉपी करते हैं, ट्रे में संदेश दिखाते हैं:

 QApplication::clipboard()->setText(link); _trayIcon->showMessage(tr("Done!"), tr("File shared!"), QSystemTrayIcon::Information, 6500); 

इसी तरह, सोर्स कोड भेजना लागू किया जाता है।

सर्वर साइड

Qt का उपयोग करके सर्वर डेमॉन भी बनाया गया था। हमने लोड के तहत परिणामी समाधान का परीक्षण किया (1000 एक साथ प्रेषित फाइलें) और फैसला किया कि यह हमारे अनुरूप होगा।

सर्वर थ्रेड पूल पर आधारित है। सभी कनेक्ट किए गए क्लाइंट उपलब्ध प्रवाह के बीच वितरित किए जाते हैं, क्लाइंट के साथ काम अतुल्यकालिक मोड में होता है। फ़ाइलों को प्राप्त डेटा को सहेजना भी एक अलग स्ट्रीम में किया जाता है।

एप्लिकेशन कक्षाओं का उपयोग करता है:

• सर्वर
• ThreadPool
• रक्षक
• सॉकेट

सर्वर वर्ग में, एक tcp सर्वर (QTcpServer) बनाया जाता है, नए कनेक्शन संसाधित किए जाते हैं। कनेक्टेड क्लाइंट के लिए, एक सॉकेट बनाया जाता है, जिसे थ्रेडपूल_ द्वारा प्रदान किए गए थ्रेड्स में से एक में निष्पादित किया जाएगा।

 auto socket = _server.nextPendingConnection(); new Socket(socket, ThreadPool::getNextThread(), it.value()); 

इसके अलावा, कनेक्ट करते समय, यह देखने के लिए एक चेक बनाया जाता है कि क्या उपयोगकर्ता सीमा से अधिक है।
सॉकेट क्लास के कंस्ट्रक्टर में, इसे पास किए गए निष्पादन थ्रेड में स्थानांतरित किया जाता है (अर्थात, इस वर्ग से जुड़े सभी घटनाओं का प्रसंस्करण इवेंट-लूप_ में होगा, दूसरे थ्रेड में काम करना)। ऐसा करने के लिए, MoveToThread फ़ंक्शन का उपयोग करें।

आवक डेटा को सॉकेट के अंदर भी संसाधित किया जाता है, बचाने के लिए एक संकेत (इमिथ सेवफाइल) भेजा जाता है। इस सिग्नल को सेवर क्लास द्वारा संसाधित किया जाएगा, जिसे किसी अन्य थ्रेड में लॉन्च किया गया है। सेवर के बाद सब कुछ एक फाइल में सेव हो जाने के बाद, यह एक सिग्नल भेजेगा जो सॉकेट को प्रोसेस करता है और क्लाइंट को फाइल का लिंक भेजता है।

होस्टिंग

परियोजना की शुरुआत से ही ओपन-सोर्स के रूप में योजना बनाई गई थी। और जब वह लगभग तैयार हो गया, तो होस्टिंग को लेकर सवाल उठने लगा। जिस चीज की जरूरत थी, वह थी कुछ भरोसेमंद हगिंग जो कि हब्बरफैक्ट का सामना कर सकती थी। यह भी सवाल उठता है कि इस होस्टिंग के लिए कौन भुगतान करेगा और क्या हम (आर्थिक रूप से) कुछ समय बाद परियोजना का समर्थन करते हुए थक गए हैं। इसलिए, हमने कई बड़ी कंपनियों को अपने प्रोजेक्ट में भाग लेने की पेशकश के साथ हमें होस्टिंग प्रदान करके पत्र भेजे। कई उत्तर प्राप्त करने के बाद, हम क्लाउड होस्टिंग कंपनी Skalaksi पर आ गए।

डेबियन, नगीनेक्स सर्वर पर स्थापित किया गया था, आरसी स्क्रिप्ट और मोनिट का उपयोग करके स्वचालित पुनरारंभ को कॉन्फ़िगर किया गया था।

भविष्य की परियोजना

कार्यक्रम के अगले संस्करण में, हम निम्नलिखित विशेषताएं बनाने की योजना बनाते हैं:

• अनुवाद सेवा का उपयोग करके क्लिपबोर्ड से एक बटन के क्लिक पर अनुवाद फ़ंक्शन जोड़ें, उदाहरण के लिए, Google से।
• चित्रों का पूर्वावलोकन।
• मैक असेंबली (यदि कोई जानता है कि एक पोस्ता के तहत क्यूटी अनुप्रयोगों का निर्माण कैसे करना है, तो मदद नहीं होगी)
• अंतर्राष्ट्रीयकरण
• शायद आप कुछ और पेश कर सकते हैं

संदर्भ

pastexen.com - परियोजना की आधिकारिक साइट
github.com/bakwc/Pastexen - github पर स्रोत कोड
scalaxy.ru - कंपनी "Skalaksi", जिसने क्लाउड होस्टिंग के साथ प्रोजेक्ट प्रदान किया था