👨🏾‍✈️ 👧 🆖 आपका ड्रॉपबॉक्स Node.js ऐप आसान है 👐🏼 👍🏾 📂

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

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

एक तलहटी तैयार करें

तो हमें जरूरत है:

Node.js स्थानीय मशीन पर स्थापित
ड्रॉपबॉक्स खाता
आवेदन Node.js सर्वर (यदि आप स्थानीय रूप से न केवल सेवा शुरू करना चाहते हैं)

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

एक प्रोजेक्ट बनाएं

स्थानीय स्तर पर

आखिरकार, आपको कुछ के साथ शुरू करना होगा। ऐसा करने के लिए, हमारे लिए सुविधाजनक किसी भी स्थान पर एक फ़ोल्डर बनाएं (मेरा नाम हैब्र-नोडबॉक्स) और पैकेज: जेसन फ़ाइल इन:

{ "name": "habr-nodebox", "version": "0.0.1", "node": "0.6.17", "author": "andbas", "dependencies": { "express": "2.5.x", "jade": "0.26.x", "dbox": "0.4.x" } }

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

 npm install

यदि सब कुछ सही ढंग से लिखा गया था, तो एनपीएम निर्भरता में वर्णित सभी मॉड्यूल को डाउनलोड करेगा और उन्हें वर्तमान निर्देशिका में स्थापित करेगा।
इसके अलावा, हम दो और फ़ोल्डर्स, सार्वजनिक और दृश्य बनाएंगे। पहले स्टैटिक फाइल्स (CSS, JS और अन्य) के लिए इस्तेमाल किया जाएगा, जबकि व्यू जेड टेम्प्लेट के लिए इस्तेमाल किया जाएगा।

इस बीच ड्रॉपबॉक्स में

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

 var dbox = require("dbox"), stdin = process.stdin, stdout = process.stdout; ask('App key', /^\S+$/, function(app_key) { ask('App secret', /^\S+$/, function(app_secret) { var app = dbox.app({ 'app_key': app_key, 'app_secret': app_secret }); app.request_token(function(status, request_token){ if(request_token){ console.log('Please visit ', request_token.authorize_url, ' to authorize your app.'); ask('Is this done? (yes)', /^yes$/, function(answer) { app.access_token(request_token, function(status, access_token){ console.log('app_key: ' + app_key); console.log('app_secret: ' + app_secret); console.log('oauth_token: ' + access_token.oauth_token); console.log('oauth_token_secret: ' + access_token.oauth_token_secret); console.log('uid: ' + access_token.uid); process.exit(); }); }); } }); }); }); function ask(question, format, callback) { stdin.resume(); stdout.write(question + ": "); stdin.once('data', function(data) { data = data.toString().trim(); if (format.test(data)) { callback(data); } else { stdout.write("It should match: "+ format +"\n"); ask(question, format, callback); } }); }

स्क्रिप्ट चलाने के लिए, केवल कमांड लाइन में टाइप करें:

 node dbox-init

स्क्रिप्ट ड्रॉपबॉक्स में ऑथ ऑथेंटिकेशन के सभी चरणों से गुजरती है और हमें उन सभी कुंजियों को प्राप्त करने में मदद करती है जिनकी हमें आवश्यकता है। चरण इस प्रकार हैं:

स्क्रिप्ट ऐप कुंजी और ऐप सीक्रेट (जिन्हें हम पहले मिला था) के लिए पूछता है और उनके आधार पर एक लिंक बनाता है
हम ब्राउज़र के लिंक को कॉपी करते हैं और अपने ड्रॉपबॉक्स खाते के साथ काम करने के लिए आवेदन को अधिकृत करते हैं, हमें एक सूचना मिलती है कि आवेदन अधिकृत है
स्क्रिप्ट के प्रश्न के बारे में कि क्या हम प्राधिकरण से गुजरे हैं, हम साहसपूर्वक "हाँ" लिखते हैं
हम प्राधिकरण के लिए आवश्यक एकांत स्थान को प्राप्त करते हैं और लिखते हैं, अर्थात्: app_key, app_secret, oauth_token, oauth_token_secret और uid

इस तैयारी के काम को पूरा कर लिया गया है, हम खुद आवेदन लिखने के लिए आगे बढ़ सकते हैं।

लड़ाई में: नियंत्रक को फेंक दो

हम, मेरी राय में, सबसे दिलचस्प बात - एक नियंत्रक लिख रहे हैं। मुख्य क्रियाएं हैं: सभी फ़ाइलों को देखें, नए जोड़ें, मौजूदा वाले प्राप्त करें। मैं पीड़ा नहीं दूंगा और तुरंत कोड (web.js) प्रदान करूंगा।

 var express = require('express'), app = express.createServer(express.logger()), fs = require('fs'), dropbox = require("dbox").app({"app_key": process.env['dbox_app_key'], "app_secret": process.env['dbox_app_secret'] }), client = dropbox.createClient({oauth_token_secret: process.env['dbox_oauth_token_secret'], oauth_token: process.env['dbox_oauth_token'], uid: process.env['dbox_uid']}); app.use(express.static(__dirname+'/public')); app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.set('view options', { layout: false }); app.use(express.bodyParser()); app.get('/', function(req, res) { client.metadata(".", function(status, reply) { res.render('index', { content : reply }); }); }); app.get('/:path', function(req, res) { var path = req.params.path; client.get(path, function(status, reply, metadata){ res.send(reply); }); }); app.post('/', function(req, res) { var fileMeta = req.files['file-input']; if (fileMeta) { fs.readFile(fileMeta.path, function(err, data) { if (err) throw err; client.put(fileMeta.name, data, function(status, reply) { res.redirect('/'); }); }); } else { res.redirect('/'); } }); var port = process.env['app_port'] || 5000; app.listen(port, function() { console.log("Listening on " + port); });

मुझे लगता है कि यहां जो कुछ हो रहा है, उससे थोड़ा स्पष्ट हो जाएगा।

 var express = require('express'), app = express.createServer(express.logger()), fs = require('fs'), dropbox = require("dbox").app({"app_key": process.env['dbox_app_key'], "app_secret": process.env['dbox_app_secret'] }), client = dropbox.createClient({oauth_token_secret: process.env['dbox_oauth_token_secret'], oauth_token: process.env['dbox_oauth_token'], uid: process.env['dbox_uid']});

हमारे आवेदन की मुख्य ईंटों की घोषणा:

एक्सप्रेस - जैसा कि पहले उल्लेख किया गया है, वेब फ्रेमवर्क
एप्लिकेशन वास्तव में वेब अनुप्रयोग ही है
fs - फाइल सिस्टम इंटरफ़ेस
ड्रॉपबॉक्स - ड्रॉपबॉक्स ग्राहक बनाने का कारखाना
क्लाइंट - ड्रॉपबॉक्स क्लाइंट एपीआई के साथ काम करना आसान करता है

 app.use(express.static(__dirname+'/public')); app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.set('view options', { layout: false }); app.use(express.bodyParser());

हमारे वेब एप्लिकेशन को प्रारंभ करना। यहां हम मुख्य पैरामीटर सेट करते हैं: स्थिर फ़ाइलों (सार्वजनिक) के लिए पथ, टेम्पलेट के लिए एक निर्देशिका (दृश्य), इन समान टेम्पलेट्स (जेड) के इंजन, वर्तनी को थोड़ा सरल बनाने के लिए मुख्य लेआउट को बंद करें और एक टेम्पलेट के साथ प्राप्त करें, और, अंत में, इसे हमारे आवेदन में पास करें bodyParser, जो आने वाले अनुरोधों के शरीर को पार्स कर देगा।
अब मुख्य जादू पर चलते हैं। हमारी सेवा के तीन मुख्य हैंडलर अनुसरण करेंगे।

 app.get('/', function(req, res) { client.metadata(".", function(status, reply) { res.render('index', { content : reply }); }); });

यह कोड मुख्य पृष्ठ के लिए जिम्मेदार है। उस पर हम अपने ड्रॉपबॉक्स फ़ोल्डर में फ़ाइलों की एक सूची प्रदर्शित करेंगे, इसलिए हम क्लाइंट के माध्यम से अनुरोध करते हैं और मेटा-जानकारी प्राप्त करते हैं। इसमें हमारे एप्लिकेशन की सभी फाइलों की जानकारी है। हम अपने टेम्पलेट इंजन को यह जानकारी देते हैं, जो पेज रेंडरिंग करेगा।

 app.get('/:path', function(req, res) { var path = req.params.path; client.get(path, function(status, reply, metadata){ res.send(reply); }); });

ऊपर लिखी विधि फ़ाइल अनुरोधों को संसाधित करेगी। सब कुछ बेहद सरल है - हम फ़ाइल नाम प्राप्त करते हैं और ड्रॉपबॉक्स पर एक अनुरोध भेजते हैं। प्राप्त प्रतिक्रिया उपयोगकर्ता के लिए पुनर्निर्देशित है।

 app.post('/', function(req, res) { var fileMeta = req.files['file-input']; if (fileMeta) { fs.readFile(fileMeta.path, function(err, data) { if (err) throw err; client.put(fileMeta.name, data, function(status, reply) { res.redirect('/'); }); }); } else { res.redirect('/'); } });

हमारे लिए लगभग सभी काम एक्सप्रेस द्वारा किए गए थे। सर्वर के लिए पोस्ट अनुरोध के शरीर में भेजी गई फ़ाइल अस्थायी रूप से फ़ाइल सिस्टम में सहेजी गई थी। हमें req.files ['फाइल-इनपुट'] ऑब्जेक्ट में हमारे लिए आवश्यक सभी जानकारी के साथ प्रस्तुत किया गया था, जहां फ़ाइल-इनपुट HTML में फॉर्म के इनपुट तत्व का नाम विशेषता है। हमें केवल फ़ाइल सिस्टम से फ़ाइल लेने और ड्रॉपबॉक्स पर भेजने की आवश्यकता है। उसके बाद हम मुख्य पृष्ठ पर पहुंच जाएंगे।

 var port = process.env['app_port'] || 5000; app.listen(port, function() { console.log("Listening on " + port); });

अंत में, हम अपने एप्लिकेशन के लिए पोर्ट सेट करते हैं, डिफ़ॉल्ट मान 5000 है। यह केवल जेड टेम्पलेट का उपयोग करके एक सरल पृष्ठ लिखने के लिए रहता है, और हम यह करेंगे।

जेड टेम्पलेट - यह सब इंडेंटेशन के बारे में है

जेड के साथ मेरी पहली मुठभेड़ व्यक्तिगत रूप से दर्दनाक थी। सामान्य html किसी तरह करीब है।
हालांकि, असुविधा जल्दी से पारित हो गई। दूसरा पेज बिना शत्रुता के लिखा गया था। सामान्य तौर पर, आपको इसकी आदत जल्दी पड़ जाती है। मैं कोशिश करने की सलाह देता हूं।
जेड की सुविधा पर चर्चा करना बहुत अच्छा है, लेकिन यह कोड दिखाने का समय है। ऐसा करने के लिए, दृश्य फ़ोल्डर में एक index.jade फ़ाइल बनाएं और उसमें लिखें:

 !!! 5 html(lang="en") head title habr-nodebox body each item, i in content.contents div a(href="#{item.path}") #{item.path} - #{item.size} div form#upload-form(action="/", method="POST", enctype="multipart/form-data") input#file-input(name="file-input", type="file") input#submit(value="Upload file", type="submit")

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

लांच

यह वास्तव में हमारा आवेदन है और यह तैयार है, यह केवल इसे लॉन्च करने के लिए बना हुआ है। पढ़ते समय किसी ने देखा कि ड्रॉपबॉक्स की सभी चाबियों को इस प्रक्रिया के चर के रूप में लिखा गया था। एएनवी [] एरे। यह कोड में उन्हें नहीं छोड़ने और समझौता किए जाने के डर के बिना आवेदन प्रकाशित करने में सक्षम होने के लिए किया जाता है। अपने मूल्यों को process.env सरणी में पास करने के लिए, नोड कॉल करने से पहले उन्हें कुंजी = मान के रूप में लिखना पर्याप्त है। कमांड लाइन पर, आपको कुछ इस तरह मिलना चाहिए:

 $ dbox_app_key=abc1qwe2rty3asd dbox_app_secret=123asd123asd123 dbox_oauth_token_secret=aaabbbccc111222 dbox_oauth_token=123asd123asd123 dbox_uid=12345678 node web

Nodester जैसी सेवाओं पर, process.env को स्थापित करना संभव है, इसलिए मेरे दिमाग में आने वाली समस्याओं के बिना यह एकमात्र तरीका था।
परिणाम, कई फ़ाइलों को जोड़ने के बाद, निम्नानुसार दिखेगा।

यह सब है, अगर कोई इस तरह के कोड को ऑनलाइन चलाना चाहता है - बस इसे किसी भी Node.js सर्वर पर अपलोड करें। मैंने नोडस्टर पर परीक्षण किया - सब कुछ काम किया, मुझे लगता है कि बाकी के साथ कोई समस्या नहीं होगी।
यहां कोड देखा जा सकता है।

आपका ड्रॉपबॉक्स Node.js ऐप आसान है