Tham dự Tech Lounge

Tham dự Tech Lounge


[Thủ thuật Windows] Cách tạo và dùng hiệu quả web app khi app chính chủ không có!

bk9sw
10/8/2018 12:10Phản hồi: 52
[Thủ thuật Windows] Cách tạo và dùng hiệu quả web app khi app chính chủ không có!
Nhiều dịch vụ rất hay hiện nay vẫn chưa phát triển hoặc không có kế hoạch phát triển ứng dụng riêng cho Windows nên ngoài giải pháp ứng dụng phía thứ 3 thì chúng ta có thể khai thác các ứng dụng nền web. Và để chạy ứng dụng nền web ngon thì anh em nên dùng trình duyệt Chrome bởi cách tạo ứng dụng web đơn giản và hiệu năng nó cũng tốt hơn so với các trình duyệt khác.

Lý do nên dùng ứng dụng nền web (web app) theo cá nhân mình:
  • Các ứng dụng, dịch vụ hay của Google như Keep, YouTube, bộ văn phòng Docs, Sheets, Slides hay các ứng dụng chỉ có phiên bản cho di động mà không có trên Windows;
  • Ứng dụng chạy riêng trong cửa sổ trình duyệt Chrome sẽ có nhiều không gian hiển thị hơn, không có thanh địa chỉ hay các nút chức năng của trình duyệt;
  • Thay vì nhập địa chỉ trang web để truy cập ứng dụng web thì bạn chỉ cần nhấn vào biểu tượng ứng dụng, hoạt động như một ứng dụng thực sự;
  • Đỡ chiếm dụng tab trên trình duyệt Chrome do chạy riêng cửa sổ, dễ quản lý và thao tác hơn;
  • Sử dụng ứng dụng, dịch vụ hiệu quả hơn, tăng năng suất làm việc.

Để sử dụng web app:


Đầu tiên anh em cần cài đặt trình duyệt Chrome, tải về tại đây.

Thực ra hồi xưa trên kho Chrome Web Store có một mục Apps riêng để cài đặt các ứng dụng nền web nhưng kể từ năm 2017 thì Google đã loại bỏ mục này, không hiểu tại sao nhưng có vẻ như là để thúc đẩy lập trình viên phát triển dạng Progressive Web App. Giờ thì mục Apps trên trình duyệt Chrome vẫn còn và cách tạo đơn giản hơn.


Cách 1: Đơn giản nhất!

Create shortcut web app.jpg
Đầu tiên bạn mở trang web của dịch vụ muốn tạo web app, chẳng hạn mình muốn Google Keep chạy riêng như một ứng dụng chính chủ thì vào trang keep.google.com > đăng nhập tài khoản Google vào. Ở trang này bạn nhấn nút Menu của trình duyệt Chrome (hình dấu 3 chấm dọc) > More tools > Create shortcut như hình trên.

Google Keep.jpg
Hộp thoại tạo shortcut hiện ra, anh em có thể đổi tên shortcut và bật tắt chế độ mở, nên để Open as window bởi khi mở thì Google Keep sẽ hiển thị trong một cửa sổ riêng, thu gọn như một ứng dụng còn nếu anh em bỏ chọn thì nó sẽ mở ra trang web trên Chrome trong một tab.

Chrome Web Apps.jpg
Tất cả các shortcut được tạo đều nằm trong mục Chrome://apps, anh em truy xuất nhanh bằng nút Apps trên thanh Bookmark. Sau khi shortcut được tạo ở đây thì một shortcut tương tự cũng được tạo trong Start Menu.

Pin to taskbar.jpg
Để đưa ứng dụng Keep vừa tạo xuống Taskbar thì anh em thực hiện các bước như hình, nhấp phải vào ứng dụng > More > Pin to taskbar. Đây là cách chúng ta có thể dùng web app tốt nhất.

Web vs Web app.jpg
Đây là kết quả, bên trái là Google Keep mở trên trình duyệt và bên phải là ứng dụng Google Keep vừa tạo. Anh em có thể thấy rõ là không gian hiển thị của Google Keep dạng web app rộng hơn bởi nó không còn các thành phần của trình duyệt nữa.

Cách 2: Cách này mình thích hơn bởi có nhiều tuỳ biến cho ứng dụng web đó là dùng Applicationize.


YouTube app 01.jpg
Applicationize là một dịch vụ giúp anh em chuyển đổi mọi trang web, mọi dịch vụ web thành một ứng dụng web. Như ở đây mình thử tạo một ứng dụng YouTube - lý do là YouTube chính chủ cho Windows 10 vẫn chưa có và mình thì có thói quen mở riêng YouTube trong một cửa sổ để xem, khi cần có thể qua video qua bài, tắt mở nhanh mà không phải tìm lại trong mớ tab của trình duyệt Chrome. Đầu tiên anh em cần vào địa chỉ https://applicationize.me và nhập link trang web muốn tạo app vào ô mà mình khoanh đỏ.

Quảng cáo



YouTube app settings.jpg
Bên dưới là các tuỳ biến cho ứng dụng web, chẳng hạn như anh em không thích cái biểu tượng mặc định của dịch vụ thì có thể tìm một cái biểu tượng khác thay vào, nhớ là định dạng .png nha. Tiếp theo anh em có thể đổi tiêu đề ứng dụng web được tạo, YouTube của Tui chẳng hạn và các thiết lập khác như đổi màu khung của sổ ứng dụng cho dễ phân biệt, ví dụ YouTube thì có thể chọn màu đỏ, Messenger chọn màu xanh, Keep chọn màu vàng ...

4 cái thiết lập dưới cùng rất cần thiết đối với những dịch vụ chat chit hay mạng xã hội bởi nó sẽ cho phép ứng dụng truy xuát webcam, microphone hay hệ thống thông báo của Windows.

Create shortcut Youtube.jpg
Sau khi thiết ập xong anh em nhấn nút Generate & Download Chrome Extension màu đỏ bên dưới > Một ứng dụng đuôi .crx của Chrome sẽ được tải về, nếu có cảnh báo bảo mật thì anh em cứ nhấn Continue và cài đặt bình thường. Khi cài đặt xong thì ứng dụng web vừa tạo sẽ hỏi có muốn tạo shortcut ở Desktop hay Start Menu hay không, tuỳ anh em chọn nó nằm ở đâu.

Web vs YouTube app.jpg
YouTube mở trong một thẻ trình duyệt chrome và YouTube dạng web app bên phải.

Chúc anh em vui vẻ 😁
52 bình luận
Chia sẻ

Xu hướng

poulevarq
ĐẠI BÀNG
6 năm
thank! đến giờ mới biết. Dùng Windows 10 nhưng chả bao giờ chạy app Facebook, toàn dùng web 😃
@poulevarq App Facebook trên Win 10 cực kỳ củ chuối. Ban đầu dùng thấy hay hay nhưng 1 thời gian sẽ phát hiện nó làm 1 cách cẩu thả và củ chuối. Trên Win thì cứ web mà phang thôi.
TK4.Helios
TÍCH CỰC
6 năm
@poulevarq bác ơi sao em tải cái file đuôi kia về nó cứ hỏi là open with app là sao ạ??
@TK4.Helios Cầm cái file đó kéo vào chrome extensions chứ ai kêu mở đâu
TK4.Helios
TÍCH CỰC
6 năm
@Ly Nguyễn Trần mà giờ mình lỡ ấn open with notepad rồi, thế là giờ có xóa đi download lại nó vẫn để cái hình notepad, thế là kéo xong nó báo "attension could not be added from this website"
@TK4.Helios :v cái đó chịu, cơ mà bạn kéo vào chrome://extensions thử
chả bao giờ mò vào cái store của 10
@Hybrid Gs Cái store bao chán luôn -_-
vvt03hp
CAO CẤP
6 năm
không thì dùng các app bên thứ 3 cũng được như Perfect Tube thay cho Youtube, Perfect flicker ...
blueweasley
ĐẠI BÀNG
6 năm
@vvt03hp Perfect Tube trên Windows Mobile chán lắm 😔
Hay quá thớt! thank
"Quánh dấu" 😁
dinhmenh_gp
ĐẠI BÀNG
6 năm
Thử phát
laobantien
TÍCH CỰC
6 năm
Hay thử phát tks mod
Cái Store của 10 từ khi up lên chưa boa vờ chui vào ~.~
Còn Apps Gôogle web xài thường xuyên vì nó tiện.
kumam00001
ĐẠI BÀNG
6 năm
Cách thứ 2 có gì ưu việt hơn cách thứ nhất nhỉ?
@kumam00001 theo mình thì cách 2 khiến cái app chạy mượt hơn, chắc có gì đó tinh chỉnh 😁
1hoi1chai
TÍCH CỰC
6 năm
@bk9sw ủa cách 2 làm sao setup z bạn. tải file *.crx về r mà mở lên nó hiện theo kiểu Open with, nếu chọn chrome thì nó hiện ra trang web r tiếp tục tải về file *.crx??
Với lại nếu dụng app web này thì không 'back' về trang trước đó được :D
Yeeeeeee
ĐẠI BÀNG
6 năm
@1hoi1chai Trang github có nhắc đến mấy cái phím tắt đây, các bác thử xem sao:
  • CTRL/CMD + [ to go back
  • CTRL/CMD + ] to go forward
  • CTRL/CMD + + to zoom in
  • CTRL/CMD + - to zoom out
  • CTRL/CMD + 0 to reset zoom
  • CTRL/CMD + F to find in page
  • CTRL/CMD + R to refresh the page
  • CTRL/CMD + L to copy current page URL
  • CTRL + CMD + F to enter full screen mode (ALT + CTRL + F on Windows)
@1hoi1chai Kéo vào chrome://extensions
tonhan97
ĐẠI BÀNG
6 năm
Đúng cái đang cần luôn,thanks
Cái nào cần thì dùng thôi, bản thân chrome đã ngốn ram rồi, chạy thêm mấy cái app nữa càng ăn ram và thêm nặng
hay quá
Klg chứ chủ thớt như em. Suốt ngày vô magic club nghe với ngắm mấy em xinh xinh
@Timkelvin còn rezilienza nữa, cho thêm 1 kênh nè :3
@bk9sw Bác thiếu SECtvTM với XDeep music thì tiếc lắm
Jeff Bezos
TÍCH CỰC
6 năm
Cách thứ nhất làm lâu giờ rồi. Thử cái thứ 2 xem thế nào, thấy mod nói ngon...làm kích thích quá
sonph307
ĐẠI BÀNG
6 năm
bên Mac thì không có cái đó nhỉ
mình toàn dùng web chứ không dùng web app bao giờ
quen tay gõ thấy nhanh hơn
donganh444
TÍCH CỰC
6 năm
Em làm Instagram trên Win 7 không được ạ!? Win 7 có làm được không?
CSS3
ĐẠI BÀNG
6 năm
@donganh444 Về bản chất cách 1 chỉ là tạo shortcut truy cập nhanh đến các trang web thôi. Trang nào bác vô được trên web là làm được. Instagram là ứng dụng riêng trên di động mà không có nền tảng web nên sẽ không làm được.
sonph307
ĐẠI BÀNG
6 năm
@CSS3 mình vẫn vô Instagram trên web đấy thôi
New Hope
ĐẠI BÀNG
6 năm
Đó giờ có vọc mà không đi sâu và không biết cái này 😃
Không có dùng Chrome, dùng EDGE thì có được không nhỉ?
thank......

Xu hướng

Bài mới









  • Chịu trách nhiệm nội dung: Trần Mạnh Hiệp
  • © 2024 Công ty Cổ phần MXH Tinh Tế
  • Địa chỉ: Số 70 Bà Huyện Thanh Quan, P. Võ Thị Sáu, Quận 3, TPHCM
  • Số điện thoại: 02822460095
  • MST: 0313255119
  • Giấy phép thiết lập MXH số 11/GP-BTTTT, Ký ngày: 08/01/2019