Ajax पुश इंजन का उपयोग कर एक धूमकेतु अनुप्रयोग बनाना

परिचय

इस लेख में मैं एक वास्तविक समय वेब अनुप्रयोग के निर्माण में अपने अनुभव को साझा करना चाहता हूं। मैं सिद्धांत में तल्लीन नहीं करूंगा, क्योंकि प्रौद्योगिकी समीक्षाएं पहले से ही हब पर हैं, और यदि आप उन्हें नेटवर्क पर ढूंढना चाहते हैं तो कोई समस्या नहीं है। मैं सीधे अभ्यास करने का प्रस्ताव करता हूं।

धूमकेतु

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

बंदर

APE एक ओपन सोर्स सॉफ्टवेयर पैकेज है जिसे अजाक्स पुश के लिए डिज़ाइन किया गया है। सिस्टम में एक वेब सर्वर और जावास्क्रिप्ट फ्रेमवर्क शामिल है। APE आपको क्लाइंट पक्ष पर किसी भी अतिरिक्त एप्लिकेशन के बिना वास्तविक समय में किसी भी डेटा को ब्राउज़र में स्थानांतरित करने की अनुमति देता है। रचनाकारों के अनुसार, यह 100,000 यौगिकों के भार का सामना कर सकता है।

स्थापना और स्थापना

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



यह सब शुरू होता है, ज़ाहिर है, स्थापना के साथ। यहाँ, कोई समस्या नहीं होनी चाहिए। विभिन्न प्रकार के पैकेज, साथ ही स्रोत कोड आधिकारिक वेबसाइट पर प्रकाशित किए जाते हैं। डाउनलोड करें और सेट करें।
अगला, आपको कॉन्फ़िगरेशन फ़ाइल तैयार करने और एपीई सर्वर को बताने की आवश्यकता है कि किस इंटरफ़ेस के साथ काम करना है।
/Etc/ape/ape.conf फ़ाइल के सर्वर अनुभाग में, आपको उस पोर्ट और इंटरफ़ेस को निर्दिष्ट करना होगा जो सुन रहा होगा।

port = 6969
ip_listen = 69.65.59.1

बाहर की दुनिया के लिए बंदरगाह को खोलने के लिए मत भूलना:

# iptables -I INPUT -p tcp --dport 9696 -j ACCEPT

और धूमकेतु सर्वर शुरू करें:

# /usr/bin/aped --cfg /etc/ape/ape.conf

APE डेमॉन चल रहा है, लेकिन इसे अपने इच्छित उद्देश्य के लिए उपयोग करना जल्दबाजी होगी। सही संचालन के लिए, सर्वर को अपने स्वयं के उपडोमेन का चयन करना होगा और DNS सेटिंग्स को थोड़ा मोड़ना होगा।
यदि आप cPanel या अन्य समान पैनल का उपयोग करते हैं तो यह भी मुश्किल नहीं होगा।
मेरे मामले में, एक उपडोमेन बनाया गया था:

ape.matvey.co

फिर प्रपत्र * .ape.matvey.co से ape.matvey.co के अनुरोधों को रीडायरेक्ट करने के लिए CNAME रिकॉर्ड।

*.ape.matvey.co IN CNAME ape.matvey.co

अब सर्वर ग्राहकों के साथ संवाद करने के लिए तैयार है।

पहला आवेदन

उसके बाद, आपको आधिकारिक साइट से जावास्क्रिप्ट फ्रेमवर्क लेने की आवश्यकता है और इसे अपनी सुविधा से अनज़िप करें। ApeClientJS.js फ़ाइल में, आपको सर्वर से कनेक्ट करने के लिए पैरामीटर निर्दिष्ट करना होगा। मेरे मामले में, यह इस तरह दिखता था:

APE.Config.baseUrl = 'http://matvey.co/apps/ape_test/jsf'; //
APE.Config.domain = 'matvey.co'; //
APE.Config.server = 'ape.matvey.co:6969'; // APE-

एक दृष्टांत के रूप में, मैं पायथन में लिखा एक छोटा सा आवेदन दूंगा, जो APE का उपयोग कर ग्राहकों को सरल पाठ संदेश भेजेगा। पायथन स्क्रिप्ट और डेमन के बीच का संबंध http प्रोटोकॉल और इनलाइनपश के माध्यम से है। यह आधिकारिक प्रलेखन में अधिक विस्तार से वर्णित है।
तो, पहले अपना पासवर्ड इनलाइनपश कॉन्फिगर करें। आप मानक का उपयोग कर सकते हैं, लेकिन स्पष्ट कारणों के लिए यह अनुशंसित नहीं है। यह आमतौर पर '/etc/ape/inlinepush.conf' में स्थित होता है।
फिर हम Python'e (या जो भी आपके लिए अधिक सुविधाजनक है) में एक छोटी सी स्क्रिप्ट लिखते हैं, जो पोर्ट 6969 के माध्यम से एप सर्वर को आवश्यक डेटा प्रसारित करेगा। ऐसा करने के लिए, आपको लोकलहोस्ट से संपर्क करना होगा।

import urllib2
import json

server = 'http://127.0.0.1:6969/0/?'

cmd = [{'cmd': 'inlinepush',
'params': {
'password': 'inlinepass5923',
'raw': 'DATA',
'channel': 'testchannel',
'data': {
'msg': 'Hey ya!'
}
}
}]

url = server + urllib2.quote(json.dumps(cmd))
response = urllib2.urlopen(url)
print response.read()


लॉन्च के बाद, आपको कुछ इस तरह से मिलना चाहिए:

# python test_ape.cgi
[{"time":"1301331051","raw":"ERR","data":{"code":"401","value":"UNKNOWN_CHANNEL"}}]

इस मामले में ईआरआर शब्द का अर्थ केवल यह है कि चैनल खाली है और किसी के द्वारा उपयोग नहीं किया जाता है।
अब कुछ ऐसा करने की कोशिश करते हैं जो वास्तव में काम करता है।
आरंभ करने के लिए, एक सरल पृष्ठ जो सर्वर से संदेश प्राप्त करेगा।
ग्राहक पृष्ठ स्रोत:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns= "http://www.w3.org/1999/xhtml" xml:lang= "en" dir= "ltr" lang= "en" >
<head>
<!-- APE. JSF. -->
<script type= "text/javaScript" src= "/apps/ape_test/jsf/apeClientJS.js" ></script>
</head>
<body>
<script type= "text/javaScript" >
var client = new APE.Client();
// -- , ,
function randomString(length) {
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz' .split( '' );
var str = '' ;
for ( var i = 0; i < length; i++) {str += chars[Math.floor(Math.random() * chars.length)];}
return str;
}
// --
function createDiv(vartext) {
var _body = document .getElementsByTagName( 'body' ) [0];
var _div = document .createElement( 'div' );
var _text = document .createTextNode(vartext)
_div.appendChild(_text);
_body.appendChild(_div);
}
client.load();
client.addEvent( 'load' , function () {
// -- , name 15 . :)
client.core.start({ "name" :randomString(15)});
});
client.addEvent( 'ready' , function () {
createDiv( "Connected" );
client.core.join( 'testchannel' );
client.addEvent( 'multiPipeCreate' , function (pipe, options) {
});
// -- . .
client.onRaw( 'data' , function (raw, pipe) {
createDiv( 'Receiving : ' + unescape(raw.data.msg));
});
});
</script>
</body>
</html>

* This source code was highlighted with Source Code Highlighter .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns= "http://www.w3.org/1999/xhtml" xml:lang= "en" dir= "ltr" lang= "en" >
<head>
<!-- APE. JSF. -->
<script type= "text/javaScript" src= "/apps/ape_test/jsf/apeClientJS.js" ></script>
</head>
<body>
<script type= "text/javaScript" >
var client = new APE.Client();
// -- , ,
function randomString(length) {
var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz' .split( '' );
var str = '' ;
for ( var i = 0; i < length; i++) {str += chars[Math.floor(Math.random() * chars.length)];}
return str;
}
// --
function createDiv(vartext) {
var _body = document .getElementsByTagName( 'body' ) [0];
var _div = document .createElement( 'div' );
var _text = document .createTextNode(vartext)
_div.appendChild(_text);
_body.appendChild(_div);
}
client.load();
client.addEvent( 'load' , function () {
// -- , name 15 . :)
client.core.start({ "name" :randomString(15)});
});
client.addEvent( 'ready' , function () {
createDiv( "Connected" );
client.core.join( 'testchannel' );
client.addEvent( 'multiPipeCreate' , function (pipe, options) {
});
// -- . .
client.onRaw( 'data' , function (raw, pipe) {
createDiv( 'Receiving : ' + unescape(raw.data.msg));
});
});
</script>
</body>
</html>

* This source code was highlighted with Source Code Highlighter .

अब हमारे पास एक एपीई सर्वर है, जो एक एप्लिकेशन है जो इनलाइनपश और इन संदेशों को प्राप्त करने वाले क्लाइंट के माध्यम से इसे डेटा भेजता है।
यदि हम क्लाइंट पेज को खोलते हैं और सर्वर पर स्क्रिप्ट चलाते हैं, तो हमें निम्न उत्तर मिलता है:

[{"time":"1301340083","raw":"pushed","data":{"value":"ok"}}]

और ग्राहक पोषित उत्पादन करेगा:

Receiving : Hey ya!

स्क्रिप्ट को विभिन्न मापदंडों के साथ चलाने का परिणाम स्क्रीनशॉट में दिखाया गया है:



अब स्क्रिप्ट में एक अनन्त लूप जोड़ें, 10 सेकंड का समय और पृष्ठभूमि में चलाएं:

# python test_ape.cgi > /dev/null 2>& 1 &

निष्कर्ष

लेख का उद्देश्य पाठक का प्रदर्शन करना था, एक जीवित उदाहरण का उपयोग करते हुए, कि धूमकेतु-मॉडल, बल्कि एक शक्तिशाली उपकरण होने के नाते, कार्यान्वयन में किसी भी कठिनाइयों का प्रतिनिधित्व नहीं करता है।

कार्य का परिणाम यहां देखा जा सकता है ।
प्रत्येक 10 सेकंड में, सर्वर से एक संदेश स्क्रीन पर दिखाई देना चाहिए।

शायद अब के लिए बस इतना ही। अगले लेख में, मैं एक अधिक गंभीर और वास्तव में काम करने वाले एप्लिकेशन के बारे में लिखने के बारे में सोच रहा हूं।
मुझे खुशी होगी अगर सामग्री किसी के लिए उपयोगी हो।

उपयोगी लिंक

धूमकेतु - समीक्षा लेख
आधिकारिक एपीई वेबसाइट