Ionic thực thụ là gì?

Ionic là 1 trong frameworkđể kiến tạo những áp dụng di động nhiều nền tảng. Được thành lập dựa vào Angular, Ionic cũng cung cấp một căn nguyên để tích vừa lòng các hình thức y hệt như đẩy những thông báo cùng phân tích.

Bạn đang xem: Ionic là gì

*

Ionic chưa phải là một tùy chọn thay thế mang đến Cordova, nhưng nó là 1 thỏng viện UI để triển khai cho project Cordova trlàm việc lên xuất sắc hơn. Ionic cóthể đối chiếu cùng với các framework nhỏng Bootstrap hoặc Foundation tuy nhiên là đến mobile chưa phải mang đến Web.

Trong bài xích lí giải này, họ sẽ tạo nên một vận dụng mobile sử dụng framework Ionic cùng Cordova. Tôi cũngđã lý giải bí quyết tạo ra những vận dụng với PhoneGap, chính vì như vậy bọn họ không phải lo cho tới câu hỏi thiết đặt các gốc rễ SDK.

Cái chúng ta nên biết

May mắn bạn chỉ cần hiểu cơ bản về JavaScript cùng framework AngularJS. Ionic được tạo ra vày chỉ thị (directive),các yếu tố (component) và thực hiện ui router mang đến SPA.

Bây Giờ, Ionic 1.x thao tác cùng với Angular 1.x, cònIonic 2.x thao tác cùng với Angular2.x.

Cài đặt với thiết lập

Cài đặt Cordova hoặc Ionic từng trải Node và npm đã làm được cài đặt đặt lên trên lắp thêm của khách hàng. Chạy lệnh phía bên dưới sau khi chúng ta sẽ cài đặt Node:

npm install -g cordova ionicCờ -g cài đặt cả cordova với ionic trên phạm vi tổng thể (globally) vì vậy chúng ta cũng có thể truy cập nó trường đoản cú đều chỗ 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 đổi mới môi trường PATH. Để xác nhận sẽ cài đặt xong xuôi nhập lệnh:

ionic -v &và cordova -v

Tạo một project

Một dự án ionic rất có thể được tạo ra bằng phương pháp sử dụng lệnh ionic. Nó sẽ tạo nên ra cỗ khung các file của áp dụng và thiết lập các dependencies. Bạn hoàn toàn có thể thêm các ttê mê số nhằm đổi khác loại template được tạo nên ra:

ionic start appname templateĐó là cú pháp để tạo ra tạo ra một dự án công trình Ionic. appname là tên gọi dự án của người tiêu dùng và template là 1 trong những trong số những template Inonic hỗ trợ. Nó cũng rất có thể là 1 trong đường link github cho tới một custom template.

Xem thêm: 5 Cách “ Lạt Mềm Buộc Chặt Trong Tình Yêu, 5 Cách “Lạt Mềm Buộc Chặt”

Tiếp theo họ sẽ khởi tạo một vận dụng Tovì chưng để xem cách Ionic làm việc.

Tạo áp dụng Todo

Mnghỉ ngơi command linetrên thiết bị của khách hàng cùng chạy lệnh:

ionic start scotch-tovì chưng blankChúng ta thực hiện template blank bởi vì sự dễ dàng, bạn có thể áp dụng các tempalte khác ví như tabs, sidemenus, ...Lệnh bên trên sẽ khởi tạo ra một project mới đến chúng ta cùng cũng thiết đặt một vài ba dependencies.

├── hooks // custom cordova hooks to lớn exedễ thương 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 lớn www/css/|── www // application - JS code and libs, CSS, images, etc. |---------css //customs styles |---------img //ứng dụng images |---------js //angular ứng dụng & custom JS |---------lib //third buổi tiệc nhỏ libraries |---------index.html //ứng dụng master page ├── bower.json // bower dependencies├── config.xml // cordova configuration├── gulpfile.js // gulp tasks├── ionic.project // ionic configuration├── package.json // node dependencies

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

Như đang bàn luận, Cordova giúp bạn viết code một đợt và chạy trên những căn nguyên (iOS, Android, Blackberry, Window, ...) mà lại bạn cũng có thể hướng dẫn và chỉ định cụ thể căn cơ đang bao hàm trong dự án công trình. Với ứng dụngTobởi vì, bọn họ vẫn demo trên 2 căn cơ (iOS với Android).

cd scotch-todoionic platkhung add iosionic platform add android

Xem trước ứng dụng

Chúng ta hoàn toàn có thể xem trước ứng dụng của bản thân mình trong trình để mắt sử dụngIonic. Điều này sẽ không được khuyến khích nhưng lại có thể sử dụng để thấy trước vận dụng Tovị.

Để xem ứng dụng, chạy lệnh sau vào thư mục scotch-todo:

ionic serveLệnh trên sẽ mtại một trình chăm nom ở khu vực http:localhost:8100.quý khách hàng rất có thể thấy trình chuẩn y quá to để xem một áp dụng Smartphone cùng vị vậy, Ionic thêm --lab nlỗi một tùy chọn để chạy áp dụng trong trình để mắt tới bạn sẽ xem trước ứng dụng giống như vào Android và iOS.

Xem thêm: Hội Chứng Zollinger Ellison La Gi, Hội Chứng Zollinger

ionic serve sầu --lab

*

Xây dựng một thiết bị gì đó

Ionic về cơ bảnlà 1 trong vận dụng website SPA, bọn họ cần một tệp tin index.html tuy vậy không bắt buộc những route vì chưng áp dụng Todo chỉ cómột view.