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

相关推荐
Biteagle19 小时前
ZK + 比特币:B² Network 如何重塑 Layer2 的信任边界
web3·区块链
真正的醒悟20 小时前
图解网络34
网络
周杰伦_Jay20 小时前
【Spring Cloud Alibaba】微服务组件详解:电商场景落地实践
微服务·云原生·架构
徐子元竟然被占了!!20 小时前
Linux-systemctl
linux·数据库·oracle
老前端的功夫21 小时前
Vue 3 性能深度解析:从架构革新到运行时的全面优化
javascript·vue.js·架构
天天扭码1 天前
如何实现流式输出?一篇文章手把手教你!
前端·aigc·ai编程
前端 贾公子1 天前
vue移动端适配方案 === postcss-px-to-viewport
前端·javascript·html
unique_perfect1 天前
vue2与springboot实现deepseek打印机聊天
spring boot·websocket·ai·vue2·deepseek
GISer_Jing1 天前
AI营销增长:4大核心能力+前端落地指南
前端·javascript·人工智能