搭建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过程中前端遇到的坑](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzgyL2FlODU4NWFiMWJjOTkwMDI3ZDI5N2ViNzRjZGE5NGFhLnBuZw==)
修改后:
![搭建portainer过程中前端遇到的坑 搭建portainer过程中前端遇到的坑](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzM1Ni9iMjUyYjk3MjQwODdmODNkNTcyMGFhODcyMDg0YTRkNC5wbmc=)
9、然后再执行 grunt run-dev 就可以了,就可以运行起来了。
10、然后访问:localhost:9000就可以了
![搭建portainer过程中前端遇到的坑 搭建portainer过程中前端遇到的坑](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzkyOS81ZDc5OWEyMGJkYTEwMWU0YjQ4ZWQ3MGM4MWFkMzIzMS5wbmc=)
12、如果大家需要部署到阿里云或者其他云服务器nginx上,
nginx配置如下:
![搭建portainer过程中前端遇到的坑 搭建portainer过程中前端遇到的坑](/default/index/img?u=aHR0cHM6Ly9waWFuc2hlbi5jb20vaW1hZ2VzLzE2MC81ODA0ODhiMjRkMjU4YTNiMjk0N2I1MjA1ZGZlNDk1OC5wbmc=)
13、然后重启nginx就可以了
步骤如下:
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后的链接去替换之前原有的链接
报错截图如下:
6、运行grunt build, 如果出现以下页面就是对的了
7、记得先在命令行看一下docker容器是否存在portainer
执行: docker ps -a
8、然后去gruntfile.js文件里面去看下shell_run函数里面的文件名称和容器任务名称是否相同,不同就修改一下
修改前:
修改前:
修改后:
10、然后访问:localhost:9000就可以了
11、大家在开发过程中尽量用grunt build命令就可以了,grunt run-dev只需要运行一次
就可以了,不然相当于每次都会去重启容器
12、如果大家需要部署到阿里云或者其他云服务器nginx上,
nginx配置如下:
13、然后重启nginx就可以了