Nativefier แปลงเว็บไซต์เป็นแอปพลิเคชันเดสก์ท็อปใน Ubuntu 18.10

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

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

ติดตั้ง Nativefier บน Ubuntu 18.10

Nativefier เป็นแอปพลิเคชัน NodeJS ซึ่งทำงานบน Gnu / Linux และระบบปฏิบัติการอื่น ๆ ที่สามารถรัน Node โปรแกรมนี้ไม่ได้รับการติดตั้งตามค่าเริ่มต้นในการแจกจ่ายหลัก ๆ ด้วยเหตุนี้เราจะต้องดูวิธีกำหนดค่า NativeFier ก่อนจึงจะสามารถเริ่มแปลงเว็บไซต์เป็นแอปพลิเคชันเดสก์ท็อปสำหรับ Gnu / Linux ได้

ติดตั้ง NPM

Nativefier อาศัยภาษาการเขียนโปรแกรม NodeJS เป็นอย่างมาก ด้วยเหตุนี้เราจึงจะ ติดตั้งโปรแกรมจัดการแพ็คเกจนี้เรียกว่า NPMซึ่งก็น่าจะเพียงพอแล้ว

ไปยัง ติดตั้ง NPM บน Ubuntu 18.10 ของเราเราจะต้องเปิดเทอร์มินัลเท่านั้น (Ctrl + Alt + T) และเขียนลงในนั้น:

sudo apt install npm

ติดตั้ง Nativefier

เมื่อ NodeJS package manager ทำงานบนเครื่องของเราเราต้องใช้มันเพื่อติดตั้ง Nativefier เราจะทำได้โดยเปิดเทอร์มินัล (Ctrl + Alt + T) และ โดยใช้คำสั่ง npm ดังต่อไปนี้:

sudo npm install nativefier -g

คำเตือน: การติดตั้ง Nativefier โดยไม่ใช้ sudo อาจทำให้เกิดปัญหาได้

แปลงเว็บไซต์เป็นแอพ

Nativefier ทำงานโดยสร้างกรอบอิเล็กตรอนตาม URL ซึ่งคุณได้รับจากบรรทัดคำสั่ง ในการสร้างแอปพลิเคชัน Gnu / Linux ดั้งเดิมโดยใช้เว็บไซต์เพียงทำตามขั้นตอนเหล่านี้:

• ขั้นตอนที่ 1 → ค้นหาเว็บไซต์ที่คุณต้องการสร้างแอป. เมื่อคุณมีเว็บไซต์ในเบราว์เซอร์ของคุณแล้วให้ไฮไลต์ URL ด้วยเมาส์ของคุณแล้วคลิกขวาที่เว็บไซต์ เลือกตัวเลือก 'เพื่อคัดลอก'
• ขั้นตอนที่ 2 →ในหน้าต่างเทอร์มินัล ใช้ Nativefier เพื่อสร้างแอปพลิเคชันพื้นฐานโดยวาง url ที่คุณเพิ่งคัดลอก. ในบทความนี้เราจะใช้เว็บไซต์เดียวกันนี้

nativefier -p linux -a x64 -n ubunlog https://ubunlog.com

• ขั้นตอนที่ 3 → Nativefier จะรวม URL ไว้ในแอปพลิเคชันอิเล็กตรอน สิ่งสำคัญคือต้องใส่ใจกับเทอร์มินัลในขณะที่สร้างแอป หากข้อผิดพลาดปรากฏขึ้นให้กดคีย์ผสม Ctrl + C และรันคำสั่งอีกครั้ง
• ขั้นตอนที่ 4 →เมื่อ Nativefier สร้างแอปพลิเคชันเสร็จแล้วคุณควร อัปเดตสิทธิ์ของสิ่งนี้ก่อนที่จะสามารถใช้งานได้. ในการตั้งค่าสิทธิ์ในเทอร์มินัลให้รันคำสั่งต่อไปนี้:

cd *-linux-x64

sudo chmod +x *

• ขั้นตอนที่ 5 → เรียกใช้แอปพลิเคชันของคุณ อิเล็กตรอนส่วนบุคคลด้วย:

./ubunlog

ตัวเลือกแอปพลิเคชันที่กำหนดเอง

ในส่วนของโพสต์นี้เราจะรีวิวสั้น ๆ ตัวเลือกบางอย่างที่ Nativefier มี. สิ่งเหล่านี้จะช่วยให้ผู้ใช้สามารถสร้างแอปพลิเคชันบนเดสก์ท็อปที่ดีขึ้น

หมายเหตุ: ตัวเลือกทั้งหมดสามารถเขียนได้ในเวลาเดียวกัน ไม่ จำกัด จำนวนการใช้งานในเวลาเดียวกัน

ในซิสเต็มเทรย์

คุณต้องการอนุญาตไหม มีแอพพลิเคชั่นปรากฏในซิสเต็มเทรย์เหรอ? ลองสร้างแอปพลิเคชันด้วยไฟล์ ตัวเลือก –tray:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray

Pantalla completa

คุณต้องการให้แอปพลิเคชันของคุณเปิดใช้งานแบบเต็มหน้าจอหรือไม่? ใช้ ตัวเลือก "เต็มหน้าจอ" ในคำสั่งต่อไปนี้เพื่อเปิดใช้งาน:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen

เริ่มขยายใหญ่สุด

เป็นไปได้ บังคับให้แอปพลิเคชันอิเล็กตรอนของเราเริ่มขยายใหญ่สุดเสมอ. เพื่อให้ได้มาคุณต้องใช้ ตัวเลือก "ขยายใหญ่สุด" ในคำสั่งเพื่อสร้างแอปพลิเคชัน:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize

เปิดใช้งาน FlashPlayer

เป็นไปได้ที่จะมีเว็บแอปพลิเคชันที่ใช้ Flash โชคดีที่ Nativefier มีวิธีการ โหลดปลั๊กอิน adobe flash. เราจะต้องเพิ่มเท่านั้น ตัวเลือก 'แฟลช' กับคำสั่งที่เราใช้:

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash

อยู่เสมอ

คุณต้องการใช้อิเล็กตรอนของคุณหรือไม่ ละเว้นกฎของตัวจัดการหน้าต่างและมักจะปรากฏอยู่เหนือทุกสิ่ง ส่วนที่เหลือ? หลักฐาน ตัวเลือก 'always-on-top' เมื่อคอมไพล์ด้วย Nativefier:

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top

ตัวเลือกการกำหนดค่าเพิ่มเติม

nativefier --help

ความช่วยเหลือของ Nativefier เพื่อแสดงให้เราเห็น ตัวเลือกต่างๆที่เราสามารถใช้เพื่อกำหนดค่าแอปพลิเคชันของเรา. เราจะสามารถค้นหาข้อมูลเพิ่มเติมเกี่ยวกับเครื่องมือนี้ได้ในไฟล์ ที่เก็บ GitHub.