PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र

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

आप उपयोगकर्ता के कंप्यूटर से सीधे ईमेल करने के लिए एक संपूर्ण JavaScript सिस्टम बना सकते हैं, लेकिन यह आपके ईमेल को स्पैमर के लिए खुला छोड़ देता है जो इसे आपके कोड से पुनर्प्राप्त कर सकते हैं और इसे अन्य स्पैमर को बेच सकते हैं। इसलिए, आपको सर्वर पर अपना ईमेल पता छिपाने की जरूरत है।

यह ट्यूटोरियल आपके नए PressCMS . में एक ईमेल संदेश प्रणाली जोड़ने के बारे में है (यानी phpPress , रूबीप्रेस , नोडप्रेस , और goPress ) मैं फ्रंट-एंड से शुरू कर रहा हूं और फिर प्रत्येक सिस्टम के लिए बैक-एंड को संबोधित कर रहा हूं। मैं मान रहा हूँ कि आपके सिस्टम पर ये सर्वर पहले से मौजूद हैं।

ब्राउज़र में फ़ॉर्म कैसे बनाएं

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

थीम में फॉर्म-विशिष्ट स्टाइल जोड़ने के बजाय, इस फॉर्म स्क्रिप्ट में सब कुछ एक ही स्थान पर है। फ़ाइल बनाएँ questions.html site/parts . में निम्नलिखित सामग्री के साथ वेब साइट के लिए निर्देशिका:

 
 Name: <इनपुट आईडी ="नाम" नाम ="नाम" प्रकार ="पाठ" मूल्य ="" पैटर्न ="[ए-जेडए-जेड] {3,3} [ए-जेडए-जेड] {3,3}" शीर्षक ="पहला और आखरी नाम।" ऑटोफोकस आवश्यक /> 
 
 <लेबल के लिए ="ईमेल"> ईमेल: <इनपुट आईडी ="ईमेल" नाम ="ईमेल" प्रकार ="ईमेल" पैटर्न ="[ए-ज़ा- z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}" title="केवल वैध ईमेल।" value="" आवश्यक /> 
 
 <लेबल for="Message">Message:  </div>
 <button type="submit">संदेश भेजें</button></form></pre> <p>
 यह एक पूर्ण नाम (प्रथम और अंतिम नाम), ईमेल और एक संदेश के लिए पूछने वाला एक मूल रूप बनाता है। यह फ़ॉर्म यह सुनिश्चित करने के लिए नियमित अभिव्यक्तियों का उपयोग करता है कि नाम और ईमेल पता मान्य है। यदि उपयोगकर्ता उन क्षेत्रों में जो कुछ भी इनपुट करता है वह <code>pattern</code> . में रेगुलर एक्सप्रेशन से मेल नहीं खाता है निर्देश, तो फॉर्म जमा नहीं किया जाएगा। एक पॉपअप उपयोगकर्ता को <code>title</code> . में संदेश के साथ फ़ील्ड को ठीक से भरने के लिए कहेगा पैरामीटर। प्रत्येक इनपुट फ़ील्ड में <code>required</code> होता है आदिम भी। यह रिक्त प्रपत्रों को जमा होने से रोकता है। यह न्यूनतम डेटा सत्यापन है जिसे आपको फ्रंट-एंड पर उपयोग करना चाहिए।</P> <p>
 <code>action</code> <code>form</code> में निर्देश एलिमेंट वेब ब्राउजर को बताता है कि फॉर्म डेटा किस पते पर जमा करना है। <code>method</code> निर्देश ब्राउज़र को <code>post</code> . के रूप में भेजने के लिए कहता है तरीका। प्रपत्र डेटा को सर्वर से पोस्ट अनुरोध के URL में रखा जाएगा। यह एक <strong>क्वेरी स्ट्रिंग</strong> है . सर्वर तब क्वेरी स्ट्रिंग में जानकारी को प्रोसेस करता है।</P> <p>
 <code>site/pages</code> में निर्देशिका, फ़ाइल बनाएँ <code>contact.md</code> और यह कोड डालें:</P> <pre>### हमसे संपर्क करें यह एक आसान संपर्क फ़ॉर्म है। कृपया अपना नाम, प्रथम और अंतिम, ईमेल पता और संदेश भरें। मैं जल्द से जल्द आपके पास वापस आऊंगा। धन्यवाद।{{{question}}}</pre> <p>
 एक बार सहेजे जाने के बाद, आप सर्वर में पृष्ठों को आज़मा सकते हैं। अपने ब्राउज़र में https://localhost:8081/contact पेज खोलें।</P> <img loading='lazy' alt='PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र ' src="/article/uploadfiles/202207/2022070816343356.jpg" /> <img loading='lazy' alt='PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र ' src="/article/uploadfiles/202207/2022070816343472.jpg" /> <img loading='lazy' alt='PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र ' src="/article/uploadfiles/202207/2022070816343417.jpg" /><figcaption>फ़ॉर्म पेज पर संपर्क करें</figcaption> <p>
 <strong>हमसे संपर्क करें</strong> पृष्ठ ऊपर चित्र की तरह दिखेगा। लोड होने पर सीधे नाम फ़ील्ड की हाइलाइटिंग पर ध्यान दें। <code>autofocus</code> निर्देश यह वांछित व्यवहार बनाता है। यह हमेशा अच्छा डिज़ाइन होता है कि उपयोगकर्ता को पहले फ़ील्ड में स्वचालित रूप से फ़ोकस करने की आवश्यकता होती है।</P> <p>
 संदेश भेजने के बाद, उपयोगकर्ता को एक पुष्टिकरण संदेश अच्छा होगा। <code>site/pages</code> में निर्देशिका, फ़ाइल बनाएँ <code>messagesent.md</code> और यह कोड डालें:</P> <pre>### संदेश भेजा गया था मुझे संदेश भेजने के लिए समय निकालने के लिए बहुत-बहुत धन्यवाद। मैं यथाशीघ्र उत्तर दूंगा।</pre> <p>
 बस एक साधारण संदेश ताकि उपयोगकर्ता को पता चले कि संदेश ठीक से भेजा गया था। आप जैसे चाहें इस पर विस्तार कर सकते हैं।</P> <img loading='lazy' alt='PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र ' src="/article/uploadfiles/202207/2022070816343408.jpg" /> <img loading='lazy' alt='PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र ' src="/article/uploadfiles/202207/2022070816343528.jpg" /> <img loading='lazy' alt='PhpPress, goPress, rubyPress, और nodePress के साथ प्रसंस्करण प्रपत्र ' src="/article/uploadfiles/202207/2022070816343535.jpg" /><figcaption>संदेश भेजा गया पुष्टिकरण पृष्ठ</figcaption> <h2>goPress से फ़ॉर्म को संसाधित करना</h2> <p>
 उपयोगकर्ता द्वारा दिए गए संदेश को स्वच्छ करने के लिए, मैं <strong>ब्लू मंडे</strong> . का उपयोग कर रहा हूं पुस्तकालय। उस लाइब्रेरी को अपने सिस्टम पर लोड करने के लिए, आपको यह कमांड लाइन चलाने की जरूरत है:</P> <pre>जाओ github.com/microcosm-cc/bluemonday प्राप्त करें</pre> <p>
 यह आपके कार्यक्रम के लिए पुस्तकालय उपलब्ध कराएगा। यही एकमात्र गैर-मानक पुस्तकालय है जिसकी आवश्यकता है।</P> <p>
 <code>goPressServer.go</code>खोलें फ़ाइल करें और इसे <code>import ()</code> . के अंदर फ़ाइल के शीर्ष पर जोड़ें कथन:</P> <pre> "fmt" "github.com/hoisie/web" "net/smtp" "github.com/microcosm-cc/bluemonday"</pre> <p>
 सर्वर से संदेशों को ईमेल करने के लिए इन पुस्तकालयों की आवश्यकता होती है। <code>goPress.DefaultRoutes(</code> . वाली लाइन के बाद फ़ंक्शन कॉल, निम्न कोड जोड़ें:</P> <pre>//// हमारे फॉर्म प्रोसेसिंग के लिए विशेष रूट सेटअप करें।//goPress.SetPostRoute('/api/message', postMessage)</pre> <p>
 यह <code>/api/message</code> . का पोस्ट रूट सेट करता है फ़ंक्शन को चलाने के लिए <code>postMessage()</code> . फ़ाइल के अंत में, यह कोड जोड़ें:</P> <pre>//// फंक्शन:पोस्टमैसेज//// विवरण:यह फंक्शन उनसे//वेबसाइट के मालिक// को मैसेज भेजेगा। सर्वर//संदर्भ.//func postMessage(ctx *web.Context) string {// पोस्ट की जानकारी प्राप्त करें और // ईमेल भेजें। // नाम:=ctx.Params["Name"] से:=ctx.Params["Email"] p:=bluemonday.UGCPolicy() संदेश:=p.Sanitize(ctx.Params["Message"]) से :="<आपका ईमेल पता>" विषय:="उपयोगकर्ता से संदेश:" + नाम + "CustomCT.com का" ईमेल भेजें (से, विषय, संदेश) // // संदेश पृष्ठ सामग्री प्राप्त करें और // इसे संसाधित करें . // pgloc:=goPress.SiteData.Sitebase + "पेज/मैसेजसेंट" रिटर्न goPress.RenderPageContents(ctx, goPress.GetPageContents(pgloc), pgloc)}//// फंक्शन:sendEmail//// विवरण:यह फ़ंक्शन एक भेजता है // ईमेल संदेश।/// इनपुट:// ईमेल पते पर // ईमेल पते से // संदेश भेजने के लिए // व्यक्ति का // संदेश भेजना // विषय का विषय // संदेश // संदेश // ईमेल का संदेश // func sendEmail (स्ट्रिंग के लिए, स्ट्रिंग, विषय स्ट्रिंग, संदेश स्ट्रिंग से) {बॉडी:=fmt.Sprintf ("टू:% s \ r \ n विषय:% s \r\n\r\n%s", to, विषय, संदेश) प्रमाणन :=smtp.PlainAuth("", "<आपका ईमेल पता>", "<आपका पासवर्ड>", "smtp.gmail.com" ) त्रुटि:=smtp.SendMail("smtp.gmail.com:587 ", प्रमाणन, से, []स्ट्रिंग{से}, []बाइट(बॉडी)) यदि त्रुटि है !=nil {/// त्रुटि को संसाधित करें। वर्तमान में, वहाँ मानते हुए // कोई समस्या नहीं है। // }}</pre> <p>
 ये दो कार्य ब्राउज़र से भेजे गए ईमेल को संसाधित करने के लिए हैंडलर बनाते हैं। <code>/api/message</code> मार्ग <code>postMessage()</code> . को कॉल करता है समारोह। यह उपयोगकर्ता द्वारा भरे गए फॉर्म से भेजी गई जानकारी को पुनः प्राप्त करता है, ब्लूमॉन्डे लाइब्रेरी के साथ संदेश को साफ करता है, और साइट के मालिक को <code>sendEmail()</code> का उपयोग करके एक ईमेल भेजता है। समारोह। आपको <code><your email address></code> . के स्थान पर अपना जीमेल पता डालना होगा धारक और पासवर्ड <code><password></code> . में धारक।</P> <p>
 <code>goPress.go</code> . में फ़ाइल में, इस फ़ंक्शन को <code>SetGetRoute()</code> . के बाद जोड़ें समारोह:</P> <pre>//// फंक्शन:SetPostRoute//// विवरण:यह फंक्शन // इस लाइब्रेरी में // वेब वेरिएबल सेटअप के लिए // आसान एक्सेस देता है। / हैंडलर फंक्शन उस // रूट को चलाने के लिए।//func SetPostRoute (रूट स्ट्रिंग, हैंडलर इंटरफेस {}) {वेब। <p>
 यह फ़ंक्शन बिल्कुल <code>SetGetRoute()</code> . जैसा है समारोह। केवल अंतर <code>web.Post()</code> . का उपयोग कर रहा है समारोह।</P> <p>
 इन परिवर्तनों के साथ, आपका goPress सर्वर अब उपयोगकर्ता से आपके ईमेल भेज सकता है।</P> <h2>नोडप्रेस के साथ फॉर्म को प्रोसेस करना</h2> <p>
 नोड से ईमेल भेजने के लिए, आपको पहले <strong>नोडमेलर लाइब्रेरी</strong> . को स्थापित करना होगा और <strong>बॉडी-पार्सर लाइब्रेरी</strong> निम्न कमांड लाइन के साथ:</P> <pre>npm install -save nodemailernpm install -save body-parser</pre> <p>
 फिर आपको नए पुस्तकालयों को लोड करने और मेलर ऑब्जेक्ट को कॉन्फ़िगर करने की आवश्यकता है। <code>nodePress.js</code> के शीर्ष पर फ़ाइल, अंतिम लाइब्रेरी लोड होने के बाद, इन पंक्तियों को जोड़ें:</P> <pre>var nodemailer =आवश्यकता ('नोडेमेलर'); // https://nodemailer.com/var bodyParser =आवश्यकता ('बॉडी-पार्सर'); // https://github.com/expressjs/body-parser////// डिफ़ॉल्ट SMTP ट्रांसपोर्ट//var ट्रांसपोर्टर =nodemailer.createTransport ('smtps://<आपका ईमेल नाम%40) का उपयोग करके पुन:प्रयोज्य ट्रांसपोर्टर ऑब्जेक्ट बनाएं <आपका ईमेल डोमेन>:<आपका पासवर्ड>@smtp.gmail.com');</pre> <p>
 यह नोडमेलर लाइब्रेरी को लोड करेगा और ईमेल भेजने के लिए पुन:प्रयोज्य घटक स्थापित करेगा। आपको <code><your email name></code> . को बदलना होगा आपके ईमेल पते के नाम के साथ (अर्थात @ चिह्न से पहले), <code><your email domain></code> आपके ईमेल पते का डोमेन है (अर्थात सामान्य gmail के लिए gmail.com या यदि आपने अपने डोमेन नाम पर gmail सेट किया है तो आपका डोमेन नाम), और <code><your password></code> आपके ईमेल खाते के पासवर्ड के साथ।</P> <p>
 नोडप्रेस वैरिएबल को इनिशियलाइज़ करने वाली लाइन के बाद, यह कोड जोड़ें:</P> <pre>//// बॉडी पार्सर लाइब्रेरी को कॉन्फ़िगर करें।//nodePress.use(bodyParser.urlencoded({ Extended:true}));</pre> <p>
 अब, अंतिम <code>nodePress.get()</code> . के बाद फ़ंक्शन कॉल, यह कोड जोड़ें:</P> <pre>nodePress.post('/api/message', function(request, response) {/// सेटअप ई-मेल डेटा // var mailOptions ={ from:request.body.Email, to:'<आपका ईमेल पता>', विषय:'संपर्क फ़ॉर्म पर' + request.body.Name + 'से संदेश।', टेक्स्ट:request.body.Message, html:request.body.Message }; // // ईमेल भेजें। / /transporter.sendMail(mailOptions, function(error, info){ if(error){ return console.log(error); } // // उपयोगकर्ता को संदेश भेजें ठीक पृष्ठ। // प्रतिक्रिया। भेजें (पृष्ठ ("संदेश")); });});</pre> <p>
 यह <code>/api/message</code> . के लिए हैंडलर है पता। यह फ़ंक्शन फ़ॉर्म से भेजी गई जानकारी प्राप्त करता है, उचित ईमेल संदेश बनाता है, और इसे <code><your email address></code> में दिए गए ईमेल पते पर भेजता है . ईमेल भेजने के बाद, यह उपयोगकर्ता को <code>/messagesent</code> . पर भेज देगा पृष्ठ। बॉडी पार्सर मिडलवेयर में url पैरामीटर <code>request.body</code> . में सहेजे गए हैं परिवर्तनशील और ठीक से साफ-सुथरा।</P> <p>
 यह कोड बिना टू-फैक्टर ऑथेंटिकेशन के जीमेल सेटअप के लिए काम करता है। यदि आपके पास दो-कारक प्रमाणीकरण है, तो आप <strong>नोडमेलर</strong> . का संदर्भ ले सकते हैं इसे स्थापित करने के लिए दस्तावेज।</P> <h2>रूबीप्रेस के साथ फ़ॉर्म को संसाधित करना</h2> <p>
 रूबी में ईमेल भेजने के लिए, आपको <strong>रूबी-जीमेल</strong> . इंस्टॉल करना होगा निम्नलिखित कमांड लाइन के साथ पुस्तकालय:</P> <pre>मणि रूबी-जीमेल स्थापित करें</pre> <p>
 आपके रूबी सेटअप के आधार पर, आपको <code>sudo</code> . का उपयोग करने की आवश्यकता हो सकती है आदेश के सामने। अब लायब्रेरी लोड करने के लिए, <code>rubyPress.rb</code> के शीर्ष पर निम्न पंक्ति जोड़ें फ़ाइल:</P> <pre>'gmail' की आवश्यकता है # https://github.com/dcparker/ruby-gmail</pre> <p>
 आखिर <code>get</code> परिभाषाएँ, निम्नलिखित पंक्तियाँ जोड़ें:</P> <pre>post '/api/message' do ## फॉर्म से पैरामीटर प्राप्त करें। # नाम =पैराम्स [:नाम] ईमेल =पैराम्स [:ईमेल] संदेश =पैराम्स [:संदेश] # # ईमेल बनाएं और भेजें। # Gmail.new('<आपका ईमेल पता>', '<आपका पासवर्ड>') करते हैं |gmail| gmail.deliver do to "<your email address>" ईमेल विषय से "Message from " + name text_part do body message end end end # # यूजर को मैसेज भेजे गए पेज पर भेजें। # पेज 'messagesent'end</pre> <p>
 इन परिवर्धन के साथ, आपका रूबीप्रेस सर्वर ईमेल प्रपत्रों को संसाधित कर सकता है। एक बार जब आप <code><your email address></code> बदल देते हैं आपके ईमेल पते पर और <code><your password></code> आपके ईमेल सर्वर के पासवर्ड के लिए, स्क्रिप्ट समाप्त हो गई है।</P> <h2>phpPress के साथ फ़ॉर्म को संसाधित करना</h2> <p>
 संशोधित करने वाला अंतिम सर्वर phpPress सर्वर है। सर्वर में ईमेल क्षमताओं को जोड़ने के लिए, मैं <strong>phpmailer लाइब्रेरी</strong> स्थापित करने जा रहा हूं . ईमेल के साथ काम करने के लिए PHP में यह सबसे व्यापक रूप से उपयोग की जाने वाली लाइब्रेरी है। पुस्तकालय को स्थापित करने के लिए, आपको इन कमांड-लाइन कमांड को phpPress निर्देशिका में चलाने की आवश्यकता है:</P> <pre>संगीतकार अद्यतनसंगीतकार को phpmailer/phpmailer की आवश्यकता होती है</pre> <p>
 दुर्भाग्य से, कंपोज़र अपडेट LightnCandy लाइब्रेरी को अपडेट करेगा। यह अच्छा है क्योंकि यह बहुत तेज़ और उपयोग में आसान है। लेकिन यह सर्वर कोड तोड़ देता है। index.php फ़ाइल में, <code>ProcessPage()</code> को खोजें कार्य करें और इसे निम्न कोड से बदलें:</P> <pre>//// फंक्शन:प्रोसेसपेज//// विवरण:यह फंक्शन // एक पेज को टेम्प्लेट में प्रोसेस करेगा, // सभी मूंछों को प्रोसेस करेगा//मैक्रोज़ को प्रोसेस करेगा, और सभी // शॉर्टकोड्स को प्रोसेस करेगा।//// इनपुट्स:// $लेआउट // पेज के लिए लेआउट // $पेज पेज मुख्य // सामग्री // फ़ंक्शन प्रोसेसपेज ($ लेआउट, $ पेज) {वैश्विक $ साइट, $ पार्ट्स, $ हेल्पर्स; // // पेज की सामग्री प्राप्त करें। // $ भागों ['सामग्री'] =फिगरपेज ($ पृष्ठ); // // पहले हैंडलबार पर पास करें। // $phpStr =LightnCandy::compile($layout, $helpers); $renderer =LightnCandy::prepare($phpStr); $ पृष्ठ =$ रेंडरर ($ भागों); // // शॉर्टकोड को प्रोसेस करें। // $ पेजशॉर्ट =प्रोसेसशॉर्टकोड्स ($ पेज); // // दूसरा पास हैंडलबार। // $phpStr =LightnCandy::compile($pageShort, $helpers); $renderer =LightnCandy::prepare($phpStr); $ पृष्ठ =$ रेंडरर ($ भागों); // // परिणाम लौटाएं। // वापसी ($ पृष्ठ);}</pre> <p>
 पुराने कोड से इसकी तुलना करने पर, अब आपको किसी अस्थायी फ़ाइल के साथ काम करने की आवश्यकता नहीं है। यह सब स्मृति में किया जाता है और इसलिए बहुत तेज होता है। अब, <code>index.php</code> में सबसे ऊपर फ़ाइल, इसे जेड लाइब्रेरी के बाद जोड़ें:</P> <pre>/// PHP मेलर:https://github.com/PHPMailer/PHPMailer//require 'vendor/phpmailer/phpmailer/PHPMailerAutoload.php';</pre> <p>
 यह phpmailer लाइब्रेरी को लोड करता है। अब, अंतिम <code>$app->get()</code> . के बाद फ़ंक्शन, यह कोड जोड़ें:</P> <pre>//// यह मार्ग वेबसाइट पर// ईमेल फॉर्म से पोस्ट अनुरोध को संसाधित करने के लिए है।//$app->post('/api/message', function(Request $request, Response $response) {वैश्विक $_POST; //// पोस्ट चर प्राप्त करें।// $Name =$_POST['Name']; $Email =$_POST['Email']; $Message =$_POST['Message']; / // ईमेल संदेश बनाएं और उसे भेजें। मुख्य और बैकअप SMTP सर्वर निर्दिष्ट करें $mail->SMTPAuth =true; // SMTP प्रमाणीकरण सक्षम करें $mail->उपयोगकर्ता नाम ='<आपका ईमेल पता>'; // SMTP उपयोगकर्ता नाम $mail-> पासवर्ड ='<आपका पासवर्ड>'; // SMTP पासवर्ड $mail->SMTPSecure ='tls'; // TLS एन्क्रिप्शन सक्षम करें, `ssl` ने $mail-> पोर्ट =587; // TCP पोर्ट को $mail->setFrom($Email, $ से कनेक्ट करने के लिए स्वीकार किया है) नाम); $ मेल-> पता जोड़ें ('<आपका ईमेल>', '<y हमारा नाम>'); // एक प्राप्तकर्ता जोड़ें $ मेल-> विषय ="$ नाम से संदेश"; $ मेल-> बॉडी =$ संदेश; अगर(!$मेल->भेजें ()) {गूंज 'संदेश भेजा नहीं जा सका।'; गूंज 'मेलर त्रुटि:'। $ मेल-> एररइन्फो; } और {$newResponse =SetBasicHeader($response); $newResponse->getBody()->लिखें (पृष्ठ ('संदेश')); वापसी ($ newResponse); }});</pre> <p>
 यह <code>/api/message</code> . के लिए एक पोस्ट अनुरोध हैंडलर है रास्ता। यह ब्राउज़र से भेजे गए फॉर्म डेटा को पुनः प्राप्त करता है, इसके साथ एक ईमेल बनाता है, और ईमेल भेजता है। PHP स्वचालित रूप से कोई भी URL पैरामीटर लेता है और उन्हें वैश्विक सरणी <code>$_POST</code> . में रखता है ।</P> <p>
 आपको <code><your email address></code> को बदलना होगा , <code><your password></code> , और <code><your name></code> आपके ईमेल के लिए उपयुक्त मानों के साथ। यदि आप जीमेल एसएमटीपी सर्वर के अलावा किसी अन्य चीज का उपयोग कर रहे हैं, तो आपको <code>$mail->Host</code> बदलना होगा। पता भी।</P> <h2>निष्कर्ष</h2> <p>
 मैंने आपको दिखाया है कि कैसे आसानी से एक प्रेससीएमएस साइट पर एक ईमेल फॉर्म को जोड़ा जा सकता है। इस ट्यूटोरियल के डाउनलोड में ये सभी सर्वर उनके संशोधनों के साथ हैं। इसलिए आप इसे टाइप करने के बजाय डाउनलोड कर सकते हैं। मैंने थोड़ा त्रुटि प्रबंधन किया है। मैं एक अभ्यास के रूप में बाकी आप पर छोड़ दूंगा।</P> <p>
 मैंने यहां जो विधि सिखाई है वह है यूआरएल में डेटा के साथ फॉर्म डेटा पोस्ट करना। आजकल कई साइटें <strong>REST API</strong> . का उपयोग करती हैं <strong>JSON</strong> . में डेटा के साथ क्रिया करने के लिए शरीर में स्ट्रिंग। ये दिनचर्या आसानी से उस पद्धति के लिए अपनाई जाती है, लेकिन यह आपके लिए एक अभ्यास है (या शायद भविष्य का ट्यूटोरियल)। अब जब आप जानते हैं कि इसे इस तरह कैसे करना है, तो अपनी साइट पर अपने स्वयं के फ़ॉर्म जोड़ें। इस प्रकार का अनुकूलन बहुत मजेदार है। केवल आपकी कल्पना की सीमा है।</P> <br>
            </article>


            <div class="ad5">
		<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

            </div>

            
            <div id="turn-page" class="f-between">
                <div class="page up f-align">
                    <i class="prev"></i>
                   <a class='LinkPrevArticle' href='https://in.wsxdn.com/zx054r/hf555z/1005128973.html' >अपना पहला वेब स्क्रैपर बनाना, भाग 1 </a>      
                    <span></span>
                </div>
                <div class="page down f-align">
                    <a class='LinkNextArticle' href='https://in.wsxdn.com/zx054r/hf555z/1005128975.html'  >वसीयत की खोज, भाग 2 </a>      
                    <i class="next"></i>
                    <span></span>
                </div>
             </div>

        </div>

        <aside class="box-r">

            <section class="small-nav rList">
                <p class=h4s>
                    Ruby
                </p>
                <ul class="f-between">
                      <li><a class='childclass' href='https://in.wsxdn.com/zx054r/us544m/' target="_self">सी प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj545d/' target="_self">C++</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/kh546c/' target="_self">Redis</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/om547h/' target="_self">बाश प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ca548u/' target="_self">Python</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl549f/' target="_self">Java</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/sp550k/' target="_self">डेटाबेस</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/zw551r/' target="_self">HTML</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ec552w/' target="_self">Javascript</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/lj553d/' target="_self">प्रोग्रामिंग</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/tr554l/' target="_self">CSS</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/hf555z/' target="_self">Ruby</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/fd556x/' target="_self">SQL</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/wu557p/' target="_self">IOS</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/bz558t/' target="_self">Android</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/pn559h/' target="_self">Mongodb</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/ay560s/' target="_self">MySql</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/fc561x/' target="_self">C#</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/cz565u/' target="_self">PHP</a></li>
<li><a class='childclass' href='https://in.wsxdn.com/zx054r/nl571f/' target="_self">SQL Server</a></li> 
 
                </ul>
                <strong class="f-center">
                    <img loading='lazy' src="https://in.wsxdn.com/css/img/xiala.svg" alt="">
                </strong>
            </section>

          
            

            
            <aside class="rList">
                <p class=h4s>
                    Ruby
                </p>
                <ul>
                                
			<li>
                        <a href="https://in.wsxdn.com/zx054r/ec552w/1005055388.html" class="t-over" title="HTML फॉर्म क्या हैं और उनका उपयोग कैसे करें? ">HTML फॉर्म क्या हैं और उनका उपयोग कैसे करें? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/ec552w/1005056726.html" class="t-over" title="बूटस्ट्रैप के साथ रूपों की ऊंचाई और चौड़ाई निर्धारित करें ">बूटस्ट्रैप के साथ रूपों की ऊंचाई और चौड़ाई निर्धारित करें </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/ec552w/1005057312.html" class="t-over" title="React.js . में प्रपत्रों के साथ कार्य करना ">React.js . में प्रपत्रों के साथ कार्य करना </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/ec552w/1005057569.html" class="t-over" title="सीएसएस और जावास्क्रिप्ट के साथ पासवर्ड सत्यापन फॉर्म कैसे बनाएं? ">सीएसएस और जावास्क्रिप्ट के साथ पासवर्ड सत्यापन फॉर्म कैसे बनाएं? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/ec552w/1005058478.html" class="t-over" title="एचटीएमएल फॉर्म एक्शन और जावास्क्रिप्ट के साथ सत्यापन सबमिट करें? ">एचटीएमएल फॉर्म एक्शन और जावास्क्रिप्ट के साथ सत्यापन सबमिट करें? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/tr554l/1005063475.html" class="t-over" title="HTML और CSS के साथ साइनअप फॉर्म कैसे बनाएं? ">HTML और CSS के साथ साइनअप फॉर्म कैसे बनाएं? </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/jh057b/ki511c/1005088628.html" class="t-over" title="Android और iPhone के लिए 4 सर्वश्रेष्ठ निःशुल्क फ़ॉर्म निर्माता">Android और iPhone के लिए 4 सर्वश्रेष्ठ निःशुल्क फ़ॉर्म निर्माता</a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/jh057b/ec510w/1005089255.html" class="t-over" title="आईक्लाउड+ में हाइड माई ईमेल और एप्पल के साथ साइन इन के बीच अंतर">आईक्लाउड+ में हाइड माई ईमेल और एप्पल के साथ साइन इन के बीच अंतर</a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx052r/bz537u/1005098037.html" class="t-over" title="ईमेल में इनबॉक्स अधिभार और टू-डू सूचियों से कैसे निपटें ">ईमेल में इनबॉक्स अधिभार और टू-डू सूचियों से कैसे निपटें </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx052r/mk515e/1005100470.html" class="t-over" title="माइक्रोसॉफ्ट फॉर्म के साथ एक सर्वेक्षण कैसे बनाएं ">माइक्रोसॉफ्ट फॉर्म के साथ एक सर्वेक्षण कैसे बनाएं </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx052r/mk515e/1005101057.html" class="t-over" title="Microsoft फ़ॉर्म में फ़ॉर्म कैसे बनाएं और इसकी सेटिंग कैसे समायोजित करें">Microsoft फ़ॉर्म में फ़ॉर्म कैसे बनाएं और इसकी सेटिंग कैसे समायोजित करें</a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/zx054r/hf555z/1005128962.html" class="t-over" title="रेल और कैरियरवेव के साथ अपलोड करना ">रेल और कैरियरवेव के साथ अपलोड करना </a>
                    </li>
<li>
                        <a href="https://in.wsxdn.com/tr051l/wu059p/1005133712.html" class="t-over" title="PDFelement 6">PDFelement 6</a>
                    </li>


                </ul>

            </aside>

           
            

        </aside>
    </div>
    
    <div class="container box4-2">
        
        <div class="lanmu-list f-between">

           
             <div class="lanmu">
                <ol>
                    <li>
                        
                        <div class="img-block">
                           
                            <span>
                                <a href="https://in.wsxdn.com/zx052r/bz528t/1005138335.html" class="r-over r-over-2" title="Event.preventDefault () और event.stopPropagation () के साथ ब्राउज़र डिफ़ॉल्ट को कैसे प्रबंधित करें ">
                                   Event.preventDefault () और event.stopPropagation () के साथ ब्राउज़र डिफ़ॉल्ट को कैसे प्रबंधित करें                                 </a>

                                <p>
                                   विभिन्न घटनाओं के लिए ब्राउज़र में डिफ़ॉल्ट इंटरैक्शन और व्यवहार होते हैं।  उदाहरण के लिए, जब कोई उपयोगकर्ता किसी प्रपत्र पर सबमिट बटन पर क्लिक करता है, तो फ़ॉर्म डिफ़ॉल्ट रूप से URL में सबमिट हो जाता है।  जब किसी एलीमेंट के चाइल्ड पर क्लिक किया जाता है, तो एलिमेंट पर भी क्लिक इवेंट होता है क्योंकि                                 </p>
                            </span>
                        </div>
                    </li>
                </ol>

            </div>
 <div class="lanmu">
                <ol>
                    <li>
                        
                        <div class="img-block">
                           
                            <span>
                                <a href="https://in.wsxdn.com/zx052r/bz537u/1005138352.html" class="r-over r-over-2" title="SendGrid और Next.js के साथ संपर्क फ़ॉर्म कैसे बनाएँ? ">
                                   SendGrid और Next.js के साथ संपर्क फ़ॉर्म कैसे बनाएँ?                                 </a>

                                <p>
                                   संपर्क फ़ॉर्म वेबसाइटों पर उपयोगी होते हैं यदि आप चाहते हैं कि आपके उपयोगकर्ता ईमेल पर आपके साथ बातचीत कर सकें। और उन्हें बनाने के बहुत सारे तरीके हैं।  परंपरागत रूप से आपने या तो सर्वर पर ईमेल भेजने के लिए PHP का उपयोग किया होगा या कोई तृतीय पक्ष सेवा जो ईमेल तर्क का ध्यान रखेगी।   लेकिन इस लेख में                                </p>
                            </span>
                        </div>
                    </li>
                </ol>

            </div>
 <div class="lanmu">
                <ol>
                    <li>
                        
                        <div class="img-block">
                           
                            <span>
                                <a href="https://in.wsxdn.com/zx052r/wu518o/1005139460.html" class="r-over r-over-2" title="“Apple के साथ साइन इन करें” क्या है, इसका उपयोग कैसे करें, और यह कितना सुरक्षित है">
                                   “Apple के साथ साइन इन करें” क्या है, इसका उपयोग कैसे करें, और यह कितना सुरक्षित है                                </a>

                                <p>
                                   WWDC 2019 में, Apple ने उपस्थित लोगों और दर्शकों को सभी उपकरणों में नए साइन इन Apple फीचर से परिचित कराया। हालांकि यह सुविधा जरूरी नहीं है कि मैकबुक या आईफोन को बाहर जाने और बेचने के लिए बिक्री बिंदु हो, तब से यह ऐप्पल के डिवाइस सुविधाओं के एक प्रशंसनीय हिस्से के रूप में विकसित हो गया है।  Apple Pay                                </p>
                            </span>
                        </div>
                    </li>
                </ol>

            </div>

            
        </div>

    </div>


    <footer>

        <section class="container f-between f-align">
            <a href="https://in.wsxdn.com" class="logo">
                <img loading='lazy' src="https://in.wsxdn.com/css/img/logo.svg" alt="कंप्यूटर">
            </a>
           <span class="f-end">
                © कॉपीराइट
                <a href="https://in.wsxdn.com">https://in.wsxdn.com</a>
                सर्वाधिकार सुरक्षित
            </span>

        </section>

    </footer>


</body>
</html>