OpenAuth.Net/docs/pro/README.md
2023-08-11 17:47:02 +08:00

2.1 KiB
Raw Blame History

OpenAuth.Pro是一套全新的前端界面基于vue-element-admin采用VUE全家桶VUE+VUEX+VUE-ROUTER单页面SPA开发。它使用开源版OpenAuth.Core的API接口OpenAuth.WebApi提供数据服务。二者的关系如下

企业版代码获取方式:http://www.openauth.net.cn/question/detail.html?id=a2be2d61-7fcb-4df8-8be2-9f296c22a89c

工具准备

NodeJs

前端环境为NodeJs下载地址http://nodejs.cn/download/current/。其中:

OpenAuth.Pro v4.6.4及以后的版本使用Node 18

OpenAuth.Pro v4.6.3-v4.3 使用Node 16

OpenAuth.Pro v4.3及以前的版本使用Node 14

visual studio code

下载最新版的vs code用来作为OpenAuth.Pro的开发工具。

创建数据库

  • 如果只使用开源的OpenAuth.Mvc。则新建一个空数据库OpenAuthDB。然后在OpenAuth.Core项目文件夹【sql server 初始化脚本】中,运行Sql Server脚本.sql或mysql初始化脚本

  • 如果只使用企业版的OpenAuth.WebApi,则新建一个空数据库OpenAuthPro。使用OpenAuth.Pro前端源码文件夹【sql脚本】中运行Sql Server脚本.sql或mysql脚本

启动后端

启动后端请参考:快速开始

启动前端

使用Vs Code或个人喜欢的工具打开OpenAuth.Pro/Client文件夹如下图

20211214232057

安装程序运行所需的第三方包。使用npm install 命令经行安装,如下图: 20211214232207

使用npm run dev 命令运行。如下图: 20211214232229

启动成功后,使用浏览器访问http://localhost:1803/ 即可打开企业版界面

::: warning 注意事项 开发环境配置文件为.env.dev,调试前请调整为自己的接口地址:

VUE_APP_BASE_API = http://localhost:52789/api
VUE_APP_BASE_IMG_URL = http://localhost:52789