docker和手动版本版本问题汇总

Jonnyan404 commented 4 years ago

背景信息

部署方式:手动/docker-compose
版本号:pasteme-frontend:3.2.2----pasteme-go-backend:3.2.1

问题

docker版本部署完,生成的内容链接无法打开
手动部署,我用sqlite3作为数据库,前端打开一片空白.
我自己制作的docker也是,只有npm run serve可以正常打开,其它模式也是前端一片空白(这个我看了下,很多外链CDN的js和css失效).

建议

优化部署文档,文档尽量详细(包含前后端依赖)以便适合小白部署.
建议本地存放js和css,避免网络异常带来的各种问题.
建议提供amd64/arm64双平台的docker镜像.

其它

这是发您的邮件,作为回复您说没收到的问题.

LucienShui commented 4 years ago

您好，感谢您的关注以及花费的时间！

1. 关于您的问题

1.1 docker版本部署完,生成的内容链接无法打开

我参照使用 Docker 部署 PasteMe 执行了以下命令后并没有出现你所说的问题，还请提供更多的信息。

git clone https://github.com/LucienShui/PasteMe.git --depth=1 -b docker pasteme
cd pasteme
cp frontend/usr/config.example.json frontend/usr/config.json
cp backend/config/config.example.json backend/config/config.json
docker-compose up -d

1.2 手动部署,我用sqlite3作为数据库,前端打开一片空白.

静态资源加载失败、前端配置文件加载失败或后端心跳检测失败都会导致前端空白，需要提供更多的信息以判断根本原因。

此外，我发现前端配置文件的api 字段变成了 backendApi字段，和部署文档中的字段不符，会在以后改正。

1.3 我自己制作的docker也是,只有npm run serve可以正常打开,其它模式也是前端一片空白(这个我看了下,很多外链CDN的js和css失效).

页面空白的问题麻烦提供一下浏览器控制台的截图。

2. 关于您的建议

2.1 优化部署文档,文档尽量详细(包含前后端依赖)以便适合小白部署.

会在下次 release 时更新文档，考虑移除手动部署，仅保留 docker 部署的文档。

2.2 建议本地存放js和css,避免网络异常带来的各种问题.

之前也有这样的考虑，会在下次 release 时做到。

2.3 建议提供amd64/arm64双平台的docker镜像.

您在 #92 有提到这个问题，我当时也跟进关注了，但是 GitHub Actions 跨平台编译貌似没有比较好的解决方案，如果有资料的话欢迎分享。

LucienShui commented 4 years ago

以及，注意到你的前端版本是 3.2.2，虽然我觉得应该没有影响，但是不排除兼容性问题。目前 docker-compose.yml 的版本号是 3.1.0F-3.2.1B。

Jonnyan404 commented 4 years ago

@LucienShui

LucienShui commented 4 years ago

@LucienShui

可否提供一下 index.html 的文件内容。

Jonnyan404 commented 4 years ago

https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose

LucienShui commented 4 years ago

https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose

这两条命令执行了吗？

cp frontend/usr/config.example.json frontend/usr/config.json
cp backend/config/config.example.json backend/config/config.json

Jonnyan404 commented 4 years ago

执行了

Jonnyan404 commented 4 years ago

以下是index.html的内容

<!DOCTYPE html><html lang=zh-CN class=max-height><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=apple-mobile-web-app-title content=PasteMe><meta itemprop=name content=PasteMe><meta itemprop=url content=https://pasteme.cn/ ><title>PasteMe - 一个不算糟糕的可私有文本分享平台</title><link rel=apple-touch-icon sizes=60x60 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-iphone.png><link rel=apple-touch-icon sizes=76x76 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-ipad.png><link rel=apple-touch-icon sizes=120x120 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-iphone-retina.png><link rel=apple-touch-icon sizes=152x152 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-ipad-retina.png><link rel=stylesheet href=https://shadow.elemecdn.com/npm/katex@0.11.0/dist/katex.min.css><link rel=stylesheet href=https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css><link rel=stylesheet href=https://shadow.elemecdn.com/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css><link rel=stylesheet href=https://shadow.elemecdn.com/npm/bootstrap-vue@2.0.0-rc.28/dist/bootstrap-vue.min.css><link rel=icon href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/favicon.ico><script async src=/usr/usr.js></script><script src=https://shadow.elemecdn.com/npm/vue@2.6.10/dist/vue.runtime.min.js></script><script src=https://shadow.elemecdn.com/npm/vue-router@3.1.2/dist/vue-router.min.js></script><script src=https://shadow.elemecdn.com/npm/vuex@3.1.1/dist/vuex.min.js></script><script src=https://shadow.elemecdn.com/npm/axios@0.19.0/dist/axios.min.js></script><script src=https://shadow.elemecdn.com/npm/katex@0.11.0/dist/katex.min.js></script><script src=https://shadow.elemecdn.com/npm/mermaid@8.2.3/dist/mermaid.min.js></script><script src=https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.9/build/highlight.min.js></script><script src=https://cdn.jsdelivr.net/npm/d3@5.9.7/dist/d3.min.js></script><script src=https://shadow.elemecdn.com/npm/bootstrap-vue@2.0.0-rc.28/dist/bootstrap-vue.min.js></script><script src=https://cdn.jsdelivr.net/npm/markdown-it@9.1.0/dist/markdown-it.min.js></script><script src=https://cdn.jsdelivr.net/npm/unorm@1.6.0/lib/unorm.min.js></script><script src=https://cdn.jsdelivr.net/npm/@chenfengyuan/vue-qrcode@1.0.1/dist/vue-qrcode.min.js></script><script src=https://cdn.jsdelivr.net/npm/vue-i18n@8.14.0/dist/vue-i18n.min.js></script><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/css/not_found.c768a855.css rel=prefetch><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/lang-en.c9aaa45e.js rel=prefetch><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/not_found.814e31ba.js rel=prefetch><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/css/app.abcd7499.css rel=preload as=style><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/app.f07ff920.js rel=preload as=script><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/chunk-vendors.75854c69.js rel=preload as=script><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/css/app.abcd7499.css rel=stylesheet></head><body class=max-height><noscript><strong>I'm sorry but PasteMe doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app class=max-height></div><script src=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/chunk-vendors.75854c69.js></script><script src=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/app.f07ff920.js></script></body></html>

Jonnyan404 commented 4 years ago

另外这个index.html是我npm run build生成的.没改任何配置.

Jonnyan404 commented 4 years ago

https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose

这两条命令执行了吗？
cp frontend/usr/config.example.json frontend/usr/config.json
cp backend/config/config.example.json backend/config/config.json

完全按照你的文档来的,没少任何步骤.

LucienShui commented 4 years ago

另外这个index.html是我npm run build生成的.没改任何配置.

自己 build 是肯定不行的，本地的 version 是空字符串。

LucienShui commented 4 years ago

https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose

这两条命令执行了吗？
cp frontend/usr/config.example.json frontend/usr/config.json
cp backend/config/config.example.json backend/config/config.json
完全按照你的文档来的,没少任何步骤.

方便 teamviewer 一下吗？

Jonnyan404 commented 4 years ago

@LucienShui 输入完内容,去访问,就会直接跳转到这个页面.

LucienShui commented 4 years ago

teamviewer 的 ID、Password 通过邮件私发给我，不要写在这里啊。Orz

Jonnyan404 commented 4 years ago

@LucienShui 没事儿,就临时用下.你现在可以连上来.

LucienShui commented 4 years ago

@Jonnyan404 那你再重新发一次吧，我直接把刚才的那个 comment 删了。- -

Jonnyan404 commented 4 years ago

@LucienShui 那我发你邮箱了

Jonnyan404 commented 4 years ago

@LucienShui 如果你邮箱收不到 gmail 邮件的话,可以 telegram 加我 @jonnyan

LucienShui commented 4 years ago

手动部署文档需要更新。

LucienShui / PasteMe