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页面打不开,这里后面再进行调试。

相关推荐
某林2128 分钟前
ROS2 + WebRTC + MQTT 异构系统架构
架构·系统架构·机器人·硬件架构·webrtc·ros2
用户629605932470512 分钟前
从“浏览器根本区分不了”到真正实现:刷新不退出,关闭标签页自动退出,前端判断浏览器关闭和刷新
前端
qetfw13 分钟前
MWU:Vue 3 + FastAPI 的 MaaFramework 跨平台 WebUI 源码
前端·vue.js·python·fastapi·开源项目·效率工具
zy happy14 分钟前
VMware虚拟机添加新的硬盘
java·linux·jvm·docker
LCG元14 分钟前
嵌入式开发踩坑排查实战:从 STM32 外设初始化到 Linux SPI 驱动的 15 类硬件疑难故障深度复盘
linux·stm32·单片机
mfxcyh14 分钟前
Vue3+Ant Design Vue 实现手动异步文件上传(含大小校验、弹窗上传)
前端·javascript·vue.js
Xzaveir_77715 分钟前
企业号码负面标记治理:认证、申诉与合规事件的三轨模型
大数据·网络·人工智能·科技·产品经理
wordbaby16 分钟前
Web端热敏标签打印完整解决方案(QZ Tray + 译维A42)
前端
swipe20 分钟前
03|Axios 请求进了后端之后:Controller、Request、Response 是怎么接住它的?
前端·后端·全栈
代码AC不AC22 分钟前
【Linux】Socket编程TCP
linux·tcp·socket编程