Remote Access MySQL บน DigitalOcean

พอดีเพิ่งเริมได้เล่น Cloud แบบจริงๆ จังๆ ก็เลยเลือกใช้ของ DigitalOcean เนื่องจากถูกมาก ^^ และหาข้อมูลใช้งานง่าย ที่ต้องทำ Remote Access นั้นเนื่องจากหลังจากสร้าง Droplets (เลือก Ubuntu) แล้วเวลาใช้งานต้องทำงานผ่าน Command เท่านั้นซึ่งไม่สะดวกเลย ก็เลยหาวิธีใช้งานให้ง่ายเวลาจะเข้าไปจัดการกับ Database
โอเคเริ่มเลย ก็เปิด putty แล้วก็ shell command กันเลย

ติดตั้ง MySQL
1. เข้ามาแล้วก็ update กันก่อน


$ sudo apt-get update 

2. ติดตั้ง MySQL


sudo apt-get install mysql-server

3. Configuration MySQL และ Set Password


sudo mysql_secure_installation

4. Active MySQL


sudo mysql_install_db

5. ทดสอบ MySQL ด้วย


service mysql status

Enable Remote Access MySQL
การ Enable Remote Access MySQL ทำเพื่อให้เราสามารถ Connect จากโปรแกรมบนเครื่องเราได้
พิมพ์คำสั่ง เพื่อเข้าไปแก้ไข config


sudo vi /etc/mysql/my.cnf

comment 2 บรรทัดนี้


#bind-address = 127.0.0.1
#skip-external-locking

จากนั้น Restart MySQL ด้วยคำสั่ง


sudo service mysql restart

ทำการ Connect MySQL ด้วยคำสั่ง


mysql –u root -p
ระบุ Password ที่เราได้กำหนดไว้ตอน Configuration

ทำการ Grant permission ให้ User root


GRANT ALL PRIVILEGES ON *.* TO root@'%' IDENTIFIED BY 'YOUR_PASSWORD';
FLUSH PRIVILEGES;

เรียบร้อย ทดสอบเปิดโปรแกรม Connect MySQL บนเครื่อง
กำหนด IP เป็น IP ของ DigitalOcean ที่ได้ กำหนด User เป็น root และ Password ตามที่กำหนดไว้ แล้วกด Open
1

แสดง Popup จากเตือน ว่าเราไม่ได้ใช้ SSL กด OK
2

แสดง Default Database เรียบร้อย พร้อมใช้งาน
3

ขอบคุณครับ

การทำ Dropdownlist(Select) Type และ Subtype

ทุกคนที่เคยเขียนโปรแกรมต้องเคยทำ Dropdownlist 2 หรือ 3 อันที่มีความสัมพันธ์เกี่ยวข้องกันอยู่บ้าง

เช่นเลือกประเภทหลักแล้ว ให้แสดงเฉพาะประเภทย่อยที่เกี่ยวข้องตามที่เลือกประเภทหลักเท่านั้น

โดยตัวอย่างนี้ผมจะทำ Dropdownlist 3 ระดับให้ดูเป็นตัวอย่างครับ

สิ่งที่ผมนำมาใช้ในครั้งนี้ (เรียกใช้ผ่าน CDN)

1. jQuery  (https://code.jquery.com/jquery-1.11.0.min.js)

2. CSS ของ Bootstrap (http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css)

3. Database สำหรับทดสอบผมเลือกใช้ MySQL


ขั้นตอนที่ 1 เริ่มโดยสร้าง Database เตรียมพร้อมไว้ก่อน

ในตัวอย่างนี้ผมใช้ Table ทั้งหมด 3 Table ด้วยกัน

– Table 1 ชื่อ tbl_type เก็บประเภทหลัก (script สร้างตามรูป)

create table tbl_type

– Table 2 ชื่อ tbl_sub_type เก็บประเภทย่อย (script สร้างตามรูป)

create table tbl_sub_type

– Table 3 ชื่อ tbl_product เก็บข้อมูลสินค้า (script สร้างตามรูป)

create table tbl_product

 

ขั้นตอนที่ 2 เขียนโปรแกรม(php) สำหรับ select ข้อมูลออกมาให้กับ Dropdownlist

php connect mysql generate datasource

 

ขั้นตอนที่ 3  เขียน HTML สำหรับ Dropdownlist สำหรับทดสอบใช้งาน

html with dropdownlist

ขั้นตอนสุดท้าย เขียน jQuery สำหรับให้ Dropdownlist ทำงาน

– เมื่อ page load เรียบร้อยให้เตรียมข้อมูลลงที่ Dropdownlist Type

jQuery onloaded

– function เมื่อเลือก Dropdownlist Type

function onTypeChange (parametet1 , parameter2)

– function เมื่อเลือก Dropdownlist Subtype

function onSubtypeChange (parameter1)

– function clear option เมื่อมีการเปลี่ยนแปลง

function clearOptionItem (parameter1)

– function พระเอกของเรา ติดต่อ PHP ผ่าน Ajax เพื่อสร้าง Item ใน Dropdownlist

function callAjax for generate dropdownlist item


สามารถดูตัวอย่างได้ที่ Demo
Download Code ตัวอย่างได้จาก SourceCode