混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic，搭建开发环境，创建项目

最新推荐文章于 2022-02-18 10:50:25 发布
VIP文章 最新推荐文章于 2022-02-18 10:50:25 发布
阅读量3.9k 收藏 1
点赞数 1
分类专栏： ----------- other ---------- ionic2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/riven_wn/article/details/53380297
版权

写在前面

目前市面存在的移动开发方式有原生应用、混合应用、原生应用三种，对于这种方式可以做以下对比。

    

认识ionic

ionic 是一个用来开发混合手机应用的，开源的，免费的代码库，具有以下特点。

1.ionic 基于Angular语法，简单易学。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVVM ，代码易维护。
4.ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。
最低0.47元/天 解锁文章
布怀特
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ionic混合开发APP
07-18
1 简介 1、Native APP（原生） 2、Hybrid APP（混合） 3、React Native Hybrid App按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型。 2 技术 2.1 技术选型 Ionic 2.1.1 Ionic介绍 Ionic是一款基于Angular、Cordova的强大的HTML5移动应用开发框架，可以快速创建一个跨平台的移动医用。可以快速开发移动APP、移动WEB页面、微信公众平台应用，混合APP WEB页面。 2.1.2 Ionic和cordova、Angular关系 Ionic = cordova + Angular + ionic Css Ionic 是完全基于谷歌的 Angular 框架，在 Angular 基础上面做了一些封装，让我们可以更快速和容易的开发移动的项目。Ionic 调用原生的功能是基于 Cordova,Cordova 提供了使用JavaScript 调用 Native 功能，ionic 自己也封装了一套漂亮的 CSS UI 库。 2.1.3 开发工具 Visual Studio Code 2.1.4 管理工具 Git 2.2 环境搭建 2.2.1 概述 2.2.2 JDK 2.2.2.1 版本 jdk1.8 2.2.2.2 配置 JAVA_HOME PATH CLASSPATH 2.2.3 Apache ant 2.2.3.1 版本 1.9.12 2.2.3.2 解压 2.2.3.3 配置 ANT_HOME: D:\android\apache-ant-1.10.4 Path: %ANT_HOME%\bin 2.2.3.4 查看安装版本 ant –v 2.2.4 android SDK 2.2.4.1 版本 r24.4.1 2.2.4.2 配置 ANDROID_SDK_HOME: D:\Android\android-sdk-windows Path:%ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\tools 2.2.4.3 SDK 通过SDK Manager下载相关的版本 2.2.4.4 查看信息 android -h 2.2.5 node.js 2.2.5.1 版本 8.11.3 2.2.5.2 安装 2.2.5.3 查看版本 node –v npm -v 2.2.6 npm/cnpm 2.2.6.1 安装npm nodejs已经集成了npm 2.2.6.2 安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.2.7 cordova 2.2.7.1 版本 8.0.0 2.2.7.2 安装 npm install -g cordova 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.7.3 查看版本 cordova -v 2.2.8 ionic 2.2.8.1 版本 3.20.0 2.2.8.2 安装 npm install –g ionic 可以使用cnpm代替npm cnpm install -g cordova ionic 2.2.8.3 查看版本 ionic –v 2.2.8.4 查看信息 ionic info 3 项目 3.1 创建 3.1.1 新建 3.1.2 启动 3.1.3 打包 3.1.3.1 添加 3.1.3.2 生产release版apk（签名后安装） 3.1.3.3 生成debug版apk 3.1.4 签名 3.1.4.1 生成签名文件 keytool -genkey -v -keystore testapp.keystore -alias testapp.keystore -keyalg RSA -validity 20000 3.1.4.2 apk签名 jarsigner -verbose -keystore testapp.keystore -signedjar app-release-signed.apk app-release-unsigned.apk testapp.keystore 3.1.5 安装 安卓手机安装使用
【项目问题】Ionic开发移动端app，手把手教你如何打包生成apk
Dai的博客
08-02 3631
【项目问题】Ionic开发移动端app，手把手教你如何打包生成apk
Ionic创建一个简单的APP
良_123的专栏
03-07 998
一个先进的App框架:使用Ionic创建一个简单的APP 时间 2015-05-18 20:22:13  W3CPlus 原文  http://www.w3cplus.com/mobile/building-simple-app-using-ionic-advanced-html5-mobile-app-framework.html 主题 Ionic Framework
使用ionic开发自己的第一个游戏APP
Caco 的博客
08-17 1251
前言 这近在跟APP对接接口，在等待对接的空隙中，让我想起了被我遗忘的HybridApp技术 ionic ，于是就有了今天这篇新手级的教程。 当初使用的是ionic 3 ，现在升级到了ionic 6.x。变化比较大，支持Angular、Vue、React或其它任意JS框架，它甚至可以使用简单的脚本独立使用，无需任何前端框架 有关 ionic 的使用本文不详细描述，请查阅官网地址：https://ionicframework.com/docs 安卓调试环境 几年前写过一篇ionic 3 的安卓调试环境配置，但
Ionic和Hybrid应用介绍
weixin_33786077的博客
09-12 63
　　对于许多开发者来说，构建移动应用已经成为一项重要技能，在Ionic的帮助下，你可以构建和原生应用非常相似的Hybrid应用。Hybrid应用值的是使用浏览器窗口展示界面的移动应用。Ionic通过集成工具和功能，让开发者可以使用构建网站和Web应用的技术（主要是HTML，CSS和Javascript）快速构建Hybrid移动应用。Ionic的工作原理是通过Cordova把一个Web应用嵌入原生应...
混合开发Ionic+angular快速开发App
qq_33703512的博客
06-21 6562
对于新入门的移动开发者而言，摆在面前的移动应用开发有三种口味 Native App： 本地应用程序（原生App） Web App：网页应用程序（移动web） Hybrid App：混合应用程序（混合App） Hybrid App兼具了Native App良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。目前已经有众多Hybrid App开发成功应用，比如美团、爱奇艺、...
ionic-hybrid-app-demo:使用angularJS和ionic的混合应用程序演示
04-29
基于教程演示混合应用程序
ionic-timepicker：用于离子框架应用的“ ionic-timepicker”凉亭组件
01-31
这是一个ionic-timepicker组件，可以在任何Ionic框架的应用程序中使用。 该组件不需要其他插件。 该插件是完全开源的。 请在将此插件评分 从0.5.0版开始，此组件具有许多新功能，并且您应使用的方式与该组件的旧...
ionic-cordova-vue-seed:ionicCli，cordova，vue的模板
05-17
支持cordova-plugin来使Hybrid-Vue成为现实。 环境 离子的：sudo npm i离子-g 科尔多瓦：sudo npm i [email protected] -g 安装 sudo git clone cd离子cordova-vue种子 光盘vueApp 须藤npm我 须藤npm运行开发 编码 ...
ionic-toast：用于离子框架应用的“ ionic-toast”凉亭组件
02-21
这是一种ionic-toast凉亭组件，可以与任何Ionic框架的应用程序一起使用。 先决条件。 1） node.js，bower和gulp。 如何使用： 1）在项目存储库中，使用Bower安装ionic-toast bower install ionic-toast --save ...
WebView使用Ionic框架混合式开发
08-18
Android和H5混合式开发框架基本实现
利用Android Studio + Ionic 进行Hybird App开发初级教程源码
01-14
详情请见http://blog.csdn.net/edgarng/article/details/50513558
ionic混合开发app,前端ionic+crodova+angularjs，后端springboot
12-10
前后端都做了小的demo，资源里有我自己做的类似朋友圈似的图片上传，springboot+mybatis作为后端（可以写原生sql，或注解方式写sql），前端ionic3+cordova+angularjs4+typescript
ionic app 开发学习
qq_42788101的博客
02-18 2352
ionic app 开发学习 文章目录ionic app 开发学习一、创建ionic项目二、打包生成 android APP 测试版本三、二维码扫描功能实现（Barcode Scanner）总结 一、创建ionic项目 1. 安装ionic npm i –g @ionic/cli 2. 检测ionic环境 ionic –V 3. 创建ionic项目 ionic start name blank 4. 下载相关依赖 npm i @ionic-native/in-app-purchase-2 npm
用ionic快速开发hybird App（已附源码,在下面+总结见解）
weixin_30536513的博客
04-16 354
用ionic快速开发hybird App（已附源码,在下面+总结见解） 1.ionic简介 ionic 是用于敏捷开发APP的解决方案。核心思路是：利用成熟的前端开发技术，来写UI和业务逻辑。也就是说，就是一个H5网站，这个区别于react-native，native。即是：“写一次，到处运行”。 从去年到现在，也是红得发...
一些有关git的常用的终端命令和常见问题
任意门
03-16 630
很久之前简单写过一篇关于Git工具 SourceTree 的使用的文章（传送门），其实最原始的git操作，都是用git命令来完成的，所以今天特地抽空把git命令的使用总结了一下，希望大家多多交流，发现问题也请在评论区指正。 克隆/ 暂存/ 提交/ 拉取/ 推送 克隆远程仓库到本地： git clone 远程地址 查看未暂存文件修改情况： git diff 查看暂存区的文件...
机器学习介绍及在金融领域的应用.zip
最新发布
05-05
机器学习
@ionic-native/in-app-browser怎么使用
06-04
@ionic-native/in-app-browser是一个Ionic Native插件，它提供了一个原生InAppBrowser对象用于在应用程序中打开外部网页或文档。 要使用@ionic-native/in-app-browser，您需要执行以下步骤： 1. 在您的Ionic项目中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值