Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Computer Skills
  2. App Training

Tip Cepat: Membuat Pintasan App Chrome untuk Aplikasi Web

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Sementara saya punya segala sesuatu yang saya inginkan sebagai aplikasi native di Mac home, segala sesuatunya menjadi lebih rumit di netbook Windows dan Chrome OS saya. Di sana, saya menggunakan aplikasi web di lebih banyak pekerjaan saya, dan yang paling nyaman adalah meluncurkan aplikasi web yang memiliki aplikasi dari Web Store Chrome. Satu-satunya masalah adalah, tidak setiap web app memiliki sebuah aplikasi di Web Store.

Meskipun, itu tidak seharusnya menjadi masalah. Dalam tutorial ini, saya akan menunjukkan Anda bagaimana untuk membuat cara pintas Chrome app Anda sendiri, dan bagaimana menggunakannya untuk merampingkan alur kerja Anda.

Membuat Pintasan Chrome App

Anda mungkin bertanya-tanya mengapa saya tidak menggunakan bookmark saja, tapi mereka bukan selalu cara terbaik untuk menuju ke aplikasi web saya. Saya menggunakan 1Password, manajer password yang kuat, untuk mengelola tentang segala hal, dari password eponim kartu kredit sampai catatan yang aman. Mengandalkan ke aplikasi sehingga benar-benar membuatnya sulit untuk beralih ke sistem operasi yang tidak didukung. 1Password tersedia pada perangkat apa saja, tetapi karena ekstensi Chrome 1Password membutuhkan app Mac atau Windows yang menyertainya, maka ia tidak bekerja di Chrome OS.

Sebaliknya, saya dapat membuat pintasan web app untuk penyimpanan 1Password saya di Dropbox. Karena Chrome akan membuka pintasan app sebagai windows yang berdiri sendiri, Chrome OS versi Mac app saya akan terlihat hampir sama dan berfungsi cukup mirip dengan yang asli juga.

Berikut adalah bagaimana saya membuat pintasan brankas 1Password saya di Chrome, dan bahkan jika Anda tidak menggunakan 1Password, tip ini dapat bekerja untuk hampir semua aplikasi web.

Cara kerjanya

Langkah 1

Buat folder untuk pintasan baru Chrome app Anda. Hanya aset untuk app yang masuk ke dalam folder, sehingga pastikan setiap Chrome app Anda mendapatkan folder-nya sendiri.

Langkah 2

Buka editor teks, seperti TextEdit di Mac atau Text.app untuk Chrome. Sisipkan teks di bawah ke dokumen baru; jika editor teks Anda memungkinkan teks yang kaya, pastikan Anda dalam modus Plain Text.

Saatnya untuk mengedit Chrome app. Ganti APP NAME and DESCRIPTION dalam dokumen baru dengan nam aplikasi Anda dan deskripsi singkat. Karena aplikasi ini hanya untuk Anda, maka Anda bebas untuk nama apapun yang Anda suka.

Add a name and description
Tambahkan nama dan deskripsi.

Langkah 3

Cari sebuah ikon yang ingin Anda gunakan untuk aplikasi Chrome Anda. Ikon app bawaan atau favicon untuk aplikasi atau situs web yang cara pintas Anda akan dituju adalah pilihan yang mudah, dan dengan menggunakan Pencarian Gambar Google Anda seharusnya bisa menemukan dengan cepat gambar PNG yang sesuai dengan latar belakang transparan.

Jika Anda dapat menemukan gambar Anda suka berukuran 128x128 piksel, itu lebih baik. Jika tidak, ubah ukuran atau potong gambar Anda ke dimensi tersebut. Tempatkan gambar di folder Chrome app, dan ganti ICON.png dengan nama file gambar.

Add a 128x128 pixel icon to the folder
Tambahkan ikon 128 x 128 piksel ke folder.

Langkah 4

Ganti http://URL.COM dengan URL yang akan ditunjuk pintasan Chrome app Anda. Pastikan untuk mengganti semua instance http://URL.COM, atau aplikasi Chrome Anda tidak akan bekerja.

Paste the web app URL
Sisipkan URL web app.

Langkah 5

Simpan dokumen teks sebagai manifest.json di folder Chrome app. Jika file bernama selain itu, Chrome tidak akan dapat menggunakan pintasan app Anda.

Save the file as manifestjson
Simpan file sebagai manifest.json.

Beberapa editor teks mungkin mencoba untuk memaksa ekstensi TXT atau meminta Anda untuk mengkonfirmasi ekstensi JSON. Jika Anda memiliki masalah, buka folder Chrome app dan ubah ekstensi file secara manual.

Make sure to use the JSON extension
Pastikan untuk menggunakan ekstensi JSON.

Langkah 6

Buka tab Extensions Chrome yang ditemukan di Window menu atau di bawah Tools di menu dropdown di sebelah kanan bar alamat.

Open Chromes Extentions
Buka Extensions Chrome.

Pilih kotak centang untuk masuk ke Developer Mode. Klik Load Unpacked Extension, dan temukan folder app Chrome yang Anda buat sebelumnya.

Enter Developer Mode
Masuk ke Developer Mode.
Add your app to Chrome
Tambahkan aplikasi Anda ke Chrome.

Setelah Anda telah mengkonfirmasi direktori aplikasi Chrome Anda, dia akan muncul di bagian atas daftar Extensions Anda. Perhatikan bahwa nama dan deskripsi app sama seperti di file manifest.json. Selanjutnya di Loaded From, Chrome menampilkan jalur direktori ke app Chrome Anda.

Your Chrome app will appear in the Extensions list
App Chrome Anda akan muncul dalam daftar Extensions.

Tip: Jika Anda memindahkan folder app Chrome, aplikasi tidak akan lagi bekerja. Relokasi menggunakan Load Unpacked Extension.

Langkah 7

Aplikasi baru Anda sekarang berada di Chrome App Launcher. Klik ikon app untuk membuka URL yang terkait dengan aplikasi Chrome Anda di tab yang baru.

Meskipun itu benar-benar tidak lebih baik daripada bookmark. Pintasan aplikasi Chrome berguna ketika Anda ingin selalu membuka URL sebagai tab tersemat atau di layar penuh. Klik kanan pada ikon apl dan pilih Open as Pinned Tab atau Open Full Screen untuk menetapkan preferensi Anda.

Open the app shortcut in different ways
Buka pintasan apl dengan cara yang berbeda.

Langkah 8

Itu tentang batasan pintasan aplikasi Chrome pada Mac, tapi Anda dapat mengambil satu langkah lebih lanjut di Windows atau Chrome OS.

Di Windows atau Chrome OS, temukan ikon Anda di Chrome Apps Launcher. Klik kanan pada ikon app, dan Anda akan melihat tambahan pilihan Open as Window. App Chrome Anda akan terbuka di jendela mandiri pada desktop dan akan terlihat jauh lebih mirip aplikasi mandiri, di luar dari Chrome.

In Windows or Chrome OS open the web app in its own window
Di Windows atau Chrome OS, buka web app di jendelanya sendiri.

Tip: Fluid untuk Mac dapat membuat aplikasi standalone dari URL, tetapi seperti app Chrome, mereka masih memerlukan koneksi internet untuk bekerja. App Fluid terpisah dari browser lain, sehingga mereka tidak berbagi cookie seperti yang dilakukan app Chrome. Yang membuat mereka pilihan yang sangat baik untuk tetap login ke beberapa account pada saat yang sama pada Mac Anda. Meskipun jika Anda tidak memerlukannya, pintasan app Chrome adalah alternatif gratis yang berfungsi hampir sama.

Kesimpulan

Ada banyak bagus di Chrome App Store, tetapi ada banyak aplikasi yang masih belum berhasil bekerja atau memiliki fungsi terbatas di berbagai perangkat. Dengan tip ini, Anda dapat mengisi banyak kesenjangan tersebut dan membuat pintasan aplikasi Chrome Anda tetap bekerja.

Mengalami hambatan dalam membuat pintasan app Chrome  Anda sendiri? Tinggalkan komentar di bawah ini, dan kami akan senang untuk membantu Anda mengatasinya.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.