【教程】在 Cloudflare 上部署基于 Next.js 的地址生成器

资源荟萃
,
1

本帖为先前帖子的延伸教程。

【实用工具】基于IP的真实地址生成器 | 推倒重做！ | 20240929更新 - 资源荟萃 - LINUX DO

  1. Fork GitHub 仓库：
    访问并 fork 我的 GitHub 仓库：GuooGaii/ip-geoaddress-generator。

  2. 关联 GitHub 账号：
    在 Cloudflare 中关联自己的 GitHub 账号。

  3. 创建 Page 项目：
    使用 Git 方式创建 Cloudflare Page 项目，选择你 fork 的仓库。

  4. 设置框架与构建命令：
    在框架预设中选择 Next.js（不要选择 Next.js (Static HTML Export)），构建命令为：pnpm dlx @cloudflare/next-on-pages@1。

  5. 保存并部署：
    初次部署会出现网页报错，这是正常的，点击“继续设置”。

  6. 启用 Node.js 兼容性：
    进入对应的 Page 项目设置，在“运行时”类目下找到“兼容性标志”，填入 nodejs_compat。

  7. 重新部署：
    回到 Page 页面，选择“重新部署”，部署完成后，网页将可以正常访问。

本来想写图文教程的，但是在我自己的账号里不好复现佬友们的情况。写的比较匆忙，如果各位佬友有任何问题，可以在帖子里回复，我会抽空解决:kissing_heart:。

115 个赞
2

搞定了，确实要设置兼容性

7 个赞
3

感觉生成的电话总是有点问题，我试了试10次能对个两三次。
就像这样的
image

1 个赞
4

我检查一下，尽快修改，如果佬有能力的话也可以给我提pr

5

能力不足，PR不了啊。 :sweat_smile:

5 个赞
6

没事，问题不大，我改:smiling_face_with_tear:

2 个赞
7

感谢大佬教程

5 个赞
8

感谢大佬教程,等部署好了 来交作业

2 个赞
9

原来少了一个nodejs_compat

谢谢

10

image
image1421×897 42.5 KB

部署成功交作业了，感谢佬的教程

11

希望可以自选国家，州，城市。真的很需要 :smiling_face_with_tear:我愿意打赏，不会让大佬白辛苦

12

受宠若惊:face_holding_back_tears:，我会尽快更新的，如果着急使用可以考虑论坛里这位佬的工具，可以自选国家
分享个能生成22个国家真实地址的生成器（可以用CF worker部署）（求Star）（2024.9.17根据大家的需求更新） - 资源荟萃 - LINUX DO
如果想支持我的工作，也欢迎打赏:kissing_heart:

2 个赞
13

我等大佬更新，请问一下打赏渠道 :blush:

14

已修复，但是受限于api，支持的国家有限，如果在支持的列表外，默认为美国电话，参考 Random User Generator | Documentation

1 个赞
15

暂时在github主页上放上了支付宝的收款码，如果需要微信、爱发电或其他赞助方式我后续也会添加。不过也提佬友要根据自身经济情况量力而行

1 个赞
16

感谢大佬教程

5 个赞
17

成功部署了，感谢佬的教程!!!

3 个赞
18

感谢，这就去升个级

1 个赞
19

对自选地区提供了有限的支持，根据佬友反馈决定接下来的更新吧，前面代码写的太屎了改了好久:sob:

1 个赞
20

大佬，怎么没有俄勒冈州啊？ :sob:

2 个赞