Trong phần tiếp theo, chúng ta sẽ xem xét về Nativefier. Chúng tôi đã nói về công cụ này trong cùng một blog này một thời gian trước đây. Trong bài đăng này, chúng ta sẽ xem cách chúng ta có thể cài đặt và sử dụng nó trong Ubuntu 18.10 để chuyển đổi một trang web thành một ứng dụng gốc.
Có nhiều lý do để muốn có một ứng dụng gốc cho một trang web. Nhìn chung, chúng hoạt động khá tốt, thêm vào đó chúng có một số tính năng mà mọi người mong đợi từ một ứng dụng dành cho máy tính để bàn. Thông thường, vừa vặn trên bàn làm việc Gnu / Linux nhờ vào cấu hình của nó khi tạo chúng.
Cài đặt Nativefier trên Ubuntu 18.10
Nativefier là một ứng dụng NodeJS chạy trên Gnu / Linux và các hệ điều hành khác có thể chạy Node. Chương trình này không được cài đặt theo mặc định trong bất kỳ bản phân phối lớn nào. Vì lý do này, chúng ta sẽ phải xem cách cấu hình NativeFier, trước khi có thể bắt đầu chuyển đổi các trang web thành ứng dụng máy tính để bàn cho Gnu / Linux.
Cài đặt NPM
Nativefier chủ yếu dựa vào ngôn ngữ lập trình NodeJS. Vì lý do này, chúng tôi sẽ cài đặt trình quản lý gói này, được gọi là NPM, với điều đó phải là đủ.
đến cài đặt NPM trên Ubuntu 18.10 của chúng tôi, chúng tôi sẽ chỉ phải mở một thiết bị đầu cuối (Ctrl + Alt + T) và viết vào đó:
sudo apt install npm
Cài đặt Nativefier
Khi trình quản lý gói NodeJS được thiết lập và chạy trên máy của chúng tôi, chúng tôi phải sử dụng nó để cài đặt Nativefier. Chúng tôi sẽ thực hiện việc này bằng cách mở một thiết bị đầu cuối (Ctrl + Alt + T) và sử dụng lệnh npm như sau:
sudo npm install nativefier -g
Cảnh báo: cài đặt Nativefier mà không có sudo có thể gây ra sự cố.
Chuyển đổi trang web thành ứng dụng
Nativefier hoạt động bằng cách tạo khung electron dựa trên URL mà bạn nhận được từ dòng lệnh. Để tạo một ứng dụng Gnu / Linux gốc bằng cách sử dụng một trang web, chỉ cần làm theo các bước sau:
- Bước 1 & rarr; Tìm trang web bạn muốn tạo ứng dụng. Khi bạn có một trang web trong trình duyệt của mình, hãy dùng chuột đánh dấu URL và nhấp chuột phải vào nó. Chọn tùy chọn 'sao chép'.
- Bước 2 → Trong cửa sổ dòng lệnh, sử dụng Nativefier để tạo một ứng dụng cơ bản, dán url bạn vừa sao chép. Trong bài viết này, chúng tôi sẽ sử dụng cùng một trang web này.
nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
- Bước 3 → Nativefier sẽ bao gồm URL trong một ứng dụng điện tử. Điều quan trọng là phải chú ý đến thiết bị đầu cuối trong khi tạo ứng dụng. Nếu xuất hiện lỗi, hãy nhấn tổ hợp phím Ctrl + C và chạy lại lệnh.
- Bước 4 → Khi Nativefier hoàn thành việc tạo ứng dụng, bạn nên cập nhật các quyền của điều này trước khi có thể sử dụng nó. Để đặt quyền, trong terminal, hãy chạy các lệnh sau:
cd *-linux-x64 sudo chmod +x *
- Bước 5 & rarr; Chạy ứng dụng của bạn điện tử được cá nhân hóa với:
./ubunlog
Tùy chọn ứng dụng tùy chỉnh
Trong phần này của bài đăng, chúng tôi sẽ xem xét ngắn gọn một số tùy chọn mà Nativefier có. Những điều này sẽ cho phép người dùng tạo một ứng dụng máy tính để bàn tốt hơn.
Lưu ý: tất cả các tùy chọn có thể được viết cùng một lúc. Không có giới hạn về số lượng được sử dụng cùng một lúc.
Trong hệ thống
Bạn có muốn cho phép ứng dụng xuất hiện trong khay hệ thống? Cố gắng tạo ứng dụng với tùy chọn –tray:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray
Toàn màn hình
Bạn có muốn ứng dụng của mình có thể chạy ở chế độ toàn màn hình không? Sử dụng tùy chọn 'toàn màn hình' trong lệnh sau để kích hoạt nó:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen
Bắt đầu tối đa hóa
Có thể buộc ứng dụng electron của chúng ta luôn bắt đầu ở mức tối đa. Để có được nó, bạn chỉ cần sử dụng tùy chọn 'tối đa hóa' trong lệnh tạo ứng dụng:
nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize
Bật FlashPlayer
Có thể có một ứng dụng web dựa trên Flash. May mắn thay, Nativefier có một cách tải plugin adobe flash. Chúng tôi sẽ chỉ phải thêm tùy chọn 'flash' đối với lệnh mà chúng tôi đã sử dụng:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash
Luôn luôn lên
Bạn có muốn ứng dụng điện tử của mình không bỏ qua các quy tắc của trình quản lý cửa sổ và luôn xuất hiện trên đầu phần còn lại? Bằng chứng tùy chọn 'luôn ở trên cùng' khi biên dịch với Nativefier:
nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top
Các tùy chọn cấu hình khác
nativefier --help
Sự trợ giúp của Nativefier để cho chúng ta thấy các tùy chọn khác nhau mà chúng tôi có thể sử dụng để định cấu hình các ứng dụng của mình. Chúng tôi sẽ có thể tìm thêm thông tin về công cụ này trong Kho lưu trữ GitHub.
npm ERR! Lỗi typeerror: Thiếu đối số bắt buộc # 1
npm ERR! typeerror tại andLogAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:31:3)
npm ERR! typeerror tại fetchPackageMetadata (/usr/share/npm/lib/fetch-package-metadata.js:51:22)
npm ERR! typeerror tại ResolutionWithNewModule (/usr/share/npm/lib/install/deps.js:456:12)
npm ERR! typeerror tại /usr/share/npm/lib/install/deps.js:457:7
npm ERR! typeerror tại /usr/share/npm/node_modules/iferr/index.js:13:50
npm ERR! typeerror tại /usr/share/npm/lib/fetch-package-metadata.js:37:12
npm ERR! typeerror tại addRequestedAndFinish (/usr/share/npm/lib/fetch-package-metadata.js:82:5)
npm ERR! typeerror at returnAndAddMetadata (/usr/share/npm/lib/fetch-package-metadata.js:117:7)
npm ERR! typeerror tại pickVersionFromRegistryDocument (/usr/share/npm/lib/fetch-package-metadata.js:134:20)
npm ERR! typeerror tại /usr/share/npm/node_modules/iferr/index.js:13:50
npm ERR! typeerror Đây là lỗi với chính npm. Vui lòng báo cáo lỗi này tại:
npm ERR! máy đánh chữ
npm ERR! Vui lòng bao gồm tệp sau với bất kỳ yêu cầu hỗ trợ nào:
npm ERR! /home/joan/npm-debug.log
CỨU GIÚP