Saat menggunakan layanan obrolan, Anda harus menerima perjanjian pengguna. Fakta menggunakan layanan berarti penerimaan tanpa syarat terhadap semua klausul perjanjian.

• Kemampuan untuk mengatur desain obrolan yang sepenuhnya disesuaikan dengan menentukan gaya CSS Anda sendiri untuk obrolan tersebut.
• Dimungkinkan untuk menghubungkan milik Anda sendiri skrip JavaScript untuk menyesuaikan obrolan dengan kebutuhan Anda (dengan menghubungi dukungan).
• Buat ruang obrolan terpisah yang muncul sebagai penanda dalam obrolan. Dengan memasuki chat tersebut, selanjutnya pengguna dapat masuk ke dalam satu atau beberapa ruangan yang dibuat oleh administrator chat.
• Menampilkan statistik lalu lintas obrolan dan intensitas komunikasi berdasarkan jam, hari, bulan.
• Dalam obrolan, Anda akan dapat melihat riwayat pesan, tempat semua pesan obrolan selama setahun terakhir disimpan.
• Tautan langsung dari halaman obrolan di layanan kami ke situs web Anda yang ditentukan dalam pengaturan obrolan.
• Penghasilan dari memasang iklan dan kecebong di chat Anda bukan 30%, tapi 60%.
• Akan ada opsi lain untuk obrolan "Profesional" di masa mendatang, yang akan diumumkan di

Dalam tutorial ini kita akan membuat aplikasi web chat sederhana dengan menggunakan PHP dan jQuery. Jenis utilitas ini sangat cocok untuk sistem pendukung online situs web Anda.

Aplikasi chatting yang akan kita bangun hari ini cukup sederhana. Ini akan mencakup sistem login dan logout, kemampuan gaya AJAX, dan juga akan menawarkan dukungan untuk banyak pengguna.

Kita akan memulai tutorial ini dengan membuat file index.php pertama kita.

Obrolan - Modul Pelanggan

Selamat datang,

Keluar dari Obrolan

• Kita akan memulai html kita dengan tag DOCTYPE, html, head, dan body yang biasa. Di tag head kita akan menambahkan judul dan link ke style sheet css kita (style.css).
• Di dalam tag body, kita menyusun tata letak kita di dalam div wrapper #wrapper. Kami akan memiliki tiga blok utama: menu sederhana, jendela obrolan dan kolom input untuk pesan kami; masing-masing dengan div dan id yang sesuai.
  • Blok menu #menu div akan terdiri dari dua paragraf. Yang pertama akan menjadi salam bagi pengguna dan akan melayang ke kiri, dan yang kedua akan menjadi link ke pintu keluar dan akan melayang ke kanan. Kami juga akan menyertakannya blok div untuk membersihkan barang.
  • Div #chatbox akan berisi log obrolan kita. Kami akan mengunduh log kami dari berkas eksternal menggunakan permintaan ajax jQuery.
  • Item terakhir di div #wrapper kita adalah formulir, yang akan menyertakan kolom input teks untuk pesan pengguna dan tombol kirim.
• Kami menambahkan skrip kami terakhir untuk memuat halaman lebih cepat. Pertama kita akan memasukkan Tautan Google jQuery CDN karena dalam tutorial ini kita akan menggunakan perpustakaan jQuery. Tag skrip kedua kami akan menjadi tempat kami akan bekerja. Kami akan mengunggah semua kode kami setelah dokumen siap.

Sekarang kita akan menambahkan beberapa css untuk membuat aplikasi obrolan kita terlihat lebih baik daripada gaya browser default. Kode di bawah ini akan ditambahkan ke file style.css kita.

/* Dokumen CSS */ isi ( font:12px arial; warna: #222; text-align:center; padding:35px; ) bentuk, p, span ( margin:0; padding:0; ) masukan ( font:12px arial ; ) a ( color:#0000FF; text-decoration:none; ) a:hover ( text-decoration:underline; ) #wrapper, #loginform ( margin:0 auto; padding-bottom:25px; background:#EBF4FB; lebar :504px; border:1px solid #ACD8F0; ) #loginform ( padding-top:18px; ) #loginform p ( margin: 5px; ) #chatbox ( perataan teks:kiri; margin:0 otomatis; margin-bawah:25px; padding:10px; tinggi:270px; batas:1px padat #ACD8F0; #usermsg ( lebar:395px; batas:1px padat #ACD8F0; ) #kirim ) .error ( warna: #ff0000; ) #menu ( padding:12.5px 25px 12,5px 25px; ) .selamat datang ( float:kiri; ) .logout ( float:kanan; ) .msgln ( margin:0 0 2px 0; )

Tidak ada yang istimewa pada css di atas selain fakta bahwa beberapa id atau kelas yang kita styling akan ditambahkan nanti.

Seperti yang Anda lihat di atas, kita sudah selesai membangun antarmuka pengguna mengobrol.

Sekarang kita akan menerapkannya bentuk sederhana, yang akan menanyakan namanya kepada pengguna sebelum mengizinkannya lebih jauh.

Fungsi loginForm() yang kita buat terdiri dari formulir login sederhana yang menanyakan nama pengguna. Kami kemudian menggunakan konstruksi if else untuk memeriksa apakah pengguna telah memasukkan nama. Jika orang tersebut memasukkan nama, kami menetapkannya ke $_SESSION["name"]. Karena kita menggunakan sesi berbasis cookie untuk menyimpan nama, kita harus memanggil session_start() sebelum mencetak apa pun ke browser.

Ada satu hal yang mungkin ingin Anda tunjukkan. perhatian khusus- bahwa kami menggunakan fungsi htmlspecialchars(), yang mengkonversi karakter khusus dalam HTML entitas, sehingga melindungi nama variabel agar tidak menjadi korban skrip lintas situs (XSS). Kami juga akan menambahkan fungsi ini nanti ke variabel teks yang akan dipublikasikan di log obrolan.

Untuk menampilkan formulir login jika pengguna tidak login dan oleh karena itu tidak ada sesi yang dibuat, kami menggunakan pernyataan if else lain di sekitar div #wrapper dan tag skrip di kami kode sumber. Jika tidak, jika pengguna login dan telah membuat sesi, kode ini akan menyembunyikan formulir login dan menampilkan jendela obrolan.

Selamat datang,

Keluar dari Obrolan

Kami belum selesai membuat sistem login untuk aplikasi obrolan ini. Kami masih perlu memberikan opsi kepada pengguna untuk keluar dan mengakhiri sesi obrolan. Seperti yang mungkin Anda ingat, markup HTML asli kami menyertakan menu sederhana. Mari kita kembali dan menambahkan beberapa kode PHP yang akan memberikan fungsionalitas lebih pada menu.

Pertama-tama, mari tambahkan nama pengguna ke pesan selamat datang. Kami akan melakukan ini dengan mengeluarkan sesi nama pengguna.

Selamat datang,

Untuk memungkinkan pengguna keluar dan mengakhiri sesi, kita akan berlebihan dan menggunakan jQuery sebentar.

// Dokumen jQuery $(document).ready(function())( //Jika pengguna ingin mengakhiri sesi $("#exit").click(function())( var exit = konfirmasi("Apakah Anda yakin ingin untuk mengakhiri sesi?"); if(exit==true)(window.location = "index.php?logout=true";) )); ));

Kode jquery di atas hanya menampilkan dialog konfirmasi jika pengguna mengklik link #exit. Jika pengguna mengonfirmasi logout, sehingga memutuskan untuk mengakhiri sesi, kami akan mengirimkannya ke index.php?logout=true. Ini hanya akan membuat variabel bernama logout dengan nilai true. Kita harus mencegat variabel ini menggunakan PHP:

If(isset($_GET["logout"]))( //Pesan keluar sederhana $fp = fopen("log.html", "a"); fwrite($fp, " Pengguna ".$_SESSION["nama"] ." telah meninggalkan sesi obrolan.
"); fclose($fp); session_destroy(); header("Lokasi: index.php"); //Arahkan pengguna )

Sekarang kita akan melihat apakah variabel get "logout" ada menggunakan fungsi isset(). Jika variabel dilewatkan melalui url, seperti tautan yang disebutkan di atas, kami melanjutkan untuk mengakhiri sesi pengguna dengan nama saat ini.

Sebelum menghancurkan sesi pengguna dengan nama saat ini menggunakan fungsi session_destroy(), kami ingin menampilkan pesan logout sederhana di log obrolan. Ini akan mengatakan bahwa pengguna telah meninggalkan sesi obrolan. Kita akan melakukan ini dengan menggunakan fungsi fopen(), fwrite(), dan fclose() untuk memanipulasi file log.html kita, yang, seperti yang akan kita lihat nanti, akan dibuat sebagai log obrolan kita. Harap dicatat bahwa kami telah menambahkan kelas "msgln" ke div. Kami sudah menentukan gaya css untuk blok ini.

Setelah melakukan ini, kami menghancurkan sesi tersebut dan mengarahkan pengguna ke halaman yang sama di mana formulir login akan muncul.

Setelah pengguna mengkonfirmasi tindakannya di formulir kita, kita perlu menangkap input keyboardnya dan menuliskannya ke log obrolan kita. Untuk melakukan ini, kita harus menggunakan jQuery dan PHP untuk bekerja secara sinkron di sisi server dan sisi klien.

Hampir semua yang akan kita lakukan dengan jQuery untuk memproses data kita akan berkisar pada permintaan posting jQuery.

//Jika pengguna mengirimkan formulir $("#submitmsg").click(function())( var clientmsg = $("#usermsg").val(); $.post("post.php", (teks: pesan klien )); $("#usermsg").attr("nilai", ""); mengembalikan salah;

Harap dicatat bahwa kode di atas akan masuk ke tag skrip kami di mana kami menempatkan kode logout jQuery.

Pada saat ini kita punya data POSTING, dikirim ke file post.php setiap kali pengguna mengirimkan formulir dan mengirim pesan baru. Tugas kita sekarang adalah menangkap data ini dan menuliskannya ke log obrolan kita.

Segala sesuatu yang diposting pengguna diproses dan dipublikasikan menggunakan jQuery; itu ditulis ke log obrolan menggunakan PHP. Satu-satunya hal yang perlu dilakukan adalah menampilkan log obrolan yang diperbarui kepada pengguna.

Untuk menghemat waktu, kami akan memuat log obrolan ke dalam div #chatbox seolah-olah berisi sesuatu.

Kami menggunakan prosedur yang mirip dengan yang kami gunakan pada file post.php, namun kali ini kami hanya membaca dan menampilkan konten file.

Permintaan ajax adalah inti dari semua yang kami lakukan. Permintaan ini tidak hanya memungkinkan kami mengirim dan menerima data melalui formulir tanpa menyegarkan halaman, tetapi juga memungkinkan kami memproses data yang diminta.

//Muat file yang berisi fungsi log obrolan loadLog())( $.ajax(( url: "log.html", cache: false, sukses: function(html)( $("#chatbox").html(html ) ; //Masukkan log obrolan ke dalam div #chatbox ), ));

Kami akan membungkus permintaan ajax kami dalam sebuah fungsi. Anda akan mengetahui alasannya sekarang. Seperti yang Anda lihat di atas, kami hanya menggunakan tiga objek permintaan jQuery ajax.

• url : string URL untuk permintaan. Kami menggunakan nama file log obrolan kami log.html.
• cache : Ini akan mencegah file kita di-cache. Ini akan memastikan bahwa setiap kali kami mengirim permintaan, kami akan memiliki log obrolan yang diperbarui.
• sukses : Ini akan memungkinkan kita untuk melampirkan fungsi yang akan meneruskan data yang kita minta.

Seperti yang Anda lihat, kami kemudian memindahkan data yang kami minta (html) ke dalam div #chatbox.

Seperti yang mungkin kita lihat di aplikasi obrolan lainnya, konten secara otomatis bergulir ke bawah jika wadah log obrolan (#chatbox) penuh. Kami akan menerapkan fitur sederhana dan serupa yang akan membandingkan ketinggian scrollbar penampung sebelum dan sesudah kami membuat permintaan ajax. Jika tinggi scrollbar menjadi lebih besar setelah permintaan, kami menggunakan efek animasi jQuery untuk menggulir div #chatbox.

//Muat file yang berisi fungsi log obrolan loadLog())( var oldscrollHeight = $("#chatbox").attr("scrollHeight") - 20; //Tinggi gulir sebelum permintaan $.ajax(( url: " log .html", cache: false, sukses: function(html)( $("#chatbox").html(html); //Masukkan log obrolan ke div #chatbox //Gulir otomatis var newscrollHeight = $(" # chatbox").attr("scrollHeight") - 20; //Tinggi gulir setelah permintaan if(newscrollHeight > oldscrollHeight)( $("#chatbox").animate(( scrollTop: newscrollHeight ), "normal"); / / Gulir otomatis ke bagian bawah div ) ), ));

• Pertama kita akan menyimpan tinggi scrollbar div #chatbox ke dalam variabel oldscrollHeight sebelum mengeksekusi permintaan tersebut.
• Setelah kueri kami berhasil, kami akan menyimpan tinggi bilah gulir div #chatbox ke dalam variabel newscrollHeight.
• Kami kemudian akan membandingkan tinggi scrollbar di kedua variabel menggunakan pernyataan if. Jika newscrollHeight lebih besar dari oldscrollHeight, kami menggunakan efek animasi untuk menggulir div #chatbox.

Sekarang mungkin timbul pertanyaan bagaimana caranya sering kami akan memperbarui data baru yang ditransfer antar pengguna. Atau untuk mengulangi pertanyaannya, dengan keteraturan apa kami akan mengirimkan permintaan terus-menerus untuk memperbarui data?

SetInterval(loadLog, 2500); //Muat ulang file setiap 2500 ms atau x ms jika Anda ingin mengubah parameter kedua

Jawaban atas pertanyaan kita terletak pada fungsi setInterval. Fungsi ini akan menjalankan fungsi loadLog() kami setiap 2,5 detik, yang akan meminta file yang diperbarui dan menggulir blok secara otomatis.

Kita sudah selesai! Saya harap Anda telah mempelajari cara kerjanya sistem dasar mengobrol, dan jika Anda memiliki permintaan, saya akan dengan senang hati menyambutnya. Ini adalah maksimum sistem sederhana aplikasi obrolan, yang dapat Anda buat sebagai aplikasi obrolan. Anda dapat mengembangkannya dan membangun beberapa ruang obrolan, menambahkan area admin, emotikon, dll. Di sini, batasmu adalah langit.

Berikut adalah beberapa tautan yang mungkin ingin Anda periksa jika Anda berpikir untuk memperluas aplikasi obrolan ini:

• Lindungi formulir Anda dengan kunci formulir - hindari XSS (skrip lintas situs) dan pemalsuan permintaan lintas situs.
• Mengirimkan formulir tanpa menyegarkan halaman menggunakan jQuery - perpanjang permintaan ajax kami
• Cara membuat permintaan AJAX dalam Javascript murni - pelajari cara kerja dapur permintaan dalam javascript murni.

• Ikuti kami

Saluran musik asing apa yang ada di sana?
Situs web resmi saluran TV musik Rusia: Bridge Tv - saluran untuk anak muda dan orang yang aktif yang menyukai musik dengan gaya “EuroPop”. Di udara, Anda tidak hanya dapat melihat klip baru, tetapi juga klip terkenal, yang dikaitkan dengan banyak kenangan indah Music Box Rus - Pertama di Rusia 1

Apa itu "Lelucon Bagus"
Lelucon yang bagus - lucu program televisi di saluran STS. Pembawa acara: Mikhail Shats, Tatyana Lazareva dan Alexander Pushnoy. Aturan: Pertunjukan ini adalah permainan yang dibangun berdasarkan prinsip “pertarungan lucu tanpa aturan”. Dua tim yang terdiri dari penyanyi, aktor, atlet, presenter TV dan lain-lain orang-orang terkenal- biasanya

Siapa yang menulis novel "Harpy"
Henry Lyon Oldie adalah nama samaran kolektif penulis Ukraina Dmitry Evgenievich Gromov dan Oleg Semenovich Ladyzhensky. Nama samaran terdiri dari suku kata pertama nama penulis: Oleg (OL) dan Dima (DI). Nama Henry Lyon harus ditemukan kemudian, karena menurut aturan salah satu penerbit, penulis diharuskan menyebutkan nama lengkapnya. Nama Ge

Pada tahun berapa kota Miass didirikan?
Miass adalah sebuah kota di wilayah Chelyabinsk (Rusia). Kota ini terletak di Sungai Miass di kaki Pegunungan Ilmen, 96 km barat daya pusat regional - Chelyabinsk. Tidak jauh dari kota terdapat Cagar Mineralogi Ilmensky. Luas wilayah kota 111,9 km2, jumlah penduduk 151,8 ribu jiwa.

Apa arti nama Efim itu?
Perhatian: Informasi yang disajikan di bawah ini tidak memiliki dasar ilmiah. Efim Artinya: “saleh”, “penyayang”. Asal: Berasal dari bahasa Yunani kuno "euphemos". Ia datang ke Rusia dari Byzantium bersama dengan agama Kristen. Pelindung nama itu adalah Martir Suci

Saat kopling diaktifkan
Saat kopling diaktifkan pada mobil Kaki kanan berada di atas pedal gas. Anda perlu menekan pedal kopling dan mengaktifkan gigi 1. Sambil tetap menekan kopling, lepaskan mobil dari rem tangan. Agar tidak ketinggalan momen pengaktifan kopling, maka pedal kopling harus dilepas perlahan-lahan sambil memperhatikan tingkah laku mobil. Momen pemicu

Di mana rekor dunia lari satu jam pertama kali dibuat?
Lari satu jam merupakan salah satu jenis olahraga lari atletik yang hasilnya ditentukan oleh jarak yang ditempuh pelari dalam satu jam sepanjang lintasan stadion. Disiplin ini diakui oleh Asosiasi Internasional Federasi Atletik IAAF;

Hidangan Prapaskah apa yang ada?
Wikipedia - informasi ensiklopedis tentang puasa Kelahiran; pravoslavie.ru - informasi tentang puasa Kelahiran (fitur nutrisi, dll.); zavet.ru - sejarah asal usul puasa Natal, aturan dasar; patriarkia.ru - situs web Gereja Ortodoks Rusia, tentang sejarah berdirinya puasa dan maknanya

Cara membuat simulator alarm
Flasher LED - rangkaian Deskripsi rangkaian Rangkaian ini adalah yang paling sederhana multivibrator berujung tunggal, yang menyebabkan LED menyala sebentar-sebentar. Frekuensi lampu kilat LED ditentukan oleh frekuensi pembangkitan multivibrator. Ketika sumber listrik dihidupkan, arus kolektor transistor VT2 akan berubah secara tiba-tiba dari nol ke nilai awal, yang ditentukan oleh resistor R

Cara menghilangkan lingkaran hitam di bawah mata
Penyebab lingkaran hitam di bawah mata Lingkaran hitam dan bengkak di bawah mata merupakan masalah kosmetik yang cukup umum. Penyebab utamanya adalah pelanggaran aliran limfatik dan vena. Lingkaran hitam dan lebam di bawah mata muncul karena kurang tidur, terlalu banyak bekerja, atau terlalu banyak menangis. Selain itu, hal ini mungkin disebabkan oleh pigmentasi berlebih atau

Sudah lama menjadi praktik umum dimana setiap pengunjung dapat menghubungi administrator situs. Ini adalah elemen yang harus dimiliki untuk proyek apa pun. Tapi biasa saja formulir kontak tidak akan menggantikan yang hidup obrolan daring di situs web.

Pada artikel ini Anda akan mempelajari cara membuat chat online di website menggunakan plugin. Ini adalah tingkat yang baru masukan dengan pengunjung yang secara signifikan meningkatkan proyek apa pun.

Tidak semua jenis situs bisa menggunakan chat online dengan segala kegunaannya. Di beberapa tempat hal ini akan efektif, dan di tempat lain hal ini akan menjadi elemen yang tidak diperlukan.

• Obrolan online di situs akan sangat berguna pada proyek layanan, yaitu proyek di mana pengunjung berinteraksi dengan sumber daya. Misalnya saja di toko online, kursus pelatihan, forum, dan proyek interaktif lainnya.
• Akan sangat tidak menguntungkan menggunakan obrolan online di situs yang pengunjungnya hanya datang untuk membaca informasi, misalnya blog informasi. Ada cukup banyak proyek seperti itu bentuk biasa kontak dan komentar.

Berdasarkan apa yang dijelaskan, pilih apakah Anda membutuhkannya.

Obrolan online di situs memiliki keuntungan berikut ini dan kekurangannya:

• Di antara kelebihannya, perlu diperhatikan bahwa pengunjung dapat menerimanya kapan saja bantuan cepat pada pertanyaan yang menarik baginya.
• Di antara kekurangannya, perlu diperhatikan bahwa seseorang harus selalu online dan siap merespons dengan cepat, yang terkadang sulit dan mahal.

Akhirnya sampai tugas utama– cara membuat obrolan online. Untuk melakukan ini, Anda harus menggunakan plugin Wise Chat. Ini sederhana dan mudah, tapi Bahasa inggris, jadi Anda harus mencari tahu.

Setelah menginstal dan mengaktifkan plugin di situs web Anda, Anda perlu membuka sub-item “Pengaturan” “Pengaturan Obrolan Bijaksana”. Berikut semua pengaturan yang dimiliki plugin ini. Mereka dibagi menjadi beberapa bagian. Ada banyak pengaturan, jadi kami tidak akan mempertimbangkannya. Jumlah opsi ini memungkinkan Anda menyempurnakan obrolan untuk tugas apa pun yang diperlukan.

Untuk menampilkan obrolan di situs web, Anda perlu menggunakan widget dengan nama yang sama. Dia ada di antara semua orang. Di antara pengaturan widget obrolan hanya ada judul dan kemampuan untuk mengeksekusi kode pendek apa pun jika diperlukan.

Saya rasa Anda masing-masing tahu apa itu obrolan. Dan sering kali di situs web Anda dapat menemukan ruang obrolan kecil atau ruang obrolan yang cukup besar dan kompleks. Pada artikel ini saya akan menjelaskan prinsip membuat chat. Harap dicatat bahwa artikel ini tidak akan melakukannya kode siap"disalin-tempel", tetapi hanya algoritma yang Anda miliki pengetahuan yang diperlukan, Anda dapat melakukan obrolan.

Fitur Utama obrolan adalah kontennya diperbarui secara otomatis. Di sinilah segala kesulitan muncul.

Pertama, mari kita lihat struktur tabel di database. Berikut adalah bidang yang wajib diisi:

• id - pengidentifikasi unik.
• nama - nama orang yang meninggalkan pesan. Mungkin juga ada, misalnya, user_id , yang berarti id pengguna dari tabel lain.
• pesan - teks pesan itu sendiri.
• tanggal - tanggal pesan dikirim.

Tentu saja ini hanyalah sebuah contoh. Anda dapat menambahkan banyak bidang lainnya, sehingga memperluas kemampuan obrolan Anda.

Sekarang Anda perlu menampilkan kode HTML:

Dalam kode ini, sekali lagi, semuanya hanyalah sebuah contoh. Anda dapat mengubah semuanya dengan aman, tetapi prinsipnya harus sama: ada tempat di mana pesan ditampilkan, dan pesan tersebut ditampilkan dalam bentuk yang sama. Selain kolom tempat pesan ditampilkan, terdapat kolom teks dan tombol "Kirim".

Pastikan untuk mengatur ketinggian tetap untuk blok obrolan sehingga ketika Anda menambahkan pesan baru, blok ini tidak bertambah, dan juga letakkan bilah gulir di atasnya sehingga Anda dapat melihat semua pesan. Semua ini dilakukan menggunakan CSS.

Sekarang mari beralih ke JavaScript:

fungsi kirim() (
var pesan = document.getElementById("pesan").nilai;
var nama = "Tamu";
/* Ini adalah blok untuk mengirim permintaan POST dengan data (misalnya melalui Ajax) */
}
pembaruan fungsi() (
/* Di sini mengirimkan permintaan untuk menerima semua pesan (misalnya melalui Ajax) */
/* Di sini, pesan dikeluarkan dalam format tertentu langsung ke kode HTML menggunakan DOM atau JQuery. */
}
setInterval("perbarui()", 1000); // Segarkan jendela obrolan setiap detik

Dan terakhir, kode PHP (menambahkan pesan baru):

DAN berkas terakhir yang Anda butuhkan adalah mendapatkan semua pesan dari tabel:

Selesai, lingkaran ditutup dan obrolan berfungsi. Seperti yang Anda lihat, melakukan obrolan cukup sulit dan Anda harus memiliki banyak pengetahuan. Namun saya harap artikel ini akan membuat tugas ini lebih mudah bagi Anda. Benar-benar obrolan apa pun, betapapun rumitnya, didasarkan pada prinsip-prinsip yang dijelaskan dalam artikel ini, sehingga Anda dapat menggunakannya sebagai kerangka kerja dengan aman.