Saya memiliki situs jarak jauh yang sudah ada yang memiliki Autentikasi untuk mengakses, sekarang saya ingin menggabungkan situs ini di situs saya sendiri menggunakan iframe. Apakah ada solusi yang dapat membantu untuk login otomatis ke situs jarak jauh saat memuat iframe?
<iframe src="http://remote.com/list"></iframe>
Jika ingin mengakses http://remote.com/list, login memerlukan dan hanya memposting nama pengguna/kata sandi yang berfungsi. Bagaimana cara login otomatis saat iframe dimuat?
Berikut adalah beberapa batasannya
Segalanya mungkin. Namun solusi di bawah ini sangat tidak aman karena pengungkapan detail akses ke halaman jarak jauh.
<form id="login" target="frame" method="post" action="http://remote.com/login">
<input type="hidden" name="username" value="login" />
<input type="hidden" name="password" value="pass" />
</form>
<iframe id="frame" name="frame"></iframe>
<script type="text/javascript">
// submit the form into iframe for login into remote site
document.getElementById('login').submit();
// once you're logged in, change the source url (if needed)
var iframe = document.getElementById('frame');
iframe.onload = function() {
if (iframe.src != "http://remote.com/list") {
iframe.src = "http://remote.com/list";
}
}
</script>
Nilai masukan username
dan password
dapat dibaca di sisi klien.