IONIC FRAMEWORK LÀ GÌ

     

Ionic thực sự là gì?

Ionic là 1 trong frameworkđể thành lập và hoạt động và vận động các ứng dụng di cồn đa xuất xứ. Được ra đời và chuyển động dựa vào Angular, Ionic cũng lô ý có nhu cầu một xuất xứ để tích hợp những dịch vụ y y hệt như đẩy các thông tin and nghiên cứu và phân tích.

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

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


*

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

Trong bài bác hướng dẫn này, bọn họ sẽ khởi tạo trong số những phần mềm mobile cần áp dụng framework Ionic and Cordova. Tôi cũngsẽ phân tích và lý giải chiêu bài thành lập và hoạt động và chuyển động các ứng dụng với PhoneGap, vày thế chúng ta không yêu cầu lo cho việc setup các xuất xứ SDK.

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

Phát lộc chúng ta chỉ việc hiểu cơ bản về JavaScript & framework AngularJS. Ionic được làm cho bởi thông bốn (directive),các bộ phận (component) and cần áp dụng ui router mang đến SPA.

Hiện nay, Ionic 1.x thao tác với Angular 1.x, cònIonic 2.x thao tác với Angular2.x.

Thiết đặt and tùy chỉnh thiết lập

Thiết để Cordova hoặc Ionic mong muốn Node và npm đã được cài đặt lên máy của bạn. Chạy lệnh phía phía dưới sau khoản thời gian bạn đã cài đặt Node:


npm install -g cordova ionicCờ -g thiết lập cả cordova và ionic trên quanh vùng phạm vi toàn cục (globally) vì thế những bọn họ cũng hoàn toàn có thể truy vấn nó tự mọi chỗ đứng trên trang bị của tớ. Nó cũng thêm chúng tới biến vạn vật thiên nhiên và môi trường phủ quanh PATH. Để xác thực đã thiết lập xong nhập lệnh:

ionic -v && cordova -v

Tạo một project

Một dự án công trình Bất Động Sản ionic có công dụng được tạo nên bằng chiêu bài cần sử dụng lệnh ionic. Nó sẽ tác động tạo nên bộ khung các file của ứng dụng và tải các dependencies. Chúng ta cũng mở ra thể thêm các tham số để thay đổi kiểu template được tạo thành nên:

ionic start appname templateĐó đó là cú pháp để rất có thể tạo làm cho một dự án công trình Bất Động Sản Ionic. Appname là tên thường gọi dự án Bất Động Sản của chúng ta and template là một trong trong trong những template Inonic hỗ trợ. Nó cũng xuất hiện thêm thể là 1 trong những trong đường liên kết github tới một custom template.

Xem thêm: Cisco Aci Là Gì - (Tiếng Việt) Hướng Dẫn Cách Khai Aci

Tiếp sau họ sẽ khởi tạo giữa những phần mềm Todo để nhìn chiêu bài Ionic thao tác.

Tạo vận dụng Todo

Mở command linetrên máy của người sử dụng and chạy lệnh:

ionic start scotch-todo blankChúng ta cần sử dụng template blank vì sự đơn giản, các bạn cũng xuất hiện thể bắt buộc sử dụng các tempalte khác ví như tabs, sidemenus, …Lệnh trên sẽ khởi tạo được 1 project mới cho mọi bạn & cũng thiết đặt một trong những dependencies.


├── hooks // custom cordova hooks lớn execute on specific commands├── platforms // iOS/Android specific builds will reside here├── plugins // where your cordova/ionic plugins will be installed├── resources // icon với splash màn hình├── scss // scss code, which will đầu ra to www/css/|── www // application – JS code với libs, CSS, images, etc. |———css //customs styles |———img //app images |———js //angular app và custom JS |———lib //third tiệc nhỏ libraries |———index.html //app master page ├── bower.json // bower dependencies├── config.xml // cordova configuration├── gulpfile.js // gulp tasks├── ionic.project // ionic configuration├── package.json // node dependencies

Thông số kỹ thuật những xuất xứ

Như sẽ luận bàn, Cordova khiến cho bạn viết code một lần và chạy trên nhiều nguồn gốc (iOS, Android, Blackberry, Window, …) nhưng chúng ta cũng lộ diện thể vấp ngã nhiệm chi tiết xuất xứ sẽ bao gồm trong dự án Bất Động Sản. Với ứng dụngTodo, đông đảo các bạn sẽ thử bên trên 2 xuất xứ (iOS & Android).

cd scotch-todoionic platform địa chỉ cửa hàng iosionic platform add android

Xem trước ứng dụng

Những chúng ta cũng có thể xem trước ứng dụng của tớ trong trình chú ý sử dụngIonic. Điều này sẽ không được khuyến khích nhưng có chức năng cần sử dụng để nhìn trước áp dụng Todo.

Xem thêm: Tt In Advance Là Gì - Điện Chuyển Tiền T/T

Để quan sát ứng dụng, chạy lệnh sau trong folder scotch-todo:

ionic serveLệnh trên sẽ mở một trình coi sóc tại vị trí http:localhost:8100.Bạn cũng mở ra thể cảm nhận thấy trình duyệt quá lớn để nhìn trong số những phần mềm smartphone and chính vì thế, Ionic thêm –lab như 1 tùy chọn để chạy áp dụng trong trình săn sóc các các bạn sẽ xem trước vận dụng y y như trong Android & iOS.