Aplikasi untuk mebuat aplikasi pada Mobile/Telepon

Menggunakan Cordova mungkin cara tercepat bagi banyak pengembang web untuk mulai membangun aplikasi mobile. Dengan Cordova, Anda tidak perlu belajar satu set baru bahasa pemrograman, Anda hanya dapat menggunakan HTML, CSS, dan JavaScript.
Anda dapat mengkompilasi kode Anda ke berbagai platform mobile, termasuk iOS, Android, Windows Phone dan BlackBerry menggunakan Phonegap membangun alat. Pertanyaannya sekarang adalah "dari mana untuk memulai?"

Untuk memulainya, kita perlu membuat sebuah "Cordova Project". Jika Anda seorang pengembang web yang tertarik dalam membangun aplikasi mobile Anda sendiri, ikuti posting ini. Kami akan menunjukkan kepada Anda cara tercepat untuk memulai sebuah proyek untuk membangun aplikasi mobile dengan Cordova. Mari kita memulai.

Cordova CLI

Cordova dilengkapi dengan Command-line Interface (CLI) yang meliputi perintah untuk membuat sebuah proyek, meniru dan membangun aplikasi. The Cordova CLI tersedia sebagai Paket Node.js. Jadi, Anda harus menginstal Node.js untuk dapat menginstalnya.
Dengan asumsi Anda telah terinstal di komputer Anda, Anda dapat mengetikkan baris perintah ini di Terminal atau Command Prompt untuk menginstal Cordova CLI.

npm install -g cordova

Ini akan menginstal perintah cordova global; Anda dapat mencapai perintah di mana saja di direktori komputer Anda. Ketik cordova-v untuk mendapatkan versi diinstal.

Membuat sebuah Project

Setelah Anda menginstal Cordova CLI, memulai sebuah proyek Cordova akan mudah. Bahkan tanpa menjadi akrab dengan baris perintah, ini harus mudah diikuti. Kita bisa membuat proyek dengan membuat perintah diikuti dengan nama folder proyek, misalnya:

cordova create hongkiatcom

Perintah ini akan mendownload semua file yang diperlukan serta beberapa file contoh untuk membantu kita memulai dengan pembangunan.

Setelah proyek telah dibuat, masuklah ke direktori proyek menggunakan cd . Folder ini harus berisi jumlah folder sebagai berikut.

• Folder hooks mungkin berisi script yang menyesuaikan perintah asli Cordova.
• Folder merges mungkin berisi HTML, CSS, dan file JavaScript untuk platform tertentu dan akan mengesampingkan dengan orang-orang dalam folder www pada penyebaran aplikasi.
• Folder platforms akan berisi file aplikasi asli ketika kami bertujuan untuk membangun untuk platform tertentu.
• Folder plugins akan berisi plugin yang memperpanjang Cordova.
• Folder www berisi file web umum yang dibagi di seluruh platform.

Platform IDE

Sebelum melangkah lebih jauh, kita perlu memiliki IDE seperti Xcode untuk develeping aplikasi iOS, Android Studio untuk mengembangkan Android, dan Visual Studio untuk Windows Phone. Karena saya menggunakan OS X dan memiliki Xcode diinstal sudah, saya akan menggunakan mereka untuk menambahkan platform iOS dalam proyek saya.
Ketik perintah berikut:

cordova platform add ios

Seperti yang telah disebutkan, perintah ini akan menambahkan file asli untuk membangun aplikasi untuk platform yang ditentukan pada command line. Setelah menjalankan perintah di atas, Anda harus menemukan folder bernama ios berisi. Xcodeproj file dan sekelompok file lain, sebagai berikut.

Jika Anda telah menambahkan platform Android, Anda shold menemukan folder bernama android sebagai gantinya.

Menambahkan Project pada (Xcode) IDE

Sekarang kita menambahkan direktori proyek untuk IDE, yang dalam hal ini adalah Xcode. Pergi ke File > Open menu dan arahkan ke direktori platform - misalnya /platforms/ios. Klik Open untuk membuka folder pada Xcode.

Anda dapat mengubah apa pun - HTML, CSS, Gambar, dan JS - dalam folder www. Ketika hal itu dilakukan, klik tombol putar di kiri atas dari Xcode untuk mengkompilasi aplikasi dan hadir di iPhone Simulator.

Kesimpulan

Cordova telah menciptakan aplikasi mobile mudah diikuti. Kita bisa membangun aplikasi mobile seperti kita membangun sebuah website. Dalam posting ini, kami telah menunjukkan Anda bagaimana untuk membuat proyek Cordova dan menyajikan aplikasi di iOS simulator. Sebenarnya ada jauh lebih banyak untuk mengeksplorasi di Cordova. Alas Saya berharap bahwa catatan ini dapat membantu Anda memulai menggunakan Phonegap untuk mengembangkan aplikasi mobile.
Sumber dan gambar dari hongkiat.com