2、开发流程-Web为主的HyBrid开发
2016-05-03 17:55
411 查看
二、Web部分开发流程
1、新建项目:
因目前开发hybrid项目主要还是使用ionic UI框架以及AngularJs框架,所以
a、切换到自己对应的工作空间:ionic start 工程名称 ,然后会自己下载基础包
并且后面还能加参数,表示自带某种效果
http://jingyan.baidu.com/article/d71306352b2e4713fdf475b8.html
b、或者在webStrom中直接新建phonegap/cordova项目(当装了ionic后,就不方便创建cordova项目了)
三、原生插件开发流程
(1)、添加第三方插件:(删除插件-ionic plugin rm 插件名称)
查看有哪些插件:ionic plugin ls
a、ionic plugin add (git目录/本地目录)
批量添加插件:ionic plugin add cordova-plugin-console cordova-plugin-device
(2)、编写自定义插件
1、android
a、或者直接在webStrom中新建:在plugins文件夹写自定义插件目录
b、可以仿照官方插件格式来做,也可以都放在一个文件夹中,最后在plugin.xml中做好配置就好了,将所有文件配置好,java类名字起好,里面可以先不写东西。
(3)、部署移动端app
4、创建好后还需要通过创建ios和android平台文件,用来适配这两个平台:ionic platform add android
5、ionic build android ,然后用android studio打开paltform文件夹中的android文件夹
6、在AS中对java文件进行编写,然后复制到webStrom中的plugins目录中的那个java文件中
7、然后再次build,这时中的android目录就会更新好,有时不会更新,就需要ionic platform rm android,然后再次add,重复5,6,7操作。
8、运行:ionic run android 或者在AS中直接点击run
1、新建项目:
因目前开发hybrid项目主要还是使用ionic UI框架以及AngularJs框架,所以
a、切换到自己对应的工作空间:ionic start 工程名称 ,然后会自己下载基础包
并且后面还能加参数,表示自带某种效果
http://jingyan.baidu.com/article/d71306352b2e4713fdf475b8.html
b、或者在webStrom中直接新建phonegap/cordova项目(当装了ionic后,就不方便创建cordova项目了)
三、原生插件开发流程
(1)、添加第三方插件:(删除插件-ionic plugin rm 插件名称)
查看有哪些插件:ionic plugin ls
a、ionic plugin add (git目录/本地目录)
批量添加插件:ionic plugin add cordova-plugin-console cordova-plugin-device
(2)、编写自定义插件
1、android
a、或者直接在webStrom中新建:在plugins文件夹写自定义插件目录
b、可以仿照官方插件格式来做,也可以都放在一个文件夹中,最后在plugin.xml中做好配置就好了,将所有文件配置好,java类名字起好,里面可以先不写东西。
(3)、部署移动端app
4、创建好后还需要通过创建ios和android平台文件,用来适配这两个平台:ionic platform add android
5、ionic build android ,然后用android studio打开paltform文件夹中的android文件夹
6、在AS中对java文件进行编写,然后复制到webStrom中的plugins目录中的那个java文件中
7、然后再次build,这时中的android目录就会更新好,有时不会更新,就需要ionic platform rm android,然后再次add,重复5,6,7操作。
8、运行:ionic run android 或者在AS中直接点击run
相关文章推荐
- 内部Hybrid App经验解读
- Electron+React+Webpack+Vscode应用桌面开发平台搭建
- 华为:Access、Hybrid和Trunk三种模式的理解
- 2月1日AppCan为完美支持arm 64,特别发布升级公告
- AppCan获得B轮1亿元融资并宣布移动引擎开源
- VLAN笔记
- WebViewJavascriptBridge 解析
- 初写博客--laravel与hybrid 开发的数据传输
- App 开发:Hybrid 架构下的 HTML5 应用加速方案
- iOS平台集成HTML5+SDK
- 1、环境搭建-Web为主的HyBrid开发
- WebView实用功能与技巧
- Android Hybird架构之整合XwalkView,让你的App内置chromium内核
- iOS hybrid App 的实现原理及性能监测
- WebView解析
- Android Webview常见问题及解决方案
- Access、Hybrid和Trunk三种模式的理解
- (一)Electron入门介绍
- (二)electron 文件系统访问