使用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

相关文章

Pydantic中Optional 和Union类型的使用

《Pydantic中Optional和Union类型的使用》本文主要介绍了Pydantic中Optional和Union类型的使用,这两者在处理可选字段和多类型字段时尤为重要,文中通过示例代码介绍的... 目录简介Optional 类型Union 类型Optional 和 Union 的组合总结简介Pyd

Vue3使用router,params传参为空问题

《Vue3使用router,params传参为空问题》:本文主要介绍Vue3使用router,params传参为空问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录vue3使用China编程router,params传参为空1.使用query方式传参2.使用 Histo

使用Python自建轻量级的HTTP调试工具

《使用Python自建轻量级的HTTP调试工具》这篇文章主要为大家详细介绍了如何使用Python自建一个轻量级的HTTP调试工具,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下... 目录一、为什么需要自建工具二、核心功能设计三、技术选型四、分步实现五、进阶优化技巧六、使用示例七、性能对比八、扩展方向建

使用Python实现一键隐藏屏幕并锁定输入

《使用Python实现一键隐藏屏幕并锁定输入》本文主要介绍了使用Python编写一个一键隐藏屏幕并锁定输入的黑科技程序,能够在指定热键触发后立即遮挡屏幕,并禁止一切键盘鼠标输入,这样就再也不用担心自己... 目录1. 概述2. 功能亮点3.代码实现4.使用方法5. 展示效果6. 代码优化与拓展7. 总结1.

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Linux中的计划任务(crontab)使用方式

《Linux中的计划任务(crontab)使用方式》:本文主要介绍Linux中的计划任务(crontab)使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、前言1、linux的起源与发展2、什么是计划任务(crontab)二、crontab基础1、cro

kotlin中const 和val的区别及使用场景分析

《kotlin中const和val的区别及使用场景分析》在Kotlin中,const和val都是用来声明常量的,但它们的使用场景和功能有所不同,下面给大家介绍kotlin中const和val的区别,... 目录kotlin中const 和val的区别1. val:2. const:二 代码示例1 Java

C++变换迭代器使用方法小结

《C++变换迭代器使用方法小结》本文主要介绍了C++变换迭代器使用方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录1、源码2、代码解析代码解析:transform_iterator1. transform_iterat

C++中std::distance使用方法示例

《C++中std::distance使用方法示例》std::distance是C++标准库中的一个函数,用于计算两个迭代器之间的距离,本文主要介绍了C++中std::distance使用方法示例,具... 目录语法使用方式解释示例输出:其他说明:总结std::distance&n编程bsp;是 C++ 标准

vue使用docxtemplater导出word

《vue使用docxtemplater导出word》docxtemplater是一种邮件合并工具,以编程方式使用并处理条件、循环,并且可以扩展以插入任何内容,下面我们来看看如何使用docxtempl... 目录docxtemplatervue使用docxtemplater导出word安装常用语法 封装导出方