Amy-platform-npm-common NPM

1 安装

npm uni amy-platform-npm-common ;
npm i amy-platform-npm-common ;

1.1 配置 tsconfig.app.json

  "include": [
    "src/**/*.d.ts",
    "./node_modules/tschris-utils/**/*.ts",
    "./node_modules/amy-platform-npm-common/**/*.ts"
  ]

2 配置

2.1 配置环境

environment.dev.ts

export const environment = {
  production: false,
  // amyPlatformNpmCommon 组件需要的配置
  amyPlatformNpmCommon:{ 
      envName:"dev",
      localStorage:{
        accountKey:"com.amyplatform.account"
      },
      cookie:{
        domain: ".amyplatform.com",
        tokenKey: "com.amyplatform.token"
      },
      url:{
        gateway: 'http://localhost:23010',
        login: 'http://home.amyplatform.com:23005/login'
      }
  }
};

## 2.2 配置系统常量
> - src/app/config/AppConstants

/**

系统常量 / export const AppConstants = { / amyPlatformNpmCommon 项目需要用到的常量 */ amyPlatformNpmCommon:{ MODULE_CODE:'HOME' //模块编码 } };

## 2.3 配置路由守卫

import { LayoutComponent, TokenGuard } from 'amy-platform-npm-common';

{ path: 'index',canActivate:TokenGuard, component: MenuLayoutComponent},

## 2.4 app.module.ts 添加布局组件

### 2.4.1 引入蚂蚁金服组件

// 蚂蚁金服开始 import { NgZorroAntdModule, NzIconModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';

import * as AllIcons from '@ant-design/icons-angular/icons'; import { IconDefinition } from '@ant-design/icons-angular';

const antDesignIcons = AllIcons as {

}; const icons: IconDefinition[] = Object.keys(antDesignIcons).map(key => antDesignIconskey);

// 蚂蚁金服结束

@NgModule({ imports: [ NzIconModule.forRoot(icons), NgZorroAntdModule

###  2.4.2 引入 common组件和服务

/ amy-platform-npm-common 组件 / import { CommonApi, CommonService, FormUtil, LayoutComponent, MenuBreadcrumbComponent, MenuLayoutComponent, MenuTagsComponent, TokenGuard } from 'amy-platform-npm-common';

const COMMON_COMPONENTS = LayoutComponent, MenuLayoutComponent, MenuTagsComponent, MenuBreadcrumbComponent ;

const SERVICES = CommonApi, CommonService, TokenGuard, FormUtil, ... ;

@NgModule({ declarations: [ ...COMMON_COMPONENTS,

providers: ...SERVICES ,

## 2.5 引入全局的css  styles.css

@import "~amy-platform-npm-common/index.css";

## 2.5 添加路由布局

import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; import { LayoutComponent, MenuLayoutComponent, TokenGuard } from 'amy-platform-npm-common';