วิธีการใช้ AJAX เพื่อสร้างแอปสำหรับการเขียนโปรแกรม HTML5 และ CSS3 - มังกร

ทุกวันนี้เราต้องการสร้างแอปบนอุปกรณ์เคลื่อนที่ นี่เป็นความลับที่ยิ่งใหญ่ มีการเขียนแอปหลาย ๆ อย่างใน HTML5, CSS และ JavaScript คุณรู้ทุกสิ่งที่จำเป็นสำหรับแอปที่ทำงานบนอุปกรณ์เคลื่อนที่แล้ว นอกจากนี้คุณยังไม่จำเป็นต้องเรียนรู้ภาษาใหม่หรือได้รับอนุญาตจากร้านแอปพลิเคชันหรือซื้อใบอนุญาตเช่นเดียวกับแอปเนทีฟ

มีเคล็ดลับที่ยอดเยี่ยมที่คุณสามารถทำได้สำหรับผู้ใช้ iOS คุณสามารถออกแบบโปรแกรมเพื่อให้ผู้ใช้สามารถเพิ่มไอคอนไปยังเดสก์ท็อปได้โดยตรง จากนั้นผู้ใช้สามารถเริ่มต้นโปรแกรมเช่นแอปพลิเคชันอื่น ๆ ได้ คุณยังสามารถทำให้เบราว์เซอร์ซ่อนเบราว์เซอร์ accoutrements ปกติเพื่อให้โปรแกรมของคุณดูเหมือนจะไม่ทำงานในเบราว์เซอร์!

ผลออกมาเหล่านี้ค่อนข้างง่ายที่จะทำ

การเพิ่มไอคอนลงในโปรแกรม

iOS เวอร์ชันปัจจุบัน (ระบบปฏิบัติการ iPhone / iPad) มีความสามารถในการจัดเก็บหน้าเว็บใดก็ได้บนเดสก์ท็อป เพียงแค่ดูเว็บเพจใน Safari แล้วคลิกปุ่มแชร์ คุณจะพบตัวเลือกเพื่อบันทึกหน้าเว็บไว้บนเดสก์ท็อป คุณสามารถสั่งให้ผู้ใช้ทำเช่นนี้ได้และพวกเขาจะสามารถเปิดตัวโปรแกรมของคุณเหมือนกับแอปทั่วไปได้

อย่างไรก็ตามไอคอนเริ่มต้นสำหรับแอปที่บันทึกไว้ค่อนข้างน่าเกลียด หากคุณต้องการไอคอนที่น่าสนใจคุณสามารถบันทึกภาพขนาดเล็กได้ตามต้องการ png และวางไว้ในไดเรกทอรีเดียวกับโปรแกรมของคุณ จากนั้นคุณสามารถเพิ่มบรรทัดนี้ลงในหน้าเว็บของคุณ (ในส่วนหัว) และรูปภาพดังกล่าวจะปรากฏบนเดสก์ท็อปเมื่อผู้ใช้บันทึกโปรแกรมของคุณ:

เป็นโบนัสพิเศษ iPhone หรือ iPad จะปรับภาพให้มีลักษณะเหมือน ไอคอนแอ็ปเปิ้ลเพิ่มลักษณะพิเศษที่เหมาะสมกับรุ่นที่ติดตั้ง iOS (กลมและมีม่วงใน iOS6 แบนใน iOS7)

แน่นอนว่าเคล็ดลับไอคอนนี้เป็นกลไกเดียวของ Apple บุ๊กมาร์กใด ๆ ที่คุณกำหนดด้วยเบราว์เซอร์หลักของคุณสามารถเพิ่มลงในเดสก์ท็อปได้ แต่ไม่มีตัวเลือกไอคอนที่กำหนดเอง คำสั่ง apple-touch-icon จะถูกละเว้นถ้าคุณใช้ OS อื่น ๆ

ลบแถบเครื่องมือ Safari

แม้ว่าโปรแกรมของคุณจะดูดีจากหน้าจอหลักเมื่อผู้ใช้เปิดใช้งานโปรแกรมก็เห็นได้ชัดว่าโปรแกรมเป็นส่วนหนึ่งของเว็บเบราเซอร์ คุณสามารถซ่อนแถบเครื่องมือเบราว์เซอร์ด้วยบรรทัดอื่นในส่วนหัว:

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

อีกครั้งนี้เป็นโซลูชันเฉพาะของ Apple ไม่มีวิธีง่ายๆในการบรรลุผลเช่นเดียวกันกับอุปกรณ์แอนดรอยด์

จัดเก็บโปรแกรมของคุณแบบออฟไลน์

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

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

นี่คือผลที่ค่อนข้างง่าย:

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

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

• สร้างคาราโอเกะ ไฟล์ manifest: ดูไดเร็กทอรีที่มีเกมของคุณและสร้างไฟล์ข้อความใหม่ที่ชื่อว่า

• เขียนบรรทัดแรก: บรรทัดแรกของแคช ไฟล์ Manifest ควรมีเฉพาะแคช Manifest (ทั้งหมดเป็นตัวพิมพ์ใหญ่)

• สร้างรายชื่อไฟล์ทุกไฟล์ในไดเร็กทอรี: เขียนชื่อของไฟล์ทุกไฟล์ในไดเร็กทอรีหนึ่งไฟล์ต่อบรรทัด ระมัดระวังตัวอักษรและการสะกดของคุณ

• เพิ่มแอ็ตทริบิวต์ Manifest: แท็กมีแอตทริบิวต์ใหม่ที่เรียกว่า Manifest ใช้เพื่ออธิบายถึงเซิร์ฟเวอร์ที่สามารถพบไฟล์แคชได้:

• โหลดหน้าเว็บตามปกติ: คุณจะต้องโหลดหน้าเว็บหนึ่งครั้งในลักษณะปกติ หากตั้งค่าทั้งหมดอย่างถูกต้องเบราว์เซอร์จะทำสำเนาของไฟล์อย่างเงียบ ๆ

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

• ตรวจสอบการตั้งค่าเซิร์ฟเวอร์: หากที่เก็บข้อมูลแบบออฟไลน์ไม่ทำงานคุณอาจต้องตรวจสอบกับการดูแลเซิร์ฟเวอร์ของคุณ ต้องมีการกำหนดค่าชนิดของข้อความ / ชนิด MIME ที่แสดงบนเซิร์ฟเวอร์ คุณอาจต้องขอให้ผู้ดูแลระบบเซิร์ฟเวอร์ของคุณตั้งค่าตัวเลือกนี้ใน ไฟล์ htaccess สำหรับบัญชีของคุณ:

  ข้อความ addtype / cache-manifest manifest
  

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