使用Ionic构建Hybrid App初体验

2024-04-29 02:08

本文主要是介绍使用Ionic构建Hybrid App初体验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原生应用做多了,刚接触混合开发时多有不适,ionic是混合开发模式的集大成框架,基于phonegap、angularjs、cordova的H5前端框架。


1、环境搭建

参照众多网上的帖子都能顺利搭建,网上提到的出错,比方在安装sudo npm install -g corvoda ionic时出错,可以调整npm 的源到淘宝提供的源上,在终端执行命令:$ npm set registry https://registry.npm.taobao.org,我在ionic start myApp tabs 时一直downloading也是通过修改这个源解决的。


2、Android应用工程的生成和编译,ionic提供了下面的几个命令 完成:

ionic start myapp_tabs  tabs
cd myapp_tabs

ionic platform add android
ionic build android
ionic run android

然后在myapp_tabs\platforms\android\build\outputs\apk 目录下生成一个apk,下载运行即可。


根据网上给出的学习路径,考虑使用ionic进行跨平台APP的开发,javascript是基础,然后是angularjs框架,最基本的使用和路由等知识;最后是corvoda的接口使用原生的功能接口,那么后续主要的精力是在javascript和angularjs知识的学习上面。


开始有了点感觉,但有下面的疑惑,或许现在的理解是对的:如果使用纯web语言开发,是不是自动生成的Android工程就不需要做调整?但比方类似闪屏页、增加权限或者其他的界面,是不是需要调整这个Android工程?我想这块还是需要做开发的。

 

3、附带补充下js编辑器的选择,有经验同事推荐是HBuilder,体验了下,感觉还是挺方便的。


4、Javascript推荐一本《JavaScript语言精粹》的书,好多年前做web项目的时候看过,忘的差不多了,但还模糊记得这本书写的深入浅出,很不错。

这篇关于使用Ionic构建Hybrid App初体验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/944853

相关文章

C++11右值引用与Lambda表达式的使用

《C++11右值引用与Lambda表达式的使用》C++11引入右值引用,实现移动语义提升性能,支持资源转移与完美转发;同时引入Lambda表达式,简化匿名函数定义,通过捕获列表和参数列表灵活处理变量... 目录C++11新特性右值引用和移动语义左值 / 右值常见的左值和右值移动语义移动构造函数移动复制运算符

Python对接支付宝支付之使用AliPay实现的详细操作指南

《Python对接支付宝支付之使用AliPay实现的详细操作指南》支付宝没有提供PythonSDK,但是强大的github就有提供python-alipay-sdk,封装里很多复杂操作,使用这个我们就... 目录一、引言二、准备工作2.1 支付宝开放平台入驻与应用创建2.2 密钥生成与配置2.3 安装ali

C#中lock关键字的使用小结

《C#中lock关键字的使用小结》在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时,其他线程无法访问同一实例的该代码块,下面就来介绍一下lock关键字的使用... 目录使用方式工作原理注意事项示例代码为什么不能lock值类型在C#中,lock关键字用于确保当一个线程位于给定实例的代码块中时

MySQL 强制使用特定索引的操作

《MySQL强制使用特定索引的操作》MySQL可通过FORCEINDEX、USEINDEX等语法强制查询使用特定索引,但优化器可能不采纳,需结合EXPLAIN分析执行计划,避免性能下降,注意版本差异... 目录1. 使用FORCE INDEX语法2. 使用USE INDEX语法3. 使用IGNORE IND

C# $字符串插值的使用

《C#$字符串插值的使用》本文介绍了C#中的字符串插值功能,详细介绍了使用$符号的实现方式,文中通过示例代码介绍的非常详细,需要的朋友们下面随着小编来一起学习学习吧... 目录$ 字符使用方式创建内插字符串包含不同的数据类型控制内插表达式的格式控制内插表达式的对齐方式内插表达式中使用转义序列内插表达式中使用

flask库中sessions.py的使用小结

《flask库中sessions.py的使用小结》在Flask中Session是一种用于在不同请求之间存储用户数据的机制,Session默认是基于客户端Cookie的,但数据会经过加密签名,防止篡改,... 目录1. Flask Session 的基本使用(1) 启用 Session(2) 存储和读取 Se

Java Thread中join方法使用举例详解

《JavaThread中join方法使用举例详解》JavaThread中join()方法主要是让调用改方法的thread完成run方法里面的东西后,在执行join()方法后面的代码,这篇文章主要介绍... 目录前言1.join()方法的定义和作用2.join()方法的三个重载版本3.join()方法的工作原

Spring AI使用tool Calling和MCP的示例详解

《SpringAI使用toolCalling和MCP的示例详解》SpringAI1.0.0.M6引入ToolCalling与MCP协议,提升AI与工具交互的扩展性与标准化,支持信息检索、行动执行等... 目录深入探索 Spring AI聊天接口示例Function CallingMCPSTDIOSSE结束语

Linux系统之lvcreate命令使用解读

《Linux系统之lvcreate命令使用解读》lvcreate是LVM中创建逻辑卷的核心命令,支持线性、条带化、RAID、镜像、快照、瘦池和缓存池等多种类型,实现灵活存储资源管理,需注意空间分配、R... 目录lvcreate命令详解一、命令概述二、语法格式三、核心功能四、选项详解五、使用示例1. 创建逻

在Java中使用OpenCV实践

《在Java中使用OpenCV实践》用户分享了在Java项目中集成OpenCV4.10.0的实践经验,涵盖库简介、Windows安装、依赖配置及灰度图测试,强调其在图像处理领域的多功能性,并计划后续探... 目录前言一 、OpenCV1.简介2.下载与安装3.目录说明二、在Java项目中使用三 、测试1.测