ในแอปพลิเคชันจริงการใช้ส่วนประกอบการพยากรณ์อากาศข้ามโดเมนสามารถนำไปใช้ในวิธีการข้างต้นได้ อีกวิธีที่ใช้กันทั่วไปคือการแสดงโฆษณาอีคอมเมิร์ซบางอย่างซึ่งจะเลื่อนดูผลิตภัณฑ์ที่คุณเคยเยี่ยมชมหรือผลิตภัณฑ์ที่แนะนำให้คุณตามคำแนะนำที่เกี่ยวข้อง
ตัวอย่างเช่นโฆษณาสองประเภทจะแสดงบนหน้าเว็บบางหน้า:
โฆษณาของตะวันออกได้รับการเยี่ยมชมและได้เพิ่มสิ่งที่เกี่ยวข้อง
โฆษณาของ Taobao นั้นเหมือนกับการนำเสนอ
เมื่อเยี่ยมชมผลิตภัณฑ์จาก Dong และ Bao ข้อมูลจะถูกวางไว้ในคุกกี้และเมื่อนำเสนอมันจะถูกนำเสนอตามข้อมูลผลิตภัณฑ์ในคุกกี้
ปัญหาอยู่ที่นี่
ไซต์ที่เว็บเพจ A ตั้งอยู่และเว็บไซต์ของ Dong และ Taobao จะต้องเป็นชื่อโดเมนอิสระสองชื่อ คุณไม่สามารถรับคุกกี้ของ Dong และ Taobao บนหน้าเว็บ A ได้เนื่องจากมีแหล่งที่แตกต่างกันดังนั้น
เป็นไปไม่ได้และไม่เหมาะสมที่จะนำเสนอข้อมูลผลิตภัณฑ์ในหน้าเว็บเอง
แน่นอนเราจำเป็นต้องนำเสนอข้อมูลผลิตภัณฑ์ผ่านวิธีการข้ามโดเมน ปัญหาที่ต้องแก้ไขคือ:
1. สคริปต์ที่สร้างขึ้นโดยบริการข้ามโดเมนไม่สามารถรับคุกกี้ได้ แต่สามารถรับคุกกี้บนเซิร์ฟเวอร์ข้ามโดเมนเท่านั้น
ทำไม สคริปต์ที่สร้างขึ้นโดยบริการข้ามโดเมนในที่สุดจะทำงานบนหน้าเว็บ A คุกกี้ที่เข้าถึงได้ในสคริปต์ที่สร้างขึ้นโดยบริการข้ามโดเมนสามารถเป็นคุกกี้ของไซต์ที่อยู่ที่หน้าเว็บซึ่งเป็นที่ตั้งผิด
2. CARCOINIE สามารถรับได้ในพื้นหลังบริการข้ามโดเมน
คำตอบคือใช่ ตราบใดที่เบราว์เซอร์เริ่มร้องขอชื่อ/ที่อยู่โดเมนบางอย่างก็จะนำคุกกี้ที่เกี่ยวข้องมาใช้
ดังนั้นเรามาใช้ตัวอย่างง่ายๆ
สถาปัตยกรรมตัวอย่าง: node.js+Express
1. ในบริการข้ามโดเมนสามารถเข้าใจได้ว่าเป็น บริษัท อีคอมเมิร์ซโดยให้หน้าเพื่อป้อนข้อมูลผลิตภัณฑ์จำลองสิ่งที่เข้าชมแล้วบันทึกไว้ในคุกกี้หลังจากอินพุต
หน้าหนังสือ
รหัสคือการเพิ่มเวลาหมดอายุเพื่อบันทึกอินพุตลงในคุกกี้และแน่นอนรหัสง่าย ๆ เป็นอันดับแรก
<! doctype html> <html> <head> <title> setCookie </title> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"> <link rel = "stylesheet" href = "/stylesheets/style.css"> </head> <body> <h1> เล่น </h1> <div> <pan> ผลิตภัณฑ์ 1 </span> <อินพุต ID = "S1"> </div> <p> </p> <div> <pan> id = "s3"> </div> <p> </p> <div> <span> ผลิตภัณฑ์ 4 </span> <อินพุต id = "s4"> </div> <p> </p> <div> <อินพุต id = "b" type = "ปุ่ม" saveincookie () Eles2 = document.getElementById ('S2'); var eles3 = document.getElementById ('S3'); var eles3 = document.getElementById ('S3'); var eles4 = document.getElementById ('S4'); // สร้างพารามิเตอร์วันที่ = วันที่ใหม่ (); var ที่จะหมดอายุหลังจาก 24 ชั่วโมงหมดอายุ Seconds = 3*24*3600*1000; วันที่ (วันที่. getTime ()+หมดอายุ Seconds); // ตั้งค่าข้อมูลผลิตภัณฑ์ทั้งหมดเป็นคุกกี้ document.cookie = 's1 ='+escape (eles1.value)+"; expir ="+date.togmtstring (); document.cookie = 's2 ='+escape (eles2.value)+"; es = "+date.togmtstring (); document.cookie = 's3 ='+escape (eles3.value)+"; expires = "+date.togmtstring (); document.co okie = 's4 ='+escape (eles4.value)+"; expires ="+date.togmtstring (); Alert (document.cookie);} </script> </body> </html>2. ในบริการข้ามโดเมนเขียนโค้ดเพื่อสร้างสคริปต์บนเซิร์ฟเวอร์ เมื่อสร้างสคริปต์ให้ถอดรหัสและแยกข้อมูลจากคุกกี้ที่นำโดยเบราว์เซอร์แล้วแยกลงในสคริปต์
ที่นี่เรานำคุกกี้ผ่านวัตถุคำขอ วิธีการของแพลตฟอร์มอื่น ๆ อาจแตกต่างกัน แต่หลักการเหมือนกันและเบราว์เซอร์จะนำพวกเขาไปที่นั่น
Router.get ('/ad', function (req, res) {// แยกสตริง JS และทำเอาต์พุตของแท็ก html ไปยังหน้า html printcookies (req.cookies); var s = 'document.write (/' <div style = สตริงสคริปต์สำหรับ (var p ใน req.cookies) {s + = '<div>' + Unescape (req.cookies [p]) + '</div>';} s + = '</div>/'); 'console.log (s); 'text/javascirct; charset = utf-8'); res.write (s); res.end ();}); ฟังก์ชั่น printcookies (คุกกี้) {console.log ('****** คุกกี้ *******'); สำหรับ (var p ในคุกกี้) {console.log (p + ' Unsescape (คุกกี้ [p]));} console.log ('***************');}3. ทำคำขอสคริปต์สำหรับบริการข้ามโดเมนในหน้าเว็บของเว็บไซต์ท้องถิ่น
ในหมู่พวกเขาที่อยู่ของสคริปต์ที่ให้ไว้ในบริการข้ามโดเมนนั้นอ้างอิงผ่านแท็กสคริปต์
<! doctype html> <html> <head> <title> test </title> <link rel = "stylesheet" href = "/stylesheets/style.css"> </head> <body> <script src = "http: // localhost: 3001/ad"> </ mu532 </h4> <h4> ออกเดินทาง: ปักกิ่ง </h4> <h4> มาถึง: เซี่ยงไฮ้ </h4> </body> </html>
หลังจากหน้ากำลังทำงานคุณสามารถแสดงรายการข้อมูลผลิตภัณฑ์ที่เข้าชมเช่นภาพด้านล่างและคุณเบื่อมันและคุณกำลังพิมพ์โฆษณาขนาดเล็ก
มันเสร็จแล้ว
ฉันจะแนะนำคุณมากมายเกี่ยวกับความรู้ที่เกี่ยวข้องเกี่ยวกับโปรโมชั่นโฆษณาข้ามโดเมนของคุกกี้ JavaScript และฉันหวังว่ามันจะเป็นประโยชน์กับคุณ!