Giter Site home page Giter Site logo

proxmox_web's Introduction

Proxmox_web

基于Proxmox-ve_6.2.1后端的,前端开源项目,运用[Vue + vuex + element + vue-router]开发,包括虚拟机管理、克隆、备份、复制

以及Lvm、Lvm-thin、ceph本地存储等

感谢开源社区,感谢promox-ve提供后端开源项目!

如果帮助到了您一点点,star 一下吧 🙂

##后端代码部署 安装proxmox-ve_6.2-1.iso版本

##前端代码部署

1、下载代码 https://github.com/mingheinfo/proxmox_web.git

2、在package.json目录下运行  npm run build

3、编译完成后在public目录下得到 dist目录

4、安装nginx apt-get install nginx

5、在/etc/nginx下创建crt目录执行

   Linux系统下生成证书:
   
   1、生成秘钥key,运行:
   
   openssl genrsa -des3 -out server.key 2048
   
   会有两次要求输入密码,输入同一个即可输入密码然后你就获得了一个server.key文件. 
   
   2、以后使用此文件(通过openssl提供的命令或API)可能经常回要求输入密码,如果想去除输入密码的步骤可以使用以下命令:
   
      openssl rsa -in server.key -out server.key
	  
   3、创建服务器证书的申请文件server.csr,运行:
   
      openssl req -new -key server.key -out server.csr
	  
     其中Country Name填CN,Common Name填主机名也可以不填,如果不填浏览器会认为不安全.(例如你以后的url为https://abcd/xxxx….这里就可以填abcd),其他的都可以不填. 
	 
   4、创建CA证书:
   
      openssl req -new -x509 -key server.key -out ca.crt -days 3650
	  
      此时,你可以得到一个ca.crt的证书,这个证书用来给自己的证书签名. 
	  
   5、创建自当前日期起有效期为期十年的服务器证书server.crt:
   
      openssl x509 -req -days 3650 -in server.csr -CA ca.crt -CAkey server.key -CAcreateserial -out server.crt
	  
   6、 ls你的文件夹,可以看到一共生成了5个文件:
   
      ca.crt   ca.srl    server.crt   server.csr   server.key其中,server.crt和server.key就是你的nginx需要的证书文件. 
	  
6、将3步得到的dist目录下的文件放置到 /var/www/mhflex 目录下

7、配置nginx.conf文件 将package.json统计目录下nginx.conf文件替换/etc/nginx/nginx.conf文件

8、完成以上步骤后执行 nginx 命令

打开链接 https://ip:3000/login 就可以测试相关业务了

##截图:

登录

监控

首页

节点

proxmox_web's People

Contributors

zhangyaohu avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.