สารบัญ:
ในการทำสิ่งนี้เราจะใช้แอพพลิเคชั่นที่ฉันพัฒนาขึ้นชื่อว่า WebDGap มันจะช่วยให้เราสามารถแปลงเว็บไซต์หรือแอปพลิเคชันเว็บ HTML / CSS / JavaScript / NodeJS เป็นแอปเดสก์ท็อปแบบเนทีฟ WebDGap ใช้เฟรมเวิร์ก nwjs เพื่อทำให้แอปของคุณทำงานบนโปรเซสเซอร์ 32 บิตและ 64 บิต
วัสดุ:
ขั้นตอนที่ 1: การเริ่มต้น
WebDGap ต้องการให้คุณเพิ่มชื่อแอปพลิเคชันของคุณก่อน
- โหลดโลโก้แอปพลิเคชันของคุณที่สอง
- สุดท้ายโหลดแหล่งที่มาของแอปพลิเคชันของคุณที่ห่อหุ้มด้วยไฟล์ซิป
สำคัญ!!! (ไฟล์ซิปของคุณต้องมีลักษณะดังนี้เมื่อส่งออกเป็นแอปพลิเคชันเดสก์ท็อป / โครเมี่ยมหรือส่วนขยาย)
- index.html
- css / style.css
- js / jquery.js
- js / script.js
ตัวอย่างรหัสไปรษณีย์ด้านล่างจะไม่ทำงาน !!!
- AppName / index.html
- AppName / css / style.css
- AppName / js / jquery.js
- AppName / js / script.js
หมายเหตุ: ไฟล์ zip ขนาดใหญ่ใช้เวลาโหลดและส่งออกนานกว่า!
หากแอปพลิเคชันของคุณมีเสียงโปรดอ่าน "การใช้ MP3 และ MP4 (H.264) โดยใช้แท็กวิดีโอและเสียง" - http://github.com/nwjs/nw.js/wiki/Using-MP3-&-MP …
ตอนนี้เมื่อคุณเปิด WebDGap ครั้งแรกคุณจะได้รับการนำเสนอด้วยวิดีโอ "วิธีใช้งาน" คุณสามารถดูหรือดำเนินการต่อในขณะที่เรากำลังสร้างแอพ Mac บนโทรศัพท์ Android ของเรา! ทำไม? เพราะหลายคนยังเชื่อว่าคุณไม่สามารถสร้างแอพ Mac บนอุปกรณ์ที่ไม่ใช่เครื่อง Mac และด้วยการแสดงว่าคุณสามารถสร้างแอพ Mac บนโทรศัพท์ Android จะทำให้พวกเขาได้รับปัจจัยที่ว้าวต้องการ: D
ขั้นตอนที่ 2: ส่งออกสำหรับ Mac
ตอนนี้เมนูไฟล์จะถูกเข้ารหัสแตกต่างกันบน Mac มากกว่าใน Windows และ Linux (ซึ่งเราจะไม่พูดถึงที่นี่) มันจะแสดงแตกต่างกันไปใน Windows และ Linux ซึ่งสิ่งที่เราจะทำก็คือตรวจสอบให้แน่ใจว่าชื่อแอปพลิเคชันของเราปรากฏใน Mac Finder
การส่งออกแอปพลิเคชั่น Mac ของเรา!
- ก่อนอื่นเลือกชื่อแอปพลิเคชันของคุณ! (สิ่งนี้จะถูกใช้ในแอพจะต้องแก้ไขในภายหลังเพื่อให้สามารถมองเห็นได้บนอุปกรณ์ Mac ผ่าน Finder)
- โหลดโลโก้แอปพลิเคชันของคุณต่อไป (เราจะต้องแก้ไขในภายหลังเพื่อให้สามารถมองเห็นได้บนอุปกรณ์ Mac)
- โหลดครั้งต่อไปในไฟล์ zip ของคุณ
- ตอนนี้ส่งออกสำหรับ Mac's
การตั้งค่าไอคอน!
- เช่นเดียวกับ Windows คุณสามารถแปลงภาพเป็นไอคอน Mac ได้โดยไปที่ 'iConvert Icons`
- ถัดไปเปิดเนื้อหาแอพ Mac ของคุณ (any.app) บน Android คุณสามารถใช้ ES File Explorer ได้หากคุณไม่มี File Explorer ในตัว
- แทนที่ไฟล์ `nw.icns` ด้วยไอคอนใหม่ที่คุณส่งออก (ตรวจสอบให้แน่ใจว่ามีไอคอนใหม่ที่คุณส่งออก nw.icns)
แสดงชื่อแอปพลิเคชั่นใน Finder!
- เปิดไฟล์ `info.plist` เป็นตัวแก้ไขข้อความหรือรหัสที่คุณเลือก เพราะเรากำลังทำสิ่งนี้บนโทรศัพท์ Android เราสามารถใช้ DroidEdit
- เปลี่ยนชื่อแอปพลิเคชันเป็นชื่อแอปของคุณออนไลน์ 10 และ 49. ควรจะอยู่ข้างๆ CFBundleDisplayName และ CFBundleName)
ตอนนี้คุณสามารถบีบอัด / zip และกระจาย ดังนั้นผู้ใช้ Mac จะไม่มีปัญหาในการเรียกใช้แอปพลิเคชันของคุณ!
ขั้นตอนที่ 3: สรุป
การส่งออกสำหรับเดสก์ท็อปนั้นง่ายมาก แต่อุปกรณ์พกพาต้องการงานมากกว่านี้ ตอนนี้ฉันมีคน MAAANY ถามฉัน "ทำไมถึงเป็นอิสระ?" คำตอบของฉันง่าย เพราะมันเร็วและง่ายกว่าที่จะทำให้โลกนี้น่าอยู่ขึ้น หยุดบ่นและสนุก มิฉะนั้นบริจาคและ / หรือช่วยสนับสนุน: D
Mucho เป็นเรื่องเล็กน้อย ดูแลและสนุกเสมอ:)