WeBASE管理平台部署-WeBASE-Web

WeBASE管理平台部署

  • [零、 说明](#零、 说明)
  • [一、 依赖](#一、 依赖)
  • 二、拉取WeBASE-Web源码
  • [三、 拉取移动端代码](#三、 拉取移动端代码)
  • [四、 修改配置文件](#四、 修改配置文件)

零、 说明

WeBASE管理平台是一个基于vue开发的web页面,其主要作用就是和WeBASE-Node-Manager的后端对接起来,提供一个可视化的管理平台,所以这个也是只需要装一个就好了。

一、 依赖

nginx nginx1.6或以上版本

unbuntu安装nginx可以通过apt install直接安装,这里可以看一下apt有什么版本是否满足

bash 复制代码
apt-cahce show nginx

如果版本满足1.6及以上就可以直接apt安装,执行下面命令就好了,如果不满足的话就自行百度如何下载nginx源码编译配置就好了。

bash 复制代码
sudo apt install nginx

验证一下是否安装成功

bash 复制代码
nginx -v

WeBASE-Node-Manager WeBASE-Node-Manager

由于WeBASE-Web是基于vue,需要nginx作为一个服务器

二、拉取WeBASE-Web源码

这里还是进入到~/fisco/webase-deploy中拉取

bash 复制代码
cd ~/fisco/webase-deploy

然后拉取代码

bash 复制代码
git clone https://gitee.com/WeBank/WeBASE-Web.git

并且进入WeBASE-Web目录

bash 复制代码
cd WeBASE-Web

执行脚本get_solc_js.sh会自动下载solc-bin

bash 复制代码
bash ./get_solc_js.sh

三、 拉取移动端代码

WeBASE新增了h5的移动端页面,支持手机浏览器访问。代码和WeBASE-Web放在同级目录

bash 复制代码
git clone https://gitee.com/WeBank/WeBASE-Web-Mobile.git

四、 修改配置文件

docs目录下有配置文件nginx.conf,修改完后替换安装的nginx的配置文件nginx.conf(这里nginx安装配置文件在/usr/local/nginx/conf下面,如果这里没找到,可以到/etc下寻找,如有权限问题,请加上sudo)。

可以通过下面两条命令查看你的nginx在哪里

bash 复制代码
ls /usr/local | grep nginx
ls /etc | grep nginx

先修改docs目录下的nginx配置

可以通过sed命令的方式去进行修改,也可以通过打开编辑器的形式修改。

bash 复制代码
# 修改服务器ip,也可以使用域名
sed -i "s%127.0.0.1%${your_ip}%g" docs/nginx.conf

# 修改WeBASE-Web服务端口(端口需要开通策略且不能被占用)
sed -i "s%5000%${your_port}%g" docs/nginx.conf

# 修改静态文件路径(文件需要有权限访问)
sed -i "s%/data/WeBASE-Web/dist%${your_file_dir}%g" docs/nginx.conf

# 节点管理服务ip和端口
sed -i "s%10.0.0.1:5001%${your_node_manager}%g" docs/nginx.conf

修改服务器ip

bash 复制代码
sed -i "s%127.0.0.1%192.168.1.100%g" docs/nginx.conf

由于我这里就是将WeBASE-Web服务部署到我本机了,所以192.168.1.100这个ip和127.0.0.1是相同的

修改端口:由于我的5000端口是空闲的,这里就使用默认的5000端口不进行修改

bash 复制代码
sed -i "s%5000%5000%g" docs/nginx.conf

修改静态配置文件:

bash 复制代码
sed -i "s%/data/WeBASE-Web/dist%%g" docs/nginx.conf

找到然后修改为~/fisco/webase-deploy/WeBASE-Web/dist

修改节点管理服务ip和端口:由于这里我是部署在本机,并且WeBASE-Node-Manager在部署的时候我也没有修改默认的5001端口

将刚刚修改好的配置文件方到nginx服务对应的配置那里,让nginx代理这个应用。

bash 复制代码
cp -rf ./docs/nginx.conf /etc/nginx/nginx.conf

将对应的nginx配置好后,我尝试启动,然后启动后发现,前端验证码一直刷不出来,后来根据官方文档中的内容登录页面的验证码加载不出来

发现是java和mysql的版本过高导致的,按照文档中操作就把这个问题解决了。

登陆上之后我发先后端有问题,我又回到WeBASE-Node-Manager部署的教程中,把数据库删除重新执行了一遍script/webash.shWebase节点管理服务部署WeBASE-Node-Manager

这里我就讲WeBASE-Web成功run起来了,但是还有一个小bug,就是合约管理页面的合约IDE页面打不开,这里后面再进行调试。

相关推荐
计算机程序设计小李同学9 小时前
个人数据管理系统
java·vue.js·spring boot·后端·web安全
李剑一9 小时前
uni-app实现本地MQTT连接
前端·trae
EndingCoder9 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
oden9 小时前
代码高亮、数学公式、流程图... Astro 博客进阶全指南
前端
GIS之路9 小时前
GDAL 实现空间分析
前端
Arciab10 小时前
51单片机_LCD1602液晶显示
网络·嵌入式硬件·51单片机
小刘爱搬砖10 小时前
SpringBoot3 + GraalVM安装和初次打包
spring boot·graalvm
Sean X10 小时前
Ubuntu24.04安装向日葵
linux·ubuntu
JosieBook10 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用
前端·javascript·vue.js