Ionic thực sự là gì?

Ionic là một trong những frameworknhằm thành lập và hoạt động phần nhiều phần mềm di động cầm tay nhiều nguồn gốc. Đc thành lập dựa trên Angular, Ionic cũng thỏa mãn yêu cầu một bắt đầu để gắn vào rất nhiều dịch vụ hệt nhau nhỏng đẩy hồ hết thông tin & phân tích.

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

Bài Viết: Ionic là gì


*

Ionic ko nên là 1 tùy chọn sửa chữa thay thế mang đến Cordova, mà nó là một thư viện UI để làm cho project Cordova trở lên tốt nhất có thể hơn. Ionic cóthể so sánh cùng với những framework như Bootstrap hoặc Foundation nhưng mà là mang đến di động không hẳn đến Web.

Trong bài hướng dẫn này, những các bạn sẽ sản xuất một phần mượt Smartphone cần sử dụng framework Ionic and Cordova. Tôi cũngđang lý giải phương pháp ra đời phần đông ứng dụng với PhoneGap, vì thế chúng ta không cần bận tâm tới bài toán thiết đặt hồ hết nguồn gốc SDK.

Cái bạn cần biết

Phát tài các bạn chỉ cần gọi cnạp năng lượng bản về JavaScript and framework AngularJS. Ionic đc tạo được vị chỉ thị (directive),số đông nhân tố (component) & dùng ui router mang lại SPA.

Giờ phía trên, Ionic 1.x thao tác làm việc cùng với Angular 1.x, cònIonic 2.x thao tác cùng với Angular2.x.

Setup & thiết lập

Setup Cordova hoặc Ionic nhu cầu Node và npm sẽ được setup bên trên đồ vật của khách hàng. Chạy lệnh phía bên dưới sau khi bạn vẫn cài đặt Node:


npm install -g cordova ionicCờ -g thiết đặt cả cordova & ionic trên phạm vi cục bộ (globally) vì thế những bạn có thể truy vấn nó tự những Vị trí bên trên vật dụng của mình. Nó cũng thêm chúng cho tới trở nên môi trường xung quanh PATH. Để xác nhận đang thiết đặt dứt nhập lệnh:

ionic -v && cordova -v

Tạo một project

Một dự án ionic có thể được tạo nên bằng cách thức dùng lệnh ionic. Nó sẽ ảnh hưởng tạo được bộ form đều tệp tin của ứng dụng and download hầu như dependencies. Bạn cũng hoàn toàn có thể thêm phần đa tmê mệt số để căn uống sửa hình dáng template được tạo nên được:

ionic start appname templateĐấy là cú pháp nhằm chế tác tạo ra một dự án Ionic. appname là tên gọi dự án của khách hàng and template là một trong những trong số template Inonic giúp sức. Nó cũng hoàn toàn có thể là 1 con đường link github cho tới một custom template.

Xem thêm:

Tiếp theo những các bạn sẽ sinh sản 1 phần mượt Tovì để thấy cách thức Ionic thao tác làm việc.

Tạo ứng dụng Todo

Msinh sống comm& linebên trên đồ vật của người tiêu dùng and chạy lệnh:

ionic start scotch-tobởi vì blankChúng ta dùng template blank vị sự đơn giản, bạn cũng có thể sử dụng phần đông tempalte khác ví như tabs, sidemenus, …Lệnh trên sẽ tạo nên được một project new cho các bạn and cũng thiết đặt một vài ba dependencies.

├── hooks // custom cordova hooks phệ execute on specific commands├── platforms // iOS/Android specific builds will reside here├── plugins // where your cordova/ionic plugins will be installed├── resources // ibé với splash screen├── scss // scss code, which will output phệ www/css/|── www // application – JS code cùng libs, CSS, images, etc. |———css //customs styles |———img //ứng dụng images |———js //angular phầm mềm với custom JS |———lib //third tiệc nhỏ libraries |———index.html //ứng dụng 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 đều mối cung cấp gốc

Như sẽ thảo luận, Cordova cứu vớt bạn viết code một lần & điều khiển xe trên nhiều nguồn gốc (iOS, Android, Blackberry, Window, …) tuy vậy chúng ta có thể chỉ định cụ thể xuất phát sẽ kể cả trong dự án. Với ứng dụngTovị, những bạn sẽ demo trên 2 nguồn gốc (iOS và Android).

cd scotch-todoionic platsize add iosionic platsize add android

Xem trước phần mềm

Các bạn có thể xem trước ứng dụng của tôi vào trình chuyên chú sử dụngIonic. Điều ấy không đc khuyến khích nhưng rất có thể dùng để coi trước ứng dụng Tovì chưng.

Để xem phần mềm, chạy lệnh sau trong folder scotch-todo:

ionic serveLệnh trên sẽ mở một trình phê chuẩn tại Vị trí http:localhost:8100.quý khách cũng rất có thể Cảm Xúc trình xem xét quá to giúp thấy một trong những phần mềm mobile & chính vì thế, Ionic thêm –lab như 1 tùy chọn để chạy ứng dụng vào trình chú ý bạn sẽ xem trước ứng dụng tương đồng nlỗi trong Android and iOS.

ionic serve –lab


*

Thành lập một lắp thêm gì đó

Ionic về cơ bảnlà 1 phần mượt website SPA, chúng ta bắt buộc một tệp tin index.html tuy vậy ko cần những route vày phần mềm Todo chỉ cómột view.

Thể Loại: Giải bày Kiến Thức Cộng Đồng
Bài Viết: Ionic Là Gì – Giới Thiệu Ionic Framework

Thể Loại: LÀ GÌ

Nguồn Blog là gì: https://stamboom-boden.com Ionic Là Gì – Giới Thiệu Ionic Framework

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *