Giới Thiệu Ionic Framework

Ionic thực sự là gì?

Ionic là một trong những frameworknhằm tạo những áp dụng di động nhiều gốc rễ. Được gây ra dựa trên Angular, Ionic cũng hỗ trợ một nền tảng nhằm tích phù hợp những dịch vụ giống như đẩy các thông tin với so sánh.Quý khách hàng đã xem: Ionic là gì


*

Ionic chưa hẳn là một trong những tùy chọn thay thế mang lại Cordova, mà nó là một thỏng viện UI để triển khai mang lại project Cordova trở lên xuất sắc rộng. Ionic cóthể so sánh cùng với các framework nhỏng Bootstrap hoặc Foundation tuy nhiên là mang đến mobile chưa hẳn cho Web.

Bạn đang xem: Giới thiệu ionic framework

Trong bài bác chỉ dẫn này, bọn họ sẽ tạo một ứng dụng điện thoại thực hiện framework Ionic với Cordova. Tôi cũngđã lý giải biện pháp xây đắp những vận dụng với PhoneGap, chính vì thế chúng ta không phải lo tới vấn đề thiết đặt những gốc rễ SDK.

Cái bạn nên biết

May mắn chúng ta chỉ việc đọc cơ bạn dạng về JavaScript với framework AngularJS. Ionic được tạo nên do thông tư (directive),những nhân tố (component) và áp dụng ui router mang đến SPA.

Bây Giờ, Ionic 1.x làm việc với Angular 1.x, cònIonic 2.x làm việc cùng với Angular2.x.

Cài đặt cùng thiết lập

Cài đặt Cordova hoặc Ionic đề xuất Node và npm đã được cài đặt để lên máy của người tiêu dùng. Chạy lệnh phía bên dưới sau khi bạn đã thiết lập Node:

npm install -g cordova ionicCờ -g setup cả cordova cùng ionic trên phạm vi toàn thể (globally) vì thế chúng ta có thể truy vấn nó từ bỏ đều địa điểm bên trên vật dụng của chính bản thân mình. Nó cũng thêm chúng tới vươn lên là môi trường PATH. Để xác nhận đang thiết đặt xong xuôi nhập lệnh:

ionic -v && cordova -v

Tạo một project

Một dự án công trình ionic hoàn toàn có thể được tạo ra bằng cách thực hiện lệnh ionic. Nó sẽ tạo ra bộ form các tệp tin của ứng dụng và cài những dependencies. Quý Khách hoàn toàn có thể thêm các tmê man số nhằm chuyển đổi hình dạng template được chế tạo ra ra:

Tiếp theo chúng ta sẽ tạo một vận dụng Tovì giúp xem cách Ionic làm việc.

Xem thêm: Cách Đọc Đơn Vị Tiền Tệ Trong Tiếng Trung, Tiền Tệ Và Đổi Tiền Trong Tiếng Trung

Tạo ứng dụng Todo

Mlàm việc commvà linetrên trang bị của chúng ta và chạy lệnh:

ionic start scotch-tovì chưng blankChúng ta thực hiện template blank vì chưng sự dễ dàng và đơn giản, bạn có thể thực hiện những tempalte khác như tabs, sidemenus, ...Lệnh trên sẽ khởi tạo ra một project bắt đầu mang lại chúng ta cùng cũng cài đặt một vài dependencies.

├── hooks // custom cordova hooks to lớn exexinh tươi on specific commands├── platforms // iOS/Android specific builds will reside here├── plugins // where your cordova/ionic plugins will be installed├── resources // ibé và splash screen├── scss // scss code, which will output to www/css/|── www // application - JS code & libs, CSS, images, etc. |---------css //customs styles |---------img //ứng dụng images |---------js //angular tiện ích và custom JS |---------lib //third buổi tiệc ngọt libraries |---------index.html //tiện ích master page ├── bower.json // bower dependencies├── config.xml // cordova configuration├── gulptệp tin.js // gulp tasks├── ionic.project // ionic configuration├── package.json // node dependencies

Cấu hình các nền tảng

Nlỗi sẽ bàn bạc, Cordova giúp đỡ bạn viết code một đợt cùng chạy xe trên nhiều căn nguyên (iOS, Android, Blackberry, Window, ...) tuy vậy chúng ta có thể hướng đẫn rõ ràng nền tảng sẽ bao gồm vào dự án công trình. Với ứng dụngTobởi, họ sẽ demo bên trên 2 gốc rễ (iOS và Android).

cd scotch-todoionic platkhung add iosionic platkhung add android

Xem trước ứng dụng

Chúng ta rất có thể coi trước ứng dụng của chính bản thân mình trong trình coi ngó sử dụngIonic. Điều này không được khuyến nghị nhưng có thể sử dụng giúp thấy trước ứng dụng Todo.

Để xem áp dụng, chạy lệnh sau trong tlỗi mục scotch-todo:

ionic serve --lab


*

Xây dựng một đồ vật gì đó

Ionic về cơ bảnlà 1 trong những áp dụng web SPA, bọn họ buộc phải một tệp tin index.html tuy vậy không đề xuất những route do ứng dụng Tovì chưng chỉ cómột view.