สอบถามเรื่อง ionic framework 2 กับ การเชื่อมโยงฐานข้อมูล Mysql
จะเห็นว่าการเขียน Web Services บน mobile devices ก็เหมือนกับการเขียนเว็บ ที่ใช้ php และ mysql
-----------------------------------
1) Web Application
- Web Browser Client HTML5[AngularJS+JSON]<--->Web Server [php] <----> Mysql
- HTML+ ใช้ JavaScript AJAX Post ไปยังเว็บเซริฟเวอร์ที่รัน PHP+MySQL
2) Mobile Application (Ionic fframework)
- Web View HTML5 [AngularJS+JSON] <--->Web Server [php] <----> Mysql
- HTML+ ใช้ JavaScript AJAX Post ไปยังเว็บเซริฟเวอร์ที่รัน PHP+MySQL
[mobile: HTML, Javascript, Angular, Bootrap, Ajax, JSON] ฝั่งมือถือก็แค่โพสต์ค่ามาที่เซริฟเวอร์ และรับค่าไปแสดงผล
[Web Server: PHP, MySQL, HTML, Javascript, Angular, Bootrap, Ajax, JSON] รับค่าส่งเข้าฐานข้อมูล, ส่งค่ากับไปแสดงผล
ลองดูตัวอย่างข้างล่างนี่
- http:// http://www.daydev.com/developer/angularjs-edit-data.html
- http://php-for-ecommerce.blogspot.com/2014/09/angular-js-php-mysql.html
- http://www.daydev.com/developer/ionic-login-webservice-angularjs.html
- [url]http://nextflow.in.th
- http://programminghunter.blogspot.com/2015/10/angularjs-bootstrap.html
- Youtube https://www.youtube.com/watch?v=2AAWf_wqCs8 มีหลายตอนลองดูให้ครบๆครับ
สรุป
1) Ionic ไม่ได้เป็นตัว Web services เพียงแต่ส่งข้อมูลผ่านการ http get/post จาก Web Server มาทำต่ออีกที่
2) Ionic ส่วนใหญ่ใช้ AngularJS แสดงข้อมูล Json ที่ได้มาจาก http get.post ด้วย ajax ไปที่เว็บเซริฟเวอร์ และจัดให้สวยงานด้วย css
3) เขียน Web App ได้ก็เขียน Mobile App ได้หน้าตาที่เหมือนกัน เพียงแต่ Mobile App ไม่สามารถรัน php Script ได้ตรงๆ ต้องอาศัย http get/post ผ่าน Web Server แล้วค่อย json ไปทำงานต่อ.
ประวัติการแก้ไข 2017-06-04 07:44:29 2017-06-04 07:44:57
Date :
2017-06-04 07:43:37
By :
ccjpn
1. ผมทำ ตัว Web Server [php] <----> Mysql
2. ผมได้ Url >>> 127.0.0.1/xx/index.php ได้ออกมาเป็น Json
3. ผมใช้ Ionic มาดึงข้อมูลไปโชว์ ได้สำเร็จ
___
* ผมมีข้อสงสัยคือ
- ใครก็สามารถใช้ข้อมูลตรงนี้ได้ (เพิ่ม ลบ แก้ไข) หากรู้จัก URL 127.0.0.1/xx/index.php หรือเปล่าครับ
- แล้วการเชื่อมข้อมูลแบบ ตรวจสอบ Token เพื่อทำการ Login ต้องเชื่อมยังไงครับ
ขอบคุณครับ
Date :
2017-06-04 11:27:10
By :
the_cop
ในการพัฒนาโดยเว็บธรรมดาก็มีระบบ Login ด้วย user/password อยู่แล้วครับ ไม่ใช่อยู่ดีๆ จะให้ใครก็ได้ เพิ่ม แก้ไข ลบ
ลองดูการ Login จากนี่ก่อนโดนใช้ Session API http://www.daydev.com/developer/angularjs-login-session.html และ
http://www.daydev.com/developer/ionic-login-webservice-angularjs.html ถ้า Login สำเร็จ ค่อยมีเมนูสำหรับเพิ่ม แก้ไข ลบ
If( Session["Login"] = True)
{
// main menu
}
else
{
//redirect login page.
}
และก่อนมีการเพิ่ม แก้ไข ลบ ลงในฐานข้อมูลก็ต้องตรวจสอบ Session ว่ามีสิทธิ์หรือไม่ เช่น
If( Session["Level"] = "Admin")
{
//insert into
//update
//delete
}
สำหรับ Cordova/Ionic เรายังสามารถกำหนดให้มือถือส่งค่า UUID (หมายเลขเครื่อง) ไปใช้ร่วมกับ user/password ได้ด้วย โดยใช้ plugin ที่ชื่อ device อ่านค่าได้จาก device.uuid
สำหรับในตาราง User Login เราก็สามารถกำหนดเองได้ว่าจะตรวจสอบอะไรบ้าง
- UserName ชื่อผู้ใช้งาน
- PassWord รหัสผ่าน
- FirstName ชื่อ
- Lastname สกุล
- UUID หมายเลขเครื่อง
- Level ระดับสิทะิ์
- Status สถานะการเข้าใช้งาน
- อื่นๆ
Date :
2017-06-04 22:31:45
By :
ccjpn
Load balance : Server 01