Tunggu Sebentar ...

Membuat Form Sederhana Untuk Update Status Twitter

Ditulis oleh

Setelah beberapa hari yang lalu saya mencatat tentang membuat kicauan twitter tampil di website dengan slideshow carousel bootstrap dengan php, nah sekarang saya mau mencatat tentang membuat form sederhana untuk update status twitter. Tetap beracuan pada tulisan kemarin itu, saya juga masih menggunakan API dari twitter.  Sebelumnya, pastikan dulu kalau kita sudah buat apps ditwitter, jika belum buat, maka silakan buat dulu, caranya bisa dibaca link ini.

Karena saat kita selesai membuat apps ditwitter, maka kita akan mendapatkan access token, yang mana itu dibutuhkan pada catatan ini, yaitu membuat form sederhana untuk update status ditwitter. Catatan ini hanyalah dari segi sederhana, silakan kembang sendiri jika ingin canggih-canggihan.

Untuk membuat form sederhana update status twitter ini, saya membuat 2 file, yaitu :

1. form-status.html
2. update-status.php

Nah, jangan lupa juga, kita butuh jquery. Pada catatan ini saya memakai jquery 2.0,1. Sila download jquery disini.

1. form-status.html

<html>
   <head>
      <title>Update Status Sendiri - Danni Moring</title>
   </head>
<body>
<form name="frmtwitter" id="frmtwitter" action="update-status.php">
Status
<br>
<textarea name="statusku" id="statusku" cols="50"></textarea><span id="jmlkarakter">140</span> Karakter
<br>
<input type="button" id="tombolkirim" value="Kirim">
</form>
<script type="text/javascript" src="jquery-2.0.1.min.js"></script>
<script>
  var action = $('#frmtwitter').prop('action');
 
  $(document).ready(function(){
    $('#tombolkirim').click(function(){
        kirimstatus();
    });
    $('#statusku').keyup(function(){
       var statusku = $('#statusku').val();
       if(statusku.length > 140){
          alert('Engga boleh lebih dari 140 karakter');
          /* untuk mematikan tombol kirim */
          $('#tombolkirim').prop('disabled',true); 
       } else {
	  jmlkarakter = 140 - statusku.length;
          $('#jmlkarakter').html(jmlkarakter);

          /* ini untuk mengaktifkan kembali tombol kirim */
	  $('#tombolkirim').prop('disabled',false);
        }
     });
  });
  
  function kirimstatus(){
     $.ajax({
        type: "POST",
        url: action,
        data: $('#frmtwitter').serialize(),
        cache: false,
        success: function(msg){
	  if(msg == 'sukses') {
	     alert('Kirim Twitter Sukses');
	     location.href = 'form-status.html';
	  } else {
	     alert('Kirim Twitter Gagal');
          }	    
	  return false;
        },  
	error: function(e){  
	  alert('Error: ' + e);  
        }  
     });
  }	
</script>
</body>
</html>

Nanti hasilnya seperti gambar ini

2. update-status.php

<?php
/* twitter */

require_once("twitteroauth/twitteroauth/twitteroauth.php");

/* ini didapat dari apps twitter yang dibuat */
$APIkey            = "xxxxxxxxxxxxxxxxxx"; 
$APIsecret         = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
$accesstoken       = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
$accesstokensecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

$connection = new TwitterOAuth($APIkey, $APIsecret, $accesstoken, $accesstokensecret);

$status = isset($_POST['statusku']) ? trim($_POST['statusku']): '';
$trim_user = true;
$include_entities = true;

if($status != '') {
  $kicauanku = $connection->post("https://api.twitter.com/1.1/statuses/update.json?status=".htmlentities($status)."&trim_user=".$trim_user."&include_entities=".$include_entities);
  $pesan = "sukses";
} else {
  $pesan = "error";
}
echo $pesan;
?>

Sekarang kita coba tes update dari form sederhana tadi, dan ini hasilnya jika dilihat dari twitter via web

Ini masih banyak kekurangan dan bug nya, silakan kembangkan sendiri. Nanti hasilnya twit kita menggunakan "nama apps twitter kita". Apps twitter saya beri nama "dannimoring". Jadi, jika dilihat dari sebagian twitter client akan terlihat "dannimoring", contohnya jika dilihat dari tweetdect versi web


 

Ditumpuk didalam berkas : Catatan Belajar , PHP , Sosial Media / Dunia Maya
Yang berkomentar (4)
Setiap komentar yang tampil adalah hasil dari persetujuan Admin

Komentar untuk "Membuat Form Sederhana Untuk Update Status Twitter"

Wanda
10-08-2016 09:44

alert nya sudah sukses tapi pas saya cek di twitter nya ko ga ada ya gan? mohon penjelasan nya

Komentar via web

Balas
Danni Moring
10-08-2016 12:23

$APIkey = "xxxxxxxxxxxxxxxxxx";
$APIsecret = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
$accesstoken = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
$accesstokensecret = = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";

sudah diisi sesuai ? terus perhatikan juga peraturan API dari twitter, saya sudah ga update lagi tentang API twitter, apakah API twitter diperbaharui lagi atau engga...

Komentar via web

Balas
wawan
25-01-2016 23:50

require_once("twitteroauth/twitteroauth/twitteroauth.php");
kok gak jelas kemana ya??
mohon di jelaskan. soalnya saya coba gak bisa

Komentar via web

Balas
Danni Moring
26-01-2016 07:33

itu pake php library twitteroauth..sebenarnya tulisan ini itu berhubungan dengan http://dannimoring.net/baca/membuat-kicauan-twitter-tampil-di-website-dengan-slideshow-carousel-bootstrap-dengan-php ....link itu padahal sudah ditautkan pada paraghrap pertama..di halaman yang di link-kan itu, ada link juga untuk downloat php library nya...makanya ditulisan ini engga dijelaskan lagi cara download php library twitteroauth...coba mas setiap link yang saya tautkan, di klik...karena itu berhubungan, makanya saya tautkan..jadi klo ga di klik, jd terkesan ga jelas dapat darimana php library twitteroauth nya...

Komentar via web

Balas


Mau dapat tambahan dollar dengan kemampuan desainmu ? ayo salurkan bakat desainmu dengan mengupload desain yang kamu buat dan bisa menghasilkan pendapatanmu jika desain kamu laku terjual di produk teepublic. Klik disini untuk register. Semoga sukses ya