- 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
About
本项目是用cordova+ionic3+angular4实现的一个简单的demo,可以用来参考。现有功能为登录模块,Home主页面,左侧menu菜单,segment选项卡,列表,搜索页面,详细页面,底部TAB,用户登出等。实例中还提供了安卓端和ios端样式调整的方法,还有安卓和ios端分别实现的消息推送功能
Topics
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
Packages0
Uh oh!
There was an error while loading.Please reload this page.