Sencha Touch - ภาพรวม

Sencha Touch เป็นเฟรมเวิร์กยอดนิยมของ Sencha สำหรับการสร้างอินเทอร์เฟซผู้ใช้สำหรับแอพพลิเคชั่นมือถือ ช่วยให้นักพัฒนาสร้างแอพมือถือโดยใช้ HTML, CSS, JS แบบง่ายซึ่งรองรับอุปกรณ์มือถือมากมายเช่น Android, IOS, BlackBerry และ Windows มันขึ้นอยู่กับสถาปัตยกรรม MVC Sencha Touch เวอร์ชันล่าสุดคือ 2.4

ประวัติ Sencha Touch

หลังจากเปิดตัวผลิตภัณฑ์อื่น ๆ ของ Sencha ซึ่งก็คือ ExtJs ซึ่งมีไว้สำหรับเว็บแอปพลิเคชันจึงจำเป็นต้องพัฒนาเฟรมเวิร์กที่ใช้งานได้บนอุปกรณ์พกพาด้วย

Sencha Touch เวอร์ชันแรกคือเวอร์ชันเบต้า 0.9 ซึ่งรองรับอุปกรณ์ Android และ IOS ต่อมาการเปิดตัวหลักรุ่นแรกของ Sencha Touch เวอร์ชัน 1.0 คือในเดือนพฤศจิกายน 2010 ซึ่งเป็นเวอร์ชันเสถียรรุ่นแรกและรองรับอุปกรณ์ Blackberry ด้วย

Sencha Touch รุ่นล่าสุดคือเวอร์ชัน 2.4 ที่เปิดตัวในเดือนมิถุนายน 2558 ซึ่งรองรับอุปกรณ์หลายชนิดเช่น Windows, Tizen พร้อมกับ Android, IOS, BlackBerry OS 10, Google Chrome สำหรับ Android และ Safari บนมือถือเป็นต้น

คุณสมบัติของ Sencha Touch

ต่อไปนี้เป็นคุณสมบัติที่โดดเด่นที่สุดของ Sencha Touch -

  • วิดเจ็ต UI ที่ปรับแต่งได้และสร้างขึ้นมากกว่า 50 รายการพร้อมชุด UI ที่หลากหลายเช่นรายการภาพหมุนแบบฟอร์มเมนูและแถบเครื่องมือที่สร้างขึ้นโดยเฉพาะสำหรับแพลตฟอร์มมือถือ

  • ความเข้ากันได้ของโค้ดของเวอร์ชันใหม่กับเวอร์ชันเก่า

  • ตัวจัดการรูปแบบที่ยืดหยุ่นซึ่งช่วยจัดระเบียบการแสดงข้อมูลและเนื้อหาบนอุปกรณ์เคลื่อนที่หลายเครื่องที่มีระบบปฏิบัติการที่แตกต่างกัน

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

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

  • ธีมที่ดูเนทีฟแบบสำเร็จรูปสำหรับทุกแพลตฟอร์มหลักช่วยให้สามารถสร้างเว็บและแอปพลิเคชันแบบไฮบริดให้เข้ากับรูปลักษณ์ของแพลตฟอร์มเป้าหมายได้

Sencha Touch ─ประโยชน์

Sencha Touch เป็นมาตรฐานชั้นนำสำหรับการพัฒนาเว็บแอปพลิเคชันระดับธุรกิจ มีเครื่องมือที่จำเป็นในการสร้างแอปพลิเคชันที่มีประสิทธิภาพสำหรับอุปกรณ์พกพาส่วนใหญ่ที่มีแพลตฟอร์มเดียวสำหรับการพัฒนาแอปพลิเคชัน ต่อไปนี้เป็นประโยชน์บางประการ -

  • มีคุณสมบัติการสัมผัสที่ตอบสนองดังนั้นผู้ใช้จึงสามารถนำทางได้อย่างง่ายดายในขณะที่ใช้แอพมือถือ

  • ให้ความเข้ากันได้กับ IOS, Android และ Blackberry และ Windows เวอร์ชันล่าสุดทั้งหมด

  • ให้ความเร็วที่เร็วที่สุดที่ต้องการสำหรับแอปพลิเคชันมือถือใด ๆ

  • มอบโซลูชันที่คุ้มค่าพร้อมความเข้ากันได้ข้ามแพลตฟอร์ม

  • อิงตาม API ดั้งเดิมและภาษาพื้นฐานในการพัฒนาเว็บเช่น HTML, CSS, JS ซึ่งทำให้นักพัฒนาเข้าใจ Sencha Touch ได้ง่ายขึ้น

Sencha Touch ─ข้อ จำกัด

Sencha Touch API ไม่มีความสามารถดังต่อไปนี้ -

  • แอปไม่สามารถเข้าถึงกล้องรายชื่อและมาตรความเร่งของอุปกรณ์

  • ไม่มีสิ่งอำนวยความสะดวกในการแจ้งเตือนแบบพุช สำหรับสิ่งนี้เราต้องใช้ websockets หรือ long polling

  • ตามนโยบายใบอนุญาตสาธารณะทั่วไปแอปพลิเคชันโอเพนซอร์สฟรี แต่จ่ายสำหรับการใช้งานเชิงพาณิชย์

  • มันไม่ดีสำหรับแอพกราฟิกและแอนิเมชั่นที่ไม่ยอมใครง่ายๆเช่นสำหรับแอพเกม

Sencha Touch ─เครื่องมือ

Sencha SDK

นี่คือชุดพัฒนา Sencha ที่ใช้สร้างโครงกระดูกของโครงการ เราใช้คำสั่ง "sencha -sdk path / to / touch create app appName" เพื่อสร้างแอปด้วยชื่อที่กำหนดในคำสั่ง

เมื่อสร้างแอปคุณจะเห็นไฟล์ต่อไปนี้ในแอป -

  • app - โฟลเดอร์นี้มีโมเดลดูคอนโทรลเลอร์และจัดเก็บไฟล์สำหรับแอพ

  • app.js- นี่คือไฟล์ JS หลักสำหรับแอปพลิเคชันของคุณ จากไฟล์นี้โฟลว์รหัส Sencha จะเริ่มต้น

  • app.json - นี่คือไฟล์กำหนดค่าสำหรับแอปรายละเอียดการกำหนดค่าทั้งหมดจะแสดงที่นี่

  • index.html - นี่คือไฟล์ html หลักที่เรารวม app.js และไฟล์อื่น ๆ ที่เกี่ยวข้องกับ Sencha

  • package.json - ไฟล์นี้มีการอ้างอิงทั้งหมดและข้อมูลอื่น ๆ ที่เกี่ยวข้องกับแอพ

  • resources - โฟลเดอร์นี้มีไฟล์ CSS และรูปภาพทั้งหมดที่จำเป็นสำหรับแอปพลิเคชัน

เซนฉะ CMD

Sencha CMD เป็นเครื่องมือบรรทัดคำสั่งซึ่งมีคุณสมบัติของการย่อขนาดโค้ด Sencha Touch นั่งร้านการสร้างรุ่นและคุณสมบัติที่มีประโยชน์อื่น ๆ สำหรับวัตถุประสงค์ในการผลิต

เราใช้คำสั่ง "Sencha app build package" ใน command prompt เพื่อสร้างแอปพลิเคชันสำหรับสิ่งนี้ ไปที่ไดเรกทอรีแอพในพรอมต์คำสั่งและพิมพ์คำสั่งด้านบน เมื่อสร้างสำเร็จเราจะเห็นเวอร์ชันย่อของแอปพลิเคชันที่ใช้โดยทั่วไปเพื่อวัตถุประสงค์ในการผลิต

สามารถดาวน์โหลดได้จาก https://www.sencha.com/products/extjs/cmd-download/

เสน่หาสารวัตร

Sencha Inspector เป็นเครื่องมือในการดีบักเพื่อแก้ปัญหาในโค้ด Sencha ระหว่างการพัฒนา