Cara memaparkan atau mensimulasikan pratonton mudah alih laman web pengguna di laman web

Bagaimana untuk membenamkan pratonton mudah alih laman web sasaran di laman web anda? Oleh kerana batasan dasar homolog, menggunakan iframes secara langsung mungkin mengalami masalah silang domain. Artikel ini akan memperkenalkan penggunaan proksi terbalik untuk menambah tajuk CORS untuk menyelesaikan masalah silang domain, dan memberikan contoh menggunakan iframes dan proksi terbalik untuk melaksanakan pratonton mudah alih, dan juga menyebut secara ringkas bagaimana menggunakan curl untuk mendapatkan kod sumber halaman.

Gunakan proksi terbalik untuk menyelesaikan masalah silang domain

Memuatkan laman web sasaran secara langsung di iframe mungkin menghadapi "menolak untuk menyambung" kesilapan kerana dasar homolog penyemak imbas menghalang permintaan silang domain. Untuk menyelesaikan masalah ini, anda boleh menggunakan proksi terbalik, yang bertindak sebagai orang tengah, mendapat kandungan dari pelayan sasaran dan mengembalikannya kepada klien, sambil menambah tajuk CORS (Sumber Sumber Domain).

CORS di mana -mana adalah proksi terbalik NodeJS yang biasa digunakan secara automatik menambah tajuk CORS.

Menyebarkan COR di mana -mana sahaja

1. Pasang NODEJS dan NPM: Pastikan NodeJS dan NPM (Pengurus Pakej Node) dipasang pada pelayan anda.

2. Pasang CORS di mana sahaja: Gunakan NPM untuk memasang CORS di mana sahaja:

    NPM Install -g Cors -Anywhere

3. Jalankan Cors Di mana sahaja: Mulakan perkhidmatan di mana sahaja:

    CORS-Anywhere-Origin "*" --Requireheader Asal

   • --origin "*" membolehkan permintaan dari mana-mana domain (persekitaran pengeluaran tidak disyorkan, nama domain yang dibenarkan harus ditentukan).
   • -Asal asal memerlukan permintaan mesti mengandungi tajuk asal.

Menggunakan proksi terbalik dalam iframe

Selepas menggunakan CORS di mana -mana, anda boleh menggunakan URL proksi dalam iframe.

 <iframe id="pratonton-frame1" src="http:%20//%20your-cors-anywhere-server/https:%20//www.kd-brows.com/" gaya="ketinggian: 547px; lebar: 320px;">/iframe></iframe>

Gantikan http: // your-cors-anywhere-server dengan alamat CORS anda di mana sahaja. https://www.kd-brows.com/ Gantikan dengan alamat laman web yang anda mahu pratonton.

Nota:

• Keselamatan: --origin "*" mempunyai risiko keselamatan dalam persekitaran pengeluaran dan harus dikonfigurasikan untuk membolehkan akses hanya ke nama domain anda.
• Prestasi: Menggunakan proksi terbalik meningkatkan latensi permintaan kerana pelayan tambahan diperlukan.
• CORS di mana -mana batasan: CORS di mana sahaja sendiri mungkin mempunyai had kadar atau sekatan lain dan perlu diselaraskan mengikut keadaan sebenar.
• Sekatan pada laman web sasaran: Sesetengah laman web mungkin masih menghalang akses melalui proksi, walaupun tajuk CORS ditambah.

Gunakan curl untuk mendapatkan kod sumber halaman (alternatif)

Cara lain ialah menggunakan Curl untuk mendapatkan kod sumber HTML laman web sasaran di sebelah pelayan, dan kemudian menghuraikan dan memaparkannya di laman web anda. Kaedah ini boleh memintas dasar homolog pelayar, tetapi memerlukan sokongan sisi pelayan.

Contoh PHP:

  Php
fungsi get_page_content ($ url) {
  $ ch = curl_init ();
  curl_setopt ($ ch, curlopt_url, $ url);
  curl_setopt ($ ch, curlopt_returntransfer, 1);
  curl_setopt ($ ch, curlopt_useragent, 'mozilla/5.0 (Windows NT 10.0; win64; x64) Applewebkit/537.36 (khtml, seperti gecko) chrome/58.0.3029.110 safari/537.36'); // Tetapkan pengguna-agen
  $ output = curl_exec ($ ch);
  curl_close ($ ch);
  pulangan $ output;
}

$ url = 'https://www.kd-brows.com/';
$ content = get_page_content ($ url);

// Proses $ Kandungan di sini, sebagai contoh, mengeluarkan kandungan utama dan memaparkan echo "<ce>". htmlspecialchars ($ kandungan). "</ce>

Nota:

• Agen Pengguna: Menetapkan curlopt_useragent boleh mensimulasikan tingkah laku pelayar dan mengelakkan akses yang ditolak oleh laman web sasaran yang diiktiraf sebagai crawler.
• Analisis halaman: Selepas mendapatkan kod sumber HTML, ia perlu dihuraikan dan diekstrak kandungan yang perlu dipaparkan. Anda boleh menggunakan domdokumen PHP atau perpustakaan parsing HTML yang lain.
• Pemuatan Sumber: Curl hanya akan memperoleh kod sumber HTML dan tidak akan memuat sumber secara automatik seperti CSS, JavaScript, dan lain -lain. Sumber -sumber ini perlu diproses secara manual, seperti mengubahsuai URL untuk menunjuk ke pelayan anda.
• Risiko Undang -Undang: Apabila merangkak dan menggunakan kandungan dari laman web lain, anda mesti mematuhi undang -undang dan peraturan yang berkaitan dan syarat penggunaan Laman Web.

Meringkaskan

Artikel ini menerangkan dua cara untuk memaparkan atau mensimulasikan pratonton mudah alih laman web pengguna di laman web: menggunakan proksi terbalik dan menggunakan curl untuk mendapatkan kod sumber halaman. Kaedah menggunakan proksi terbalik adalah mudah dan mudah digunakan, tetapi memerlukan penggunaan dan penyelenggaraan pelayan proksi terbalik. Kaedah menggunakan curl lebih fleksibel, tetapi memerlukan parsing halaman dan pemuatan sumber, dan risiko undang -undang perlu diberi perhatian. Kaedah mana untuk dipilih bergantung pada keperluan khusus dan keupayaan teknikal anda.

Atas ialah kandungan terperinci Cara memaparkan atau mensimulasikan pratonton mudah alih laman web pengguna di laman web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!