mirror of
https://github.com/dreamhunter2333/cloudflare_temp_email.git
synced 2026-05-12 02:20:12 +08:00
3.5 KiB
3.5 KiB
Cloudflare Pages 前端
<script setup> import { ref } from 'vue' import JSZip from 'jszip'; const domain = ref("") const downloadUrl = ref("") const tip = ref("下载") const generate = async () => { try { const response = await fetch("/ui_install/frontend.zip"); const arrayBuffer = await response.arrayBuffer(); var zip = new JSZip(); await zip.loadAsync(arrayBuffer); let target_content = "" let target_path = "" const directory = zip.folder("assets"); if (directory) { for (const [relativePath, zipEntry] of Object.entries(directory.files)) { console.log(relativePath); if (relativePath.startsWith("assets/index-") && relativePath.endsWith(".js")){ let content = await zipEntry.async("string"); content = content.replace("https://temp-email-api.xxx.xxx", domain.value); target_path = relativePath; zip.file(relativePath, content); break; } } } if (!target_path) { tip.value = "生成失败"; downloadUrl.value = ''; } const blob = await zip.generateAsync({ type: "blob" }); const url = window.URL.createObjectURL(blob); downloadUrl.value = url; } catch (error) { console.error("Error: ", error); } } </script>-
点击
Compute (Workers)->Workers & Pages->Create
-
选择
Pages，选择Use direct upload
-
输入部署的 worker 的地址, 地址不要带
/，点击生成，成功会出现下载按钮，你会得到一个 zip 包- 此处 worker 域名为后端 api 的域名，比如我部署在
https://temp-email-api.awsl.uk，则填写https://temp-email-api.awsl.uk - 如果你的域名是
https://temp-email-api.xxx.workers.dev，则填写https://temp-email-api.xxx.workers.dev
[!warning] 注意
worker.dev域名在中国无法访问，请自定义域名生成 {{ tip }}Note
你也可以手动部署，从这里下载 zip, frontend.zip
修改压缩包里面的 index-xxx.js 文件 ，xx 是随机的字符串
搜索
https://temp-email-api.xxx.xxx，替换成你worker 的域名，然后部署新的zip文件 - 此处 worker 域名为后端 api 的域名，比如我部署在
-
选择
Pages，点击Create Pages, 修改名称，上传下载的 zip 包，然后点击Deploy
-
打开 刚刚部署的
Pages，点击Custom Domain这里可以添加自己的域名，你也可以使用自动生成的*.pages.dev的域名。能打开域名说明部署成功。
