README_simple.md · 张俊波/AppRouterProject

### 第1步
在每个模块的oh-package.json5文件中依赖
```json
{  
   "dependencies": {
   "@zhongrui/app_router": "^1.0.4"//添加完记得点击右上角的Install Now
  }
}
```
### 第2步
打开entry类型模块内的build-profile.json5文件
```json
{
  "buildOption": {
    "arkOptions": {
      "runtimeOnly": {
        "packages": [
           //按照实际情况添加entry模块依赖的所有模块名
          "HarA",
          "HspB"
        ]
      }
    }
  }
}
```
### 第3步
在项目工程hvigor目录中的hvigor-config.json5文件中配置

[**查看app_router_hvigor_plugin版本号**](https://gitee.com/zhongrui_developer/AppRouterProject/blob/master/hvigor_plugin/AppRouterPlugin/version_name.md)
```json
{
  "dependencies": {
    "app_router_hvigor_plugin": "^1.0.7"//添加完记得点击右上角的Install Now
  }
}
```
### 第4步
配置entry类型module的hvigorfile.ts文件(不是项目工程根目录下的hvigorfile.ts)
```typescript
//1：导入插件包和配置类(直接复制该行代码)
import { AppRouterPlugin } from "app_router_hvigor_plugin"
        
export default {
  system: hapTasks,//此行别复制，和非entry类型的模块配置有区别
  
  //2：注册插件AppRouterPlugin()(直接复制AppRouterPlugin方法块)
  plugins: [AppRouterPlugin({"isEntry": true,"routerDependencyName":"@zhongrui/app_router","scanPackagePath": ["src/main/ets"]})]
  //3:scanPackagePath参数最好改成具体组件存放的目录
  //4:(重点注意)entry类型的模块isEntry传true，非entry类型isEntry传false，
}
```
### 第5步
配置非entry类型module的hvigorfile.ts文件(不是项目工程根目录下的hvigorfile.ts)
```typescript
//1：导入插件包和配置类(直接复制该行代码)
import { AppRouterPlugin } from "app_router_hvigor_plugin"

export default {
  system: harTasks,//此行别复制，和非entry类型的模块配置有区别
        
  //2：注册插件AppRouterPlugin()(直接复制AppRouterPlugin方法块)
  plugins: [AppRouterPlugin({"isEntry": false,"routerDependencyName":"@zhongrui/app_router","scanPackagePath": ["src/main/ets"]})]
  //3:scanPackagePath参数最好改成具体组件存放的目录
  //4:(重点注意)entry类型的模块isEntry传true，非entry类型isEntry传false，
}
```
### 第6步
初始化(初始化之前记得Build一下项目)
```typescript
//固定写法，第一个参数记得根据项目依赖情况设置，其他参数直接复制即可
AppRouter.init(["HarA","B","@ohos/HspC"], {
  entryMapList: () => getEntryRouterMap(),
  entryBuilder: (group: string, name: string) => {BuildRegister(group, name)},
  debug: false,
  isMultiPacket: true,
  initAllMap:false
})
```
假如entry模块依赖了HarA，HarB，HspC三个模块
```json
{
   "dependencies": {
      //别名和模块名一致
      "HarA": "file:../HarA",
      //别名和模块名不一致
      "B": "file:../HarB",
      //别名和模块名不一致
      "@ohos/HspC": "file:../HspC"
   }
}
```
如果被依赖设置的别名和模块名不一致，比如："B": "file:../HarB"，

则需要在HarB模块的hvigorfile.ts文件AppRouterPlugin()中设置参数entryDependencyName:B,如下所示

```typescript
import { harTasks } from '@ohos/hvigor-ohos-plugin';
import {AppRouterPlugin,AppRouterConfig } from "app_router_hvigor_plugin"
export const routerConfig: AppRouterConfig = {
  entryDependencyName:"B",
  debug: false,
  isEntry:false
}
export default {
  system: harTasks, 
  plugins: [AppRouterPlugin(routerConfig)] 
}
```

张俊波/AppRouterProject

简介

发行版

贡献者

近期动态

张俊波/AppRouterProject .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

张俊波/AppRouterProject