网页版与部署

这一章是选学。只做小程序的，可以直接跳到第 22 节算账。

小程序有了，为什么还要网页

小程序离不开微信，也离不开手机屏幕。拼豆图纸一张 40×40，一千六百颗豆子，在手机上得放大了一块一块看；拼豆的人更想在电脑上看大图，打印出来压在豆板旁边照着拼。网页还有一个好处：一条链接发到哪都能点开，用什么手机、什么浏览器都行，第 21 节还会教你把它交给百度。

不是每个产品都值得做。天天拿在手上记的东西，比如记账，网页版用处就不大。拿不准，先问它：

我的产品是【一句话说你的产品】。用的人会不会想在电脑上用、会不会想把链接发到微信以外的地方？值不值得做一个网页版，说理由。

照着小程序，让它做一个

网页在代码开发的"网站开发"里做。开一个新任务，把小程序项目文件夹里的 需求.md、DESIGN.md 拖进输入框：第 4、7 节攒下的这两份，这时候派上用场，新项目不用从头说一遍。

照我的小程序做一个网页版，需求和样子在我带进来的 需求.md、DESIGN.md 里。
① 功能和小程序一样：【要带过去的功能】；这些先不带：【比如付款】；要收钱的那样东西，网页上只给预览，放一个"扫码回小程序拿"的位置；
② 电脑上宽屏排成左右两栏，手机上一栏，样子照 DESIGN.md；
③ 能在浏览器里算完的就在浏览器里算；不需要存用户数据的，就不做登录；
④ 做好先给我看，电脑宽度、手机宽度各截一张图。

它不会闷头就写。先交回一份需求，把要你拍板的事摆出来：

发布：两条路，挑一条

第 2 节你已经发过一个网页：分享 → 发布 → 发布为网站，拿到一条 workbuddy.link/p/… 的链接，不用开云服务。拼豆网页版在浏览器里算、不用登录，这条路一样能发，最快。

另一条，是让它把网页部署成一个应用：平台单独给它一个网址，以后能在同一个网址下加很多页，要登录、要存数据也能做。第 21 节一个词做一页、交给百度，要的就是这一条。

拼豆图纸要走到第 21 节，选第二条：

把网页版部署成一个应用，给它一个单独的网址。

它会弹一张卡片问要不要开启云服务，选开启：

做完它直接部署上线，在对话里给你一条链接，把它记下来。以后在"设置 → 数据管理 → 应用"里找它：复制链接、取消发布都在这。有人用它做了一个流浪猫认养网站，从说需求到上线大约 10 分钟，拿到的网址是 cat-adoption.app.workbuddy.host，平台给的，没买域名，也没办备案。做的人说，只要不删掉这个应用，网址就不变，以后改多少版都是它。

开了云服务的应用，免费版能同时开 10 个，每个每月 5000 资源点，用完这个月就暂停（第 8 节）。发布以后，在应用里能看到这个月用了多少。

链接到手，照第 6 节的习惯，先亲手点：

两件要你拍板的事

网页要不要登录。 网页版和小程序是两个应用，各有各的数据，账号不通。有人九月试的时候，网页版的登录还只有邮箱。所以要存东西的产品，定一个主场：记录留在小程序，网页只负责让人看到、找到你。

要不要自己买域名。 平台给的网址之外，想用自己买的域名，先让它核实这种发布方式能不能绑；能绑，还要买域名、办 ICP 备案，个人能备案的只有非经营性的网站。有人从买服务器到备案办完、网站上线，跑了将近 20 天。平台给的链接够用，就先别弄；等网页真的有人天天来，再说。

网页版存个档，叫 web-1.0。把网址记进 AGENTS.md。

网页上能不能收钱，要看你是什么身份。下一节讲。