普元EOS-微前端项目创建

1 前言

普元EOS采用微服务和微前端的思想来进行项目架构管理。

核心是Afcenter，这是框架的基座。Afcenter叫做应用联邦中心，提供了最核心的功能和服务，比如组织架构管理、人员账号管理、权限管理等等。

其他各功能都被开发为微服务(后端)和微前端(前端)，然后整合到AFCenter中，最终形成一个完整的企业应用。

本文将简单的描述一下，如何基于EOS的微前端脚手架创建一个EOS的微前端项目。

2 环境准备

EOS的微前端是基于NodeJS的Vue2项目。

因此，需要安装nodejs，安装Vue2，这些就不啰嗦了，自行百度安装就行了。

然后需要安装 primeton-cli 脚手架。

安装命令如下：

npm install primeton-cli -g

3 创建微前端项目

命令格式如下

primeton create-m-app [moduleName] [debugPort]

primeton：primeton-cli 脚手架命令

create-m-app： 固定参数

moduleName： 自定义的微前端模块名，比如 myapp

debugPort： 测试环境的端口，比如 8003 

例如：

primeton create-m-app myapp 8003

运行后生成的项目结构如下

4 安装项目的依赖

Vue项目都需要安装依赖，命令如下

npm install

这个时候可能会安装失败，因为有些依赖是普元EOS仓库才提供的。

执行下面的命令，注册一下新的仓库。当然，如果上面的命令执行没问题，就不需要再注册新的仓库了。

4.1 永久注册新仓库

下面这种方法注册仓库将永久生效。

npm config set registry=https://packages.aliyun.com/623d836256f85235f7dd713b/npm/npm-registry/

注册仓库后，需要登录这个仓库，命令如下

npm login
用户名: 623db7e13c6b5273a0764cb4
密码: UP1dH-IITR[I

最后执行下面代码安装依赖

npm install

4.2 临时注册新仓库

如果不希望新仓库被永久注册，可以采用临时注册的方法

临时方式进行登录，该命令将把新仓库的登录成功后的token存储到电脑上，后期使用该仓库的时候将直接取用该token。

npm login --registry=https://packages.aliyun.com/623d836256f85235f7dd713b/npm/npm-registry/

需要的账号和密码如下：

用户名:   623db7e13c6b5273a0764cb4
密码:   UP1dH-IITR[I