Skip to content
Jackblog App ionic 2.0 版, 一个使用 ionic2.0 + typescript 开发的博客App.
TypeScript CSS HTML JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app
declare
hooks
resources
www
.gitignore
History.md
LICENSE
README.md
config.xml
gulpfile.js
ionic.config.json
package.json
tsconfig.json
typings.json

README.md

Jackblog App ionic2.0 版

alt text

Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react redux 版 , vue 版
移动端有: react native 版, ionic2.0 版

API可参考服务端koa版
试用账号: test001@test.com 密码: test001
支持平台 IOS 7+, Android 4.4.4+

开发

$ npm install -g ionic@beta
$ git clone git@github.com:jackhutu/jackblog-ionic2
$ cd jackblog-ionic2
$ npm install
$ ionic platform add ios
$ ionic platform add android
浏览器调试
$ ionic serve

http://localhost:8100/?ionicplatform=android 调试android样式, 默认是ios样式

模拟器或者真机调试
$ ionic emulate ios || ionic emulate ios -lc || ionic run ios
$ ionic emulate android || ionic run android

打包

$ ionic build || ionic build ios || ionic build android

生成apk文件

http://ionicframework.com/docs/guide/publishing.html

App 预览

jackblog ionic2

jackblog ionic2

jackblog ionic2

jackblog ionic2

目录结构

.
├── README.md           
├── app                      // 生产目录
│   ├── models               // 数据结构文件
│   ├── pages                // 组件
│   ├── providers            // 可注入的service
│   ├── theme           		 // 主要scss样式文件
│   ├── utils             	 // 工具函数
│   └── config.ts            // api url配置文件
│   └── app.html           	 // app模板文件
│   └── app.ts               // 项目入口文件
├── declare                  // ts项目cordova插件自定义声明文件
├── hooks                    // cordova hooks文件
├── platforms                // cordova 生成各平台文件
├── plugins               	 // cordova 插件目录
├── resources                // icon, splash图片, 可使用ionic生成各种尺寸
├── typings            			 // ts声明文件
├── www                			 // 项目build文件存放目录
├── config.xml               // cordova 配置文件
├── tsconfig.json            // typescript 配置文件
├── typings.json             // typings 安装文件列表
.

ionic2使用注意事项

环境: ionic2 beta.3, 时间: 2016.4.7

一, 初始化ts 项目方法

$ ionic start projectName --v2 --ts

二. 需要升级部分依赖包,否则会有警告.

angular2.beta6升级到beta7,  
rxjs升级到5.0.0-beta.2,  
zone.js升级到0.5.14  

三. ts项目安装cordova plugins之后还需要使用typings安装相应的声明文件.
目前只有部分插件, 地址https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/cordova/plugins.
安装方法如下:

$ typings install -SA cordova
$ typings install -SA cordova/plugins/pluginName

四. 目前还如法集成crosswalk

License

MIT

You can’t perform that action at this time.