👨🏼‍⚕️ 🧒🏽 🌠 पास्कल में वेबसाइट विकास (बैकएंड) ☣️ 🚧 👶🏿

इस लेख में मैं पास्कल, डेल्फी / एफपीसी में साइटें क्यों, क्यों और कैसे बनाने के बारे में बात करूंगा।
संभवतः "पास्कल साइट" कुछ इस तरह से जुड़ी है:

writeln('Content-type: text/html');

लेकिन नहीं, सब कुछ बहुत अधिक दिलचस्प है! हालाँकि, एक वास्तविक साइट का सोर्स कोड (लगभग सभी) GitHub पर उपलब्ध है।

किस लिए?

सामान्य तौर पर, मैं कभी भी पेशेवर वेब डेवलपर नहीं हूं - मैं गेम बनाता हूं। एक खेल, विशेष रूप से एक ऑनलाइन एक वेबसाइट की जरूरत है। इसलिए, ऐसा हुआ कि मैंने अपने खेलों के लिए और साइटें बनानी शुरू कर दीं। Perl पर CGI का उपयोग करना - 2000 के शुरुआती / मध्य में यह लोकप्रिय था। समस्या ठीक होने तक सब कुछ ठीक था।

2013 में, हमने स्पेक्ट्रोमेंसर गेम के लिए ऑनलाइन टूर्नामेंट आयोजित करना शुरू कर दिया। ऐसा करने के लिए, मैंने गेम की वेबसाइट पर एक टूर्नामेंट पेज बनाया, जिसमें दिखाया गया कि किसके साथ खेलना है, वर्तमान परिणाम, आदि। टूर्नामेंट की शुरुआत में, खिलाड़ियों के पेज को अपडेट किया गया और ... लोड नहीं हुआ। लोगों ने F5 दबाया, समस्या को और बढ़ा दिया। यह पता चला कि एक सीजीआई स्क्रिप्ट के लिए प्रति सेकंड 4-5 अनुरोध भी, एक अलग पर्ल प्रक्रिया के रूप में शुरू किए गए, सर्वर को काफी धीमा कर देते हैं, और> प्रति सेकंड 10 अनुरोध इसे पूरी तरह से दुर्गम बनाते हैं।

यह अच्छा है कि यह तनाव परीक्षण रिहर्सल टूर्नामेंट के दौरान हुआ: बाद में मैंने पहले ही टूर्नामेंट के लिए अपडेटेड स्टेटिक पेज का उपयोग किया।

क्यों?

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

कैसे?

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

मुख्य लूप : आने वाले कनेक्शनों को स्वीकार करता है, अनुरोधों को पढ़ता है और उन्हें प्रसंस्करण के लिए एक कतार में रखता है। सॉकेट्स को कनेक्शन करने के लिए संसाधित अनुरोधों के लिए तैयार-निर्मित प्रतिक्रियाओं को लिखते हैं और उन्हें बंद कर देते हैं।
(N ): , . worker' — .
: HTML- ( ) . .
: ( CGI.pm Perl). , ..

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

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

उदाहरण टेम्पलेट घोषणा:

#NEWSFEED_ITEM:
<div class=NewsHeader>
 <a href='/$LANG_LC/forum/thread/$NEWS_ID'><IF_NEWS_PINNED>[TOP]  </IF_NEWS_PINNED>$NEWS_DATE   $NEWS_TITLE</a>
</div>
<div class=NewsText>$NEWS_TEXT
 <div align=right>
  <a href='/$LANG_LC/forum/thread/$NEWS_ID'>$COMMENTS</a>
 </div>
</div>

यह NEWSFEED_ITEM नाम के साथ एक समाचार फ़ीड के लिए एक स्थिर टेम्पलेट है, इसके अंदर कई अन्य टेम्पलेट हैं, उदाहरण के लिए NEWS_TEXT - डेटाबेस से डाउनलोड समाचार पाठ वाला एक गतिशील टेम्पलेट। अनुवाद यह है कि $ TEMPLATE_NAME फॉर्म के सभी सब्सट्रिंग को इस टेम्प्लेट के मान के साथ पुन: बदल दिया जाता है।

यहां आप सशर्त अनुवाद के लिए pseudotag को भी नोटिस कर सकते हैं: <IF_TEMPLATE_NAME> - अनुवाद के दौरान, ऐसे टैग हटा दिए जाते हैं और उनकी सामग्री को छोड़ दिया जाता है या हटा दिया जाता है, जो निर्दिष्ट टेम्पलेट के मूल्य पर निर्भर करता है। मैंने विशेष रूप से स्थितियों के इस प्रारूप को चुना - एचटीएमएल टैग के रूप में, ताकि जब एक टेक्स्ट एडिटर सिंटैक्स हाइलाइटिंग कार्यों में संपादित हो और एक युग्मित टैग देखना आसान हो।

इस टेम्पलेट का उपयोग करने वाला फ़ीड जेनरेशन कोड कुछ इस तरह दिखता है:


    result:='';
    //       NEWSFEED_ITEM      result
    for i:=0 to n-1 do begin
      id:=StrToIntDef(sa[i*c],0);
      title:=sa[i*c+1];
      cnt:=StrToIntDef(sa[i*c+2],1)-1;
      flags:=StrToIntDef(sa[i*c+3],0);
      //     
      db.Query('SELECT msg,created FROM messages WHERE topic=%d ORDER BY id LIMIT 1', 
        [id]);
      if db.lastErrorCode<>0 then continue;
      text:=db.Next;
      date:=db.NextDate;
      //    ( temp)
      temp.Put('NEWS_ID',id,true);
      temp.Put('NEWS_DATE',FormatDate(date,true),true);
      temp.Put('NEWS_TITLE',title,true);
      temp.Put('NEWS_PINNED',flags and 4>0,true);
      comLink:='$LNK_READ_MORE | ';
      if cnt>0 then comLink:=comLink+inttostr(cnt)+' $LNK_COMMENTS'
        else comLink:=comLink+'$LNK_LEAVE_COMMENT';
      temp.Put('NEWS_TEXT',text,true);
      temp.Put('COMMENTS',comLink,true);
      //   
      result:=result+BuildTemplate('#NEWSFEED_ITEM');
    end;

स्थानीयकरण

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

#TITLE_NEWS:News
#TITLE_NEWS_RU:

एक रूपरेखा का उपयोग करने का एक उदाहरण

सरल साइट कोड उदाहरण:

program website;
uses SysUtils, SCGI;

//    
function IndexPage:AnsiString; stdcall;
 begin
   result:=FormatHeaders('text/html')+BuildTemplate('#INDEX.HTM');
 end;

begin
 SetCurrentDir(ExtractFileDir(ParamStr(0)));
 SCGI.Initialize; //  
 AddHandler('/',IndexPage); //     '/'
 SCGI.RunServer; //      
end.

संपूर्ण

मैंने 2015 के अंत में वास्तविक साइट astralheroes.com बनाने की प्रक्रिया में वर्णित रूपरेखा लिखी थी। जैसा कि आमतौर पर होता है, पहले पैनकेक थोड़ा ढेलेदार निकला - कोड कुछ गड़बड़ और भ्रमित हो गया, अगली साइट बेहतर हो रही है। फिर भी, मैं इस प्रक्रिया और परिणाम से संतुष्ट हूं: साइट अच्छी तरह से काम करती है, आसानी से डीबग और अपडेट हो जाती है।

जाँच - परिणाम:

मुझे उम्मीद थी कि कॉम्पैक्ट पर्ल की तुलना में, साइट कोड बहुत फूला हुआ है, लेकिन नहीं - पास्कल में लिखी गई समान कार्यक्षमता पर्ल में लगभग दोगुनी है। लेकिन यह अधिक स्पष्ट दिखता है।
! Perl — , - 100 , , . - - — . Delphi .
Perl. -, , , . -, Perl, , .
: , , . .
. , , ( ), , . , , — . .

, . — . , :

, — . , .

?

गीथहब के सूत्र: github.com/Cooler2/ApusEngineExamples

ध्यान दें कि रिपॉजिटरी में एक सबमॉड्यूल है, इसलिए "- - क्रेस्क्यूव " पैरामीटर के साथ क्लोन करना बेहतर है ।

साइट प्रोजेक्ट फ़ाइल में है: "AH-Website \ Backend \ src \ website.dpr"

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

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

आपका ध्यान रखने के लिए धन्यवाद!

पास्कल में वेबसाइट विकास (बैकएंड)