angular-platforms
TypeScript icon, indicating that this package has built-in type declarations

0.1.7 • Public • Published

ng-platfroms

an demo,use angular/ionic, for cross platform。基于angular4,实现各平台统一接口和视图

在使用前端做跨平台项目时,会遇到各平台差异问题,如果没有抽取公共部分,在合并各个平台代码分支时,冲突会比较多,而且对合并人员对代码的熟悉成都要求很高。

本文旨在利用angular特性及代码设计,尝试提出方案。

how to run

//先安装 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)

Install:

cnpm install angular-platforms

Usage:

在app.module.ts模块引入ExePlatformModule模块

import {ExePlatformModule} from "angular-platforms";

FAQ

  1. 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

Package Sidebar

Install

npm i angular-platforms

Weekly Downloads

8

Version

0.1.7

License

MIT

Last publish

Collaborators

  • yefusheng