手动搭建webase(3)——WeBASE管理平台

1.依赖环境
手动搭建webase(3)——WeBASE管理平台_第1张图片
Nginx安装
手动搭建webase(3)——WeBASE管理平台_第2张图片
手动搭建webase(3)——WeBASE管理平台_第3张图片

  1. 拉取代码
    代码可以放在/data下面,执行命令:
git clone https://github.com/WeBankFinTech/WeBASE-Web.git
#若网络问题导致长时间无法下载,可尝试以下命令
git clone https://gitee.com/WeBank/WeBASE-Web.git

进入目录:

cd WeBASE-Web

2.1 下载solc-bin
执行脚本get_solc_js.sh会自动下载solc-bin,即下面v0.4.25.js等文件。 在WeBASE-Web/目录中直接执行脚本get_solc_js.sh((脚本与dist文件夹同级))

bash ./get_solc_js.sh

等待脚本执行完成

**如果执行不成功,**请使用下面的命令:
注意:当且仅当get_solc_js.sh脚本执行失败才需要执行下面的命令

curl -#L https://osp-1257653870.cos.ap-guangzhou.myqcloud.com/WeBASE/download/solidity/wasm/v0.4.25.js -o ./dist/static/js/v0.4.25.js
curl -#L https://osp-1257653870.cos.ap-guangzhou.myqcloud.com/WeBASE/download/solidity/wasm/v0.4.25-gm.js -o ./dist/static/js/v0.4.25-gm.js
curl -#L https://osp-1257653870.cos.ap-guangzhou.myqcloud.com/WeBASE/download/solidity/wasm/v0.5.2.js -o ./dist/static/js/v0.5.2.js
curl -#L https://osp-1257653870.cos.ap-guangzhou.myqcloud.com/WeBASE/download/solidity/wasm/v0.5.2-gm.js -o ./dist/static/js/v0.5.2-gm.js
curl -#L https://osp-1257653870.cos.ap-guangzhou.myqcloud.com/WeBASE/download/solidity/wasm/v0.6.10.js -o ./dist/static/js/v0.6.10.js
curl -#L https://osp-1257653870.cos.ap-guangzhou.myqcloud.com/WeBASE/download/solidity/wasm/v0.6.10-gm.js -o ./dist/static/js/v0.6.10-gm.js

执行完后检查dist/static/js是否下载完这些js文件。
手动搭建webase(3)——WeBASE管理平台_第4张图片
3. 拉取移动端代码
WeBASE新增了h5的移动端页面,支持手机浏览器访问。代码和WeBASE-Web放在同级目录

拉取代码

git clone https://github.com/WeBankFinTech/WeBASE-Web-Mobile.git

#若网络问题导致长时间无法下载,可尝试以下命令
git clone https://gitee.com/WeBank/WeBASE-Web-Mobile.git

手动搭建webase(3)——WeBASE管理平台_第5张图片

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

修改配置:

#修改服务器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

配置如下,默认配置基本符合,我们只需要修改静态文件路径**(data改为root)**
手动搭建webase(3)——WeBASE管理平台_第6张图片
手动搭建webase(3)——WeBASE管理平台_第7张图片
复制配置文件nginx.conf到默认配置目录中

cp -rf docs/nginx.conf /usr/local/nginx/conf

在这里插入图片描述
备注: 如果服务器已有nginx,可在原配置文件nginx.conf增加一个server:

upstream node_mgr_server{
    server 10.0.0.1:5001; # 节点管理服务ip和端口
}
server {
    listen       5000 default_server; # 前端端口(端口需要开通策略且不能被占用)
    server_name  127.0.0.1;           # 服务器ip,也可配置为域名
    location / {
        root   /root/WeBASE-Web/dist;   # 前端文件路径(文件需要有权限访问)
        # 下面是移动端nginx配置
         if ( $http_user_agent ~ "(MIDP)|(WAP)|(UP.Browser)|(Smartphone)|(Obigo)|(Mobile)|(AU.Browser)|(wxd.Mms)|(WxdB.Browser)|(CLDC)|(UP.Link)|(KM.Browser)|(UCWEB)|(SEMC-Browser)|(Mini)|(Symbian)|(Palm)|(Nokia)|(Panasonic)|(MOT-)|(SonyEricsson)|(NEC-)|(Alcatel)|(Ericsson)|(BENQ)|(BenQ)|(Amoisonic)|(Amoi-)|(Capitel)|(PHILIPS)|(SAMSUNG)|(Lenovo)|(Mitsu)|(Motorola)|(SHARP)|(WAPPER)|(LG-)|(LG/)|(EG900)|(CECT)|(Compal)|(kejian)|(Bird)|(BIRD)|(G900/V1.0)|(Arima)|(CTL)|(TDG)|(Daxian)|(DAXIAN)|(DBTEL)|(Eastcom)|(EASTCOM)|(PANTECH)|(Dopod)|(Haier)|(HAIER)|(KONKA)|(KEJIAN)|(LENOVO)|(Soutec)|(SOUTEC)|(SAGEM)|(SEC-)|(SED-)|(EMOL-)|(INNO55)|(ZTE)|(iPhone)|(Android)|(Windows CE)|(Wget)|(Java)|(curl)|(Opera)" )
       {
        root   /data/WeBASE-Web-Mobile/dist;
       }
        index  index.html index.htm;
        try_files $uri $uri/ /index.html =404;
    }

    include /etc/nginx/default.d/*.conf;

    location /mgr {
        proxy_pass    http://node_mgr_server/;    		
        proxy_set_header		Host			 $host;
        proxy_set_header		X-Real-IP		 $remote_addr;
        proxy_set_header		X-Forwarded-For	 $proxy_add_x_forwarded_for;
    }
}
  1. 启动nginx
    启动命令:
/usr/local/nginx/sbin/nginx # nginx在/usr/local目录下

检查nginx是否启动:

ps -ef | grep nginx

手动搭建webase(3)——WeBASE管理平台_第8张图片

  1. 访问页面
 http://{deployIP}:{webPort}
示例:http://127.0.0.1:5000

备注:
部署服务器IP和管理平台服务端口需对应修改,网络策略需开通
默认账号密码:admin/Abcd1234

手动搭建webase(3)——WeBASE管理平台_第9张图片
手动搭建webase(3)——WeBASE管理平台_第10张图片

  1. 查看日志
进程日志:tail -f logs/access.log
错误日志:tail -f logs/eror.log

你可能感兴趣的:(区块链,#,fisco,bcos,Linux,nginx,git,node.js,区块链)