搭建portainer过程中前端遇到的坑

1.我在网上找了大量的例子 ,发现大家都是只是介绍了容器怎么运行,并没有介绍前端怎么跑起来。
步骤如下:
1、git clone [email protected]:portainer/portainer.git
2、nodejs和docker安装我就不介绍了 前端同学应该都有
3、npm install grunt-cli -g
4、npm install -g
5、在安装过程中肯定会报错,但是不要慌,大家去修改下package.json文件里面的文件
     因为这些文件都需要网络的支持,国内的网络大家都知道,所以需要大家去github上去找到这些文件,然后Fork到你自己的github上,然后再用自己fork后的链接去替换之前原有的链接

搭建portainer过程中前端遇到的坑


报错截图如下:


搭建portainer过程中前端遇到的坑


6、运行grunt  build, 如果出现以下页面就是对的了
搭建portainer过程中前端遇到的坑

7、记得先在命令行看一下docker容器是否存在portainer

       执行: docker ps -a

搭建portainer过程中前端遇到的坑

8、然后去gruntfile.js文件里面去看下shell_run函数里面的文件名称和容器任务名称是否相同,不同就修改一下
修改前:
搭建portainer过程中前端遇到的坑
修改后:
搭建portainer过程中前端遇到的坑
9、然后再执行 grunt run-dev 就可以了,就可以运行起来了。
10、然后访问:localhost:9000就可以了
搭建portainer过程中前端遇到的坑

11、大家在开发过程中尽量用grunt build命令就可以了,grunt run-dev只需要运行一次

就可以了,不然相当于每次都会去重启容器


12、如果大家需要部署到阿里云或者其他云服务器nginx上,
nginx配置如下:
搭建portainer过程中前端遇到的坑

13、然后重启nginx就可以了