การสร้าง login กับ logout โดยใช้ Security ใน WaveMaker

| ไอที | WaveMaker | 5354

การสร้าง login กับ logout โดยใช้ Security ใน WaveMaker

ในการทำเว็บไซต์นั้น ความปลอดภัย ก็ถือเป็นปัจจัยหนึ่ง ที่สำคัญมาก เพราะเว็บไซต์ที่ดีควรมีความปลอดภัยของข้อมูลสูง ยิ่งมีความปลอดภัยมากเท่าไหร่ ความเชื่อถือ และความไว้วางใจ ก็ยิ่งมากขึ้นเท่านั้น

ดังนั้น ในบทความนี้ เรามาดูวิธีใช้ Security ใน WavaMaker โดยการทำ login กับ logout กันครับ

เตรียมความพร้อม

เริ่มต้นด้วย การสร้างโปรเจ็คขึ้นมาก่อน
จากนั้น ก็ทำการ import Database ซึ่งในตัวอย่างนี้ ผมเลือกใช้ Database ที่ WaveMaker มีมาให้แล้ว
ดูวิธี import Datase ได้ที่ การ import Database ใน Wave Maker
จากนั้น ก็เตรียมการแสดงผล เมื่อล็อกอินเสร็จแล้ว ดังตัวอย่างด้านล่าง ที่ผมทำขึ้น


เริ่มต้นสร้าง Security ใน WaveMaker

ให้ไปที่ services แล้วเลือก Security


จะปรากฏหน้าต่างออกมาดังรูปด้านล่าง ในช่อง Security Provider ให้เลือก Database
ให้ติ๊กถูกที่ช่อง Enable Security
ในช่อง Data Model ให้เลือก hrdb(ชื่อฐานข้อมูล)
ในช่อง Entity ให้เลือก User(ชื่อตารางในฐานข้อมูลที่เก็บ user ที่ล็อกอินได้)
ในช่อง Username Field ให้เลือก username(ชื่อคอลัมน์ในตาราง user ในฐานข้อมูลที่เก็บชื่อ username)
ในช่อง User ID Field ให้เลือก userid(ชื่อคอลัมน์ในตาราง user ในฐานข้อมูลที่เก็บ ID ของ username)
ในช่อง Password Field ให้เลือก password(ชื่อคอลัมน์ในตาราง user ในฐานข้อมูลที่เก็บ password ของ username)
จากนั้นให้ทำการ save คลิกที่รูป แผ่นดิสเก็ต ตรงมุมซ้ายบน


จากนั้นให้ลองรันดู จะได้ดังตัวอย่างด้านล่าง


ในการล็อกอินผมใช้ username = user และใช้ password = user จะทำการล็อกอินได้สำเร็จ และจะเข้าสู่หน้าตาเว็บไซต์ที่เราได้สร้างขึ้น


username กับ password มาจากไหน

username กับ password ที่ผมใช้นั้น มาจากตารางในฐานข้อมูลที่เราเซตเมื่อกี้ ซึ่ง username กับ password ไหนที่มีอยู่ในฐานข้อมูล จะสามารถล็อกอินเข้ามาได้เหมือนกันหมด


จากตารางข้างบน ถ้าผมใช้ username = admin และ password = admin ก็จะสามารถล็อกอินเข้ามาใช้งานได้เหมือนกัน

สรุปก็คือ username ที่อยู่ในฐานข้อมูลในตารางที่เรากำหนดสามารถล็อกอินเข้ามาได้ ส่วนจะกำหนดให้เห็นหรือไม่เห็น ทำอะไรได้ ทำอะไรไม่ได้นั้น ต้องกำหนดในส่วนของ Role อีกทีหนึ่ง ซึ่งในบทความต่อไปเราค่อยมาดูกันครับ

ทำการสร้าง logout

เมื่อทำ login เสร็จแล้ว ก็มาทำ logout กันบ้าง ซึ่งสองสิ่งนี้ เป็นสิ่งที่อยู่คู่กัน

ขั้นแรกให้ไปที่ Insert -> Advanced -> LogoutVariable


จากนั้นให้สร้างปุ่มขึ้นมาสำหรับกดแล้วให้ทำการ logout ดังตัวอย่างรูปด้านล่าง


จากนั้นให้คลิกที่ปุ่ม แล้วไปที่แถบ Event ด้านบนขวา เพื่อกำหนด event ให้กับปุ่ม ด้านล่างให้เลือกเป็น onclick เสร็จแล้วเลือก logoutVariable ที่เราได้สร้างขึ้น


จากนั้นให้ทำการ save แล้วลองรันดูครับ

จากการรันจะเห็นว่า เมื่อเรากด logout แล้ว หน้าเว็บจะกลับมาที่หน้า login

comments




เว็บเพื่อนบ้าน
DoesystemDevcodeMathMySelfHowToClicksBlogJavaExample