- Notifications
You must be signed in to change notification settings - Fork35
本项目是用cordova+ionic3+angular4实现的一个简单的demo,可以用来参考。现有功能为登录模块,Home主页面,左侧menu菜单,segment选项卡,列表,搜索页面,详细页面,底部TAB,用户登出等。实例中还提供了安卓端和ios端样式调整的方法,还有安卓和ios端分别实现的消息推送功能
License
nurdun/ionic3-App
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This is a starter template forIonic projects.
This template does not work on its own. The shared files for each starter are found in theionic2-app-base repo.
To use this template, either create a new ionic project using the ionic node.js utility, or copy the files from this repository into theStarter App Base.
Take the name afterionic2-starter-
, and that is the name of the template to be used when using theionic start
command below:
$ sudo npm install -g ionic cordova$ ionic start myTabs tabs
Then, to run it, cd intomyTabs
and run:
$ ionic cordova platform add ios$ ionic cordova run ios
Substitute ios for android if not on a Mac.
首先在电脑上安装好ionic3,Android SDk,xcode等需要的环境
用 git clone 的方式拉项目到本地
先到package.json中删掉jpush-phonegap-plugin(注意dependencies和cordova中都删掉)
jpush-phonegap-plugin 需要先删掉,等安装完其他依赖之后再单独安装,因为这里的消息推送插件需要配置自己的appkey
不需要消息推送功能的话,删掉这个插件和之后app.component.ts中的消息推送相关代码就可以
用 npm install 的方式 安装node_modules
用ionic serve 命令可以启动项目并在浏览器中查看(此功能需要删掉消息推送相关代码)
ios的消息推送功能用到了phonegap-plugin-push插件,本插件在安卓上需要使用google services通过firebase来推送消息。
因为我们用不了google services,所以Android端用了极光的jpush-phonegap-plugin来实现了消息推送。
要打包成Android时需要用 ionic cordova plugin remove phonegap-plugin-push命令来删除phonegap-plugin-push插件
否则的话因为获取不到google services配置文件,打包会失败。这个问题之后会解决
ionic cordova platform add android 打包安卓项目
ionic cordova emulate android -lc 启动安卓模拟器并查看项目
ionic cordova run android -lc 真机调试
ionic cordova platform add ios
ionic cordova emulate ios -lc
ionic cordova run ios -lc
config.xml中的widget 需要替换成自己的App id
安装npm package时可能会报错
建议自己ionic start xxx新建一个ionic3项目然后把代码复制进去运行
创建新项目并复制我的代码的时候需要单独安装几个插件和npm包
$ ionic cordova plugin add phonegap-plugin-push
$ npm install --save @ionic-native/push
ionic plugin add jpush-phonegap-plugin --variable APP_KEY=your_jpush_appkey
$ npm install --save ionic3-jpush
上面四个是消息推送相关的插件和包,如果不需要消息推送功能的话可以不安装,记得注释掉app.component.ts中的相关代码就好
$ npm install --save cordova-sqlite-storage