an demo,use angular/ionic, for cross platform。基于angular4,实现各平台统一接口和视图
在使用前端做跨平台项目时,会遇到各平台差异问题,如果没有抽取公共部分,在合并各个平台代码分支时,冲突会比较多,而且对合并人员对代码的熟悉成都要求很高。
本文旨在利用angular特性及代码设计,尝试提出方案。
//先安装 node.js
用git克隆本项目,从命令行进入进入项目根目录,依次执行以下命令:
npm i -g cnpm --registry=https://registry.npm.taobao.org
cnpm i -g @angular/cli
cnpm install
ng serve
//for android
ionic platfrom add android
cordova plugin add cordova-plugin-camera
cordova plugin add cordova-plugin-console
cordova plugin add cordova-plugin-file-transfer
cordova plugin add cordova-plugin-file
//..... add other cordova plugin
ionic run android
//for wechat in android
cordova plugin add cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPID(你的微信开放平台id)
cnpm install ng-platforms
在app.module.ts模块引入ExePlatformModule模块
import {ExePlatformModule} from "ng-platforms";
- android build fail
Starting a new Gradle Daemon for this build (subsequent builds will be faster).
Incremental java compilation is an incubating feature.
Failed to download any source lists!
java.net.ConnectException: Connection timed out: connect
BUILD FAILED
原因:由于gradle被墙,无法下载数据
解决方案:
在android的build.gradle中添加国内镜像
buildscript { repositories { maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'} } }
allprojects { repositories { maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'} } }
https://www.zhihu.com/question/37810416/answer/73703268
2微信平台无法使用
需要用微信调试工具
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140