บทความ

กำลังแสดงโพสต์จาก มกราคม, 2017

การเขียนโปรแกมบน Mobile Application แบบ Hybrid เขียนครั้งเดียว run ได้ทั้ง IOS,ANDROID ด้วย Ionic (การติดตั้ง)

Ionic Framework ionic เบื้องต้น tools 1.node.js 2.cordova 3.ionic ลงทะเบียน 1.http://ionic.io/   --> ไว้สำหรับ upload โปรแกรม เพื่อทดสอบ ผ่าน ionic view ติดตั้งโปรแกรมที่จำเป็น การ install Node.js => https://nodejs.org/en/download/ Windows Installer (.msi)  => 32 bit ทำการ install msi ที่ download ทดสอบว่า สามารถ run โปรแกรม node.js ได้ เปิด command window เปิด window explorer   เลือกไปที่ folder ที่ต้องการ กด Shift พร้อม right-click เลือก open command window here พิมพ์ => node -v เพื่อดู version ของโปรแกรม node ทำการ install => ionic และ cardova ที่ command window พิมพ์ => npm install –g cordova ionic ทดสอบดู version ของ cordova => cordova -v ทดสอบดู version ของ ionic  => ionic -v ทำการ update cordova และ ionic กรณีเราทำการ install มานานแล้ว npm update -g ionic npm update -g cordova ทดลองพัฒนา โปรแกรม การ generate โปรแกรมโครง ทดลอง run โปรแกรมบน W

เขียนโปรแกรมแบบ Hybrid ได้ทั้ง android และ ios ด้วย ionic framework ตอนที่ 1

รูปภาพ
ลงมือเขียนโปรแกรม Contact   จากบทความที่เหลือ จะเป็นกล่าวถึง การติดตั้งโปรแกรมที่จำเป็น สำหรับบทความนี้ จะเป็นการลงมือเขียนโปรแกรมจริงๆ  การทำงานของโปรแกรม  เปิดโปรแกรมมาจะพบกับหน้าแสดงรายชื่อผู้บริหาร  เพื่อคลิ๊กที่รายชื่อผู้บริหารก็จะพบกับรายละเอียดการติดต่อของผู้บริหารนั้นๆ  หน้าจอโปรแกรม มีแค่ 2 หน้า  (1) หน้าจอหลัก (2) หน้าจอแสดงรายละเอียด หน้าจอโปรแกรมที่ต้องการจะมี 2 หน้าจอ คือ หน้าจอหลัก และหน้าจอแสดงรายละเอียด คำอธิบายคร่าวๆ 1. ในส่วนของ index.html เราจะไม่เขียนอะไรเลย นอกจากกำหนดไฟล์ js ที่เราสร้างขึ้น เช่น  เช่น       <script src="controller/lisControl.js"></script>    และในส่วนของ body จะกำหนดชื่อ module ของ app.js จะกำหนดชื่ออะไรก็ได้ แต่จะต้องตรงกับชื่อใน module ของ app.js  และในส่วนของ body จะมีแค่ tag   <ion-nav-view> </ion-nav-view>  เท่านั้น เพราะว่าเราจะไปเขียนไฟล์ html เองข้างนอก เพื่อความสะดวกในการแก้ไข  แต่ไฟล์ html นั้น จะต้องสร้างขึ้นภายใน tag  <ion-nav-view> </io

การทำ push notification (ฟรี) บน mobile app ที่เขียนด้วย IONIC 1 สำหรับ android

รูปภาพ
เกริ่น       สำหรับผู้ที่เขียน mobile app สิ่งสำคัญอีกอย่างหนึ่งที่ควรจะมีก็คือ PUSH NOTIFICAION หรือแจ้งเตือนไว้สำหรับ แจ้งข่าวสารต่างๆ ซึ่งมีวิธีทำหลากหลาย ในบทความนี้ ผมจะมานำเสนอ การทำ PUSH NOTIFICAION แบบง่าย โดยใช้บริการฟรีจาก onesignal ครับ ซึ่งรองรับการทำ push notfi ได้หลากหลาย device ไม่ว่า android  ios  ionic  หรือ web ซึ่งในตัวอย่างนี้ ผมจะใช้ push notifi ของ one signal กับ mobile app ที่ผมเขียนจาก IONIC น่ะครับ  ionic เป็น cross platfrom น่ะครับ คือ เขียนครั้งเดียวใช้ได้ทั้ง android  ios และ windows phone      บริการของ one signal ฟรีทั้งหมดครับ   สำหรับใครที่นึกไม่ออกว่า push notification บน mobile app คืออะไร ดูได้จากรูปข้างล่างนี้เลยครับ  สำหรับภาพนี้เป็นภาพในส่วนของ app ที่  one signal รองรับน่ะครับ เห็นได้ว่ามีเยอะแยะ แนวคิด  เนื่องจาก ผมได้พัฒนา mobile app ด้วย ionic เป็นระบบตรวจสอบการแจ้งปัญหา และ inventory ให้กับที่ทำงาน เลยมีความคิดที่ว่าถ้ามีระบบแจ้งเตือนเวลา server หรือ network มีปัญหาได้ด้วยก็น่าจะดี  เพราะเคยเห็นพวก line หรือ facebook