Alist前端如何部署到CloudFlare Pages上？ #6680
-
|
我看alist官方的demo地址是alist.pages.dev，说明安装在了Pages上面。但是alist不是必须部署在服务器上吗，这个是怎么做到部署到CloudFlare Pages上的？ |
Beta Was this translation helpful? Give feedback.
Replies: 10 comments 31 replies
-
|
我也有这种想法，刚才看了一下alist.pages.dev网页的源码，看到了 api:"https://al.nn.ci/"，alist.pages.dev与https://al.nn.ci/内容一致，我想应该是通过api来转发到alist.pages.dev上面，放到本地运行了一下正常，然后我把 api:"https://al.nn.ci/"中的链接换成了其他alist的链接，标题加载的是改动后alist链接的标题，但路径是storage |
Beta Was this translation helpful? Give feedback.
-
|
想问下您这个html文件是哪里获取的？我之前是直接把alist.pages.dev的html原码从浏览器上拷贝下来，api改成自己的，但是运行不起来。 |
Beta Was this translation helpful? Give feedback.
-
|
我找到了办法。直接把alist-web这个项目fork一下，把里面index.html里的api填入自己的alist网址，然后在cloudflare pages里运行npm run build就可以了。不过现在有两个问题，一个是编译出来的是英文版的没有中文，还有一个是@manage设置里的所有个性化设置比如head，body，logo这些都无效了 |
Beta Was this translation helpful? Give feedback.
-
|
head和body好像得在index.html里面编辑了，logo和语言暂时还没弄 |
Beta Was this translation helpful? Give feedback.
-
|
我刚才成功的Pages的网站是alist-zxm.pages.dev，你可以参考下 |
Beta Was this translation helpful? Give feedback.
-
|
好的，感谢 |
Beta Was this translation helpful? Give feedback.
-
我找到了办法。直接把alist-web这个项目fork一下，把里面index.html里的api填入自己的alist网址
|
Beta Was this translation helpful? Give feedback.
-
|
head和body好像得在index.html里面编辑了，logo和语言暂时还没弄 |
Beta Was this translation helpful? Give feedback.
-
<script>
window.ALIST = {
cdn: undefined,
monaco_cdn: undefined,
base_path: undefined,
api: undefined,
main_color: undefined,
}
window.__dynamic_base__ = window.ALIST.cdn || ""
</script>
|
Beta Was this translation helpful? Give feedback.
-
|
是的 |
Beta Was this translation helpful? Give feedback.
-
对的，undefined改成alist服务器的地址，地址外面需要套个单引号，可以参考alist.pages.dev的html源码里的写法（但是目前测试下来，好像也只能80和443端口，估计跟alist代理那个一样是cf的限制） |
Beta Was this translation helpful? Give feedback.
-
|
翻译在线搞倒是不会，本地我倒是可以，倒是可以从本地上传到 |
Beta Was this translation helpful? Give feedback.
-
|
对的，本地全部弄好再一起传到cf pages上也可以（包括github pages，netlify等等平台应该都可以）。不过我个人是想着既然在线让cf执行编译就一起编译掉最好，这样的好处是github上源码一编辑，cf能自动重新编译发布，倒是蛮省时省力的。不过cf那个编译好像只能填一个语句进去，所以有点犯难 |
Beta Was this translation helpful? Give feedback.
-
第一次用这个Pages 在哪儿输入编译命令呀…方便截个图吗😘 |
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
-
|
创建的时候要选择导入现有 Git 存储库，从Github/Gitlab中导入；如果从本地上传的话好像不能在线构建 |
Beta Was this translation helpful? Give feedback.
-
好的~ 先放起来吧 过两天回家了再看看 |
Beta Was this translation helpful? Give feedback.
-
|
alist-web-sqnb.pages.dev 这是我的网站，但是在配置完成后进入网站，提示405错误，且没有admin的权限 |
Beta Was this translation helpful? Give feedback.
-
api不是填Cloudflare Pages的地址，而是你原本alist部署的网址：比如alist官方demo的alist.pages.dev对应的原部署地址是al.nn.ci那么api填的就是al.nn.ci而不是alist.pages.dev |
Beta Was this translation helpful? Give feedback.
-
|
懂了，谢谢！ |
Beta Was this translation helpful? Give feedback.
-
|
|
Beta Was this translation helpful? Give feedback.
-
|
跟上面一样，api要填的是原本的alist地址而不是pages的地址 |
Beta Was this translation helpful? Give feedback.
-
|
蹲一下，哪位大佬有不用服务器的方法踢一下，谢谢😊 |
Beta Was this translation helpful? Give feedback.
-
|
或者有没有其他什么不用服务器就能部署的方法，推荐一下，谢谢 |
Beta Was this translation helpful? Give feedback.
-
|
不用服务器还知不知道，没有服务器的话你可以去尝试注册一下serv00，一个免费10年的小服务器，网上有此服务器alist搭建教程 |
Beta Was this translation helpful? Give feedback.
-
注册不了😢 |
Beta Was this translation helpful? Give feedback.
-
|
给我一个联系方式吧，或者邮箱，我尝试帮你注册一下 |
Beta Was this translation helpful? Give feedback.
-
|
无服务器的话，试试腾讯和阿里的云函数？可以把alist二进制文件传到对象存储，然后挂载到云函数上，启动脚本直接运行二进制文件 |
Beta Was this translation helpful? Give feedback.
-
|
你说的不慢是多久，我之前使用Onedrive测试给我卡了两分多钟，我服了这个速度 |
Beta Was this translation helpful? Give feedback.
-
我这里冷启动0.91毫秒，冷启动很快的，多出来的时间用来加载onedrive文件了吧 |
Beta Was this translation helpful? Give feedback.
-
|
你说是前端的加载时间吗，我指的是后端的加载时间，不会显示 |
Beta Was this translation helpful? Give feedback.
-
没有 |
Beta Was this translation helpful? Give feedback.
-
|
你是自己写了一个 |
Beta Was this translation helpful? Give feedback.
-
|
可以下载releases编译好的前端文件 这样就省去了build了 |
Beta Was this translation helpful? Give feedback.
-
|
嗯，有空试试
yyyyt ***@***.***> 于2024年9月22日周日 09:02写道：
… 创建的时候要选择导入现有 Git 存储库，从Github/Gitlab中导入；如果从本地上传的话好像不能在线构建
试试GitHub action构建?
—
Reply to this email directly, view it on GitHub
<#6680 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/BE37E4YSXUJ6XOZJ64BKUA3ZXYJKJAVCNFSM6AAAAABKGWM2X2VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTANZRGU2TQOI>
.
You are receiving this because you commented.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
我找到了办法。直接把alist-web这个项目fork一下，把里面index.html里的api填入自己的alist网址
注意是Alist原本的网址（服务器反代后的地址，或者服务器的ip地址但cf要求80或443端口），不是Pages的地址！！！换句话说Cloudflare Pages只是给Alist套壳了一个前端，本身不能独立运行（如果有大佬有办法不依赖服务器运行后端的话欢迎交流）
然后在cloudflare pages里运行npm run build就可以了。不过现在有两个问题，一个是编译出来的是英文版的没有中文，还有一个是@manage设置里的所有个性化设置比如head，body，logo这些都无效了