Back-end Archives - Share the best on internet

Back-end

Không bắt được sự kiện event function sau khi click vào dữ liệu được show data từ ajax

Sẽ có trường hợp khi các bạn show dữ liệu data từ ajax và thử tiến hành click hay bắt các sự kiện trên data được show từ ajax sẽ không thực thi nếu các bạn vẫn thực hiện các cách thông thường. Để… Read More

Bài học về lâp trình plugin extensions trên trình duyệt chrome A – Z

2 months ago by kaisanCSS

Để thành thạo các bạn cần có kiến thức liên quan, html, css, javascript Tài liệu liên quan đến các lệnh và hàm trong lập trình plugin extensions: https://developer.chrome.com/extensions/overview Các ví dụ: https://developer.chrome.com/apps/richNotifications Có thể học bằng cách tải các extensions của người khác về mổ… Read More

Viết ứng dụng thông báo lên trình duyệt giống Facebook

2 months ago by kaisanLập trình web

Chào các bạn, bài viết hôm nay mình sẽ hướng dẫn các bạn tạo một thông báo trên trình duyệt đơn giản bằng Javascript, chức năng này giống như chức năng thông báo có bình luận mới mà facebook đang sử dụng. Trước khi vào bài… Read More

Cách sử dụng Firebase làm data và hosting lưu trữ

2 months ago by kaisanLập trình web

Truy cập https://console.firebase.google.com Tạo tài khoản Sau đó chọn mục Database và nhớ chọn REALTIME DATABASE thì mới sử dụng được – và thiết lập true cho thuộc tính read và write Tạo file index.php như sau:

<!DOCTYPE html>
<div>
  <ul id="messages"></ul>
  <form id="message-form">
    <input type="text" id="message">
    <button type="submit">Send</button>
  </form>
</div>
<script src="main.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.9.1/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyDRL0h-gZqxZen__ZVzA_EGECCB7LSr270",
    authDomain: "my-project-1-213304.firebaseapp.com",
    databaseURL: "https://my-project-1.firebaseio.com",
    projectId: "my-project-1-213304",
    storageBucket: "my-project-1-213304.appspot.com",
    messagingSenderId: "345269316930"
  };
  firebase.initializeApp(config);
</script>

<!DOCTYPE html>

<div>

</form>

</div>

// Initialize Firebase

var config = {

apiKey: "AIzaSyDRL0h-gZqxZen__ZVzA_EGECCB7LSr270",

authDomain: "my-project-1-213304.firebaseapp.com",

databaseURL: "https://my-project-1.firebaseio.com",

projectId: "my-project-1-213304",

storageBucket: "my-project-1-213304.appspot.com",

messagingSenderId: "345269316930"

};

firebase.initializeApp(config);

</script>

Tạo file main.js như sau:

// Initializes Chat
function Chat() {
  if (!window.firebase || !(firebase.app instanceof Function) || !window.config) {
    window.alert('You have not configured and imported the Firebase SDK.');
    return;
  }
 
  // Initialize Firebase database connection.
  this.database = firebase.database();
 
  // Shortcuts to DOM Elements.
  this.messageList = document.getElementById('messages');
  this.messageForm = document.getElementById('message-form');
  this.messageInput = document.getElementById('message');
 
  // Saves message on form submit.
  this.messageForm.addEventListener('submit', this.saveMessage.bind(this));
 
  // Load previous chat messages.
  this.loadMessages();
 
  // Focus on the input
  this.messageInput.focus();
}

// Loads chat messages history and listens for upcoming ones.
Chat.prototype.loadMessages = function() {
  // Reference to the /messages/ database path.
  this.messagesRef = this.database.ref('messages');
  // Make sure we remove all previous listeners.
  this.messagesRef.off();
 
  // Loads the last 12 messages and listen for new ones.
  var setMessage = function(data) {
    var val = data.val();
    this.displayMessage(data.key, val.text);
  }.bind(this);
  this.messagesRef.limitToLast(12).on('child_added', setMessage);
  this.messagesRef.limitToLast(12).on('child_changed', setMessage);
};
 
// Displays a Message in the UI.
Chat.prototype.displayMessage = function(key, text) {
  var msg = document.getElementById(key);
  // If an element for that message does not exists yet we create it.
  if (!msg) {
    var msg = document.createElement('li');
    msg.innerHTML = text;
    msg.setAttribute('id', key);
    this.messageList.appendChild(msg);
  }
};

// Saves a new message on the Firebase DB.
Chat.prototype.saveMessage = function(e) {
  e.preventDefault();
  // Check that the user entered a message.
  if (this.messageInput.value) {
    // Add a new message entry to the Firebase Database.
    this.messagesRef.push({text: this.messageInput.value}).then(function() {
      // Clear message text field and focus on it.
      this.messageInput.value = '';
      this.messageInput.focus();
    }.bind(this)).catch(function(error) {
      console.error('Error writing new message to Firebase Database', error);
    });
  }
};

window.onload = function() {
  new Chat();
};

// Initializes Chat

function Chat() {

if (!window.firebase || !(firebase.app instanceof Function) || !window.config) {

window.alert('You have not configured and imported the Firebase SDK.');

return;

}

// Initialize Firebase database connection.

this.database = firebase.database();

// Shortcuts to DOM Elements.

this.messageList = document.getElementById('messages');

this.messageForm = document.getElementById('message-form');

this.messageInput = document.getElementById('message');

// Saves message on form submit.

this.messageForm.addEventListener('submit', this.saveMessage.bind(this));

// Load previous chat messages.

this.loadMessages();

// Focus on the input

this.messageInput.focus();

}

// Loads chat messages history and listens for upcoming ones.

Chat.prototype.loadMessages = function() {

// Reference to the /messages/ database path.

this.messagesRef = this.database.ref('messages');

// Make sure we remove all previous listeners.

this.messagesRef.off();

// Loads the last 12 messages and listen for new ones.

var setMessage = function(data) {

var val = data.val();

this.displayMessage(data.key, val.text);

}.bind(this);

this.messagesRef.limitToLast(12).on('child_added', setMessage);

this.messagesRef.limitToLast(12).on('child_changed', setMessage);

};

// Displays a Message in the UI.

Chat.prototype.displayMessage = function(key, text) {

var msg = document.getElementById(key);

// If an element for that message does not exists yet we create it.

if (!msg) {

var msg = document.createElement('li');

msg.innerHTML = text;

msg.setAttribute('id', key);

this.messageList.appendChild(msg);

}

};

// Saves a new message on the Firebase DB.

Chat.prototype.saveMessage = function(e) {

e.preventDefault();

// Check that the user entered a message.

if (this.messageInput.value) {

// Add a new message entry to the Firebase Database.

this.messagesRef.push({text: this.messageInput.value}).then(function() {

// Clear message text field and focus on it.

this.messageInput.value = '';

this.messageInput.focus();

}.bind(this)).catch(function(error) {

console.error('Error writing new message to Firebase Database', error);

});

}

};

window.onload = function() {

new Chat();

};

Google AMP là gì ? Hướng dẫn cài đặt AMP cho website

3 months ago by kaisanLập trình web

Giới thiệu: Google AMP là từ viết tắt của Accelerated Mobile Pages là trang tăng tốc độ truy cập dành cho thiết bị di động, người dùng khi click vào website hỗ trợ AMP được hiển thị trên kết quả tìm kiếm sẽ cảm nhận tốc độ nhanh tới… Read More

Chức năng login with google+ api

4 months ago by kaisanLập trình web

oogle OAuth API provides an easy and powerful way to integrate the login system on the website. Google Login API allows the user to sign into the website using their Google account without sign up on that website. Google login system definitely helps to increase the… Read More

Hướng dẫn cache toàn bộ dữ liệu website lên CloudFlare

4 months ago by kaisanLập trình web

Theo mặc định, CloudFlare chỉ cache các file dữ liệu tĩnh (CSS, JS, hình ảnh…) trên hệ thống CDN của họ. Nó không cache HTML, do đó tác dụng cải thiện tốc độ load và khả năng chịu tải cho website của CloudFlare chưa phải ở mức… Read More

Hàm get id của data vừa insert vào sql

4 months ago by kaisanLập trình web

Dùng hàm mysql_insert_id() để get id vừa được tạo.

<?php
$con = mysql_connect("localhost", "peter", "abc123");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }
$db_selected = mysql_select_db("test_db",$con);
$sql = "INSERT INTO person VALUES ('Børge','Refsnes','Sandnes','17')";
$result = mysql_query($sql,$con);
echo "ID of last inserted record is: " . mysql_insert_id();
mysql_close($con);
?>

<?php

$con = mysql_connect("localhost", "peter", "abc123");

if (!$con)

{

die('Could not connect: ' . mysql_error());

}

$db_selected = mysql_select_db("test_db",$con);

$sql = "INSERT INTO person VALUES ('Børge','Refsnes','Sandnes','17')";

$result = mysql_query($sql,$con);

echo "ID of last inserted record is: " . mysql_insert_id();

mysql_close($con);

Kích hoạt LiteSpeed Cache trên website để tăng tốc và giảm tải

4 months ago by kaisanLập trình web

Như các bạn cũng đã biết AZDIGI chỉ sử dụng LiteSpeed Webserver Enterprise trên mọi máy chủ Hosting bao gồm gói SSD Tiêu Chuẩn và SSD Doanh Nghiệp. Việc sử dụng LiteSpeed Webserver sẽ giúp website tải nhanh hơn và tiết kiệm tài nguyên hơn… Read More

HOW TO INSTALL MEMCACHE ON WHM/CPANEL SERVER (CENTOS)?

4 months ago by kaisanLập trình web

Following article will assist you to install Memcache in cPanel/WHM server. Login into your WHM. Locate Software section and select Module Installers. Here you will see list of installed language modules. Click on Manage button of PHP Pecl language module. Under Find a PHP Pecl search bar, search for “memcache” and click on Go button. From… Read More