以Github项目HowToCook为例，基于这个开源项目设计一个随机推荐菜谱的应用，发布到微信小程序。

---

1、coze编程

首先是完成项目的编程

网址：https://code.coze.cn/home

选择小程序开发，输入提示词：

帮我开发一个"今天吃什么"微信小程序，采用三栏Tab导航结构：首页提供"今天吃什么"随机决策按钮，基于用户设置的人员数量（需在第三页"我的-设置-用餐人员"中配置大人与小孩数量）智能推荐3-4道组合套餐（一荤一素一汤主食搭配），点击菜品进入详情页展示动态计算后的食材采购清单（根据人数自动换算克数/数量，小孩按0.6系数减量）、具体烹饪步骤及计时器功能；第二页为菜谱商城，采用瀑布流展示HowToCook项目（https://github.com/Anduin2017/HowToCook）的全部菜谱数据，支持按鸡鸭鱼肉、蔬菜、汤羹等分类筛选及食材关键词搜索，每道菜显示烹饪时长与难度；第三页个人中心包含用餐人员管理（支持多组配置如平日/聚餐模式）、口味偏好设置及本周烹饪统计。要求使用HowToCook开源JSON数据实现本地缓存，UI采用暖色调圆角设计，随机算法需避免近7天重复推荐，食材单位自动换算（克/斤/个），生成完整的小程序项目结构及核心页面代码。

后续改良了多版，最终效果如下：

上面的图片是使用微信小程序 AppID 配置后真机扫码查看的效果：

微信小程序 AppID获取步骤：

1）、打开 微信公众平台，注册微信小程序。详细注册步骤可参考 小程序注册指引

2）、在小程序后台获取 AppID

点击 开发与服务 → 开发管理 → 开发者 ID，获取 AppID

3）、绑定 AppID

---

2、微信小程序备案

要部署发布必须备案，小程序备案操作指引：操作指引

打开腾讯微信小程序管理地址：https://mp.weixin.qq.com/wxamp/home/guide

注册登录后，进入小程序发布流程：

1）小程序信息

补充小程序的基本信息，如名称、图标、描述等。跟着操作步骤指引即可。注意个人开发者不要把网址中的信息作为小程序名称，备案审核的时候会被驳回，例如这里不得选择“HowToCook”,此处我改成了"how2cook"。

图标可在https://www.iconfont.cn/search/index中搜索一个自己喜欢的下载后上传即可（大小选择144*144px）

2）小程序类目

补充小程序的服务类目，设置主营类目。根据实际小程序内容填写

3）小程序备案

补充小程序的备案信息，检测是否满足备案条件。这一步需要本人身份证原件照片或者彩色扫描件，地区选择的时候如果户口非以下地区但是选择了这些地区，强制需要居住证，建议使用自己的户籍地址。注意区分个人和企业开发者。

吉林、上海、江苏、浙江、安徽、山东、湖北、广东、四川、贵州、云南。

备案整体流程总共分为五个环节：备案信息填写、平台初审、工信部短信核验、通管局审核和备案成功。

注：这里就是备案信息填写，平台将会在1-2个工作日内完成初审，初审通过后，会收到工信部发送的验证短信（发送号码：12381），若收到短信要在24小时内完成短信核验（网址：https://beian.miit.gov.cn/， 手机端、PC端均可），超时就需要重新申请，短信核验成功后备案申请进入通管局审核流程，各省通信管理局将在1-20个工作日内（具体以实际审核时间为准）完成审核。管局审核通过后，将下发小程序备案号，代表你的小程序已完成备案，可以进入下一步版本发布等流程。

管局审核（大概一周左右）通过后，将下发的小程序备案号，代表你的小程序已完成备案，可以进入下一步版本发布等流程。

小程序成功发布上线后，小程序备案号将自动展示在小程序更多资料页，无需开发者自行悬挂。示例如下：

4）微信认证

完成微信认证后，账号可获得“被搜索”和“被分享”能力。未完成微信认证不影响后续版本发布。

同样按照流程指引，最后会收取30元认证费用。

---

3、部署发布

直接在coze工作台项目内选择一键部署

手动部署步骤

我在coze工作台快速部署失败，提示自动提审额度已用完。根据指引手动部署

手动提交流程

1）扣子编程平台：授权进行开发和预览

2）扣子编程平台：部署。

3）扣子编程平台：手动构建。

4）在终端操作

export OUTPUT_ROOT=dist
export COZE_PROJECT_DOMAIN_DEFAULT="https://mdy64577mv.coze.site"
pnpm build:weapp

5）扣子编程平台：导出项目到本地。

6）微信公众平台：解除第三方授权。

7）本地机器：上传。打开微信开发者工具（自行下载）导入上一步骤的项目下的 dist 目录，点击微信开发者工具的上传按钮。

8）微信公众平台：检查 mdy64577mv.coze.site 等域名是否配置；若没有，配置 mdy64577mv.coze.site 等域名。

登录微信公众平台（mp.weixin.qq.com）→ 左侧菜单「开发」→「开发管理」→「开发设置」→ 找到「服务器域名」区域 → 点击「修改」按钮。

需要配置的具体域名类型

域名类型	配置内容	说明
request 合法域名	https://mdy64577mv.coze.site	（必配）小程序发起 HTTPS 请求（wx.request）的域名
uploadFile 合法域名	https://mdy64577mv.coze.site	如果小程序需要上传文件到扣子服务
downloadFile 合法域名	https://mdy64577mv.coze.site	如果小程序需要从扣子下载文件/图片
socket 合法域名	wss://mdy64577mv.coze.site	如果使用了 WebSocket 实时通信

9）微信公众平台：提审。

在微信开发者工具上传代码

提交审核，有免费的加急一次

10）微信公众平台：审核通过后发布

发布后需要等待一定时间，才能在微信小程序搜到，有个bug是小程序内部菜单的图片没有生成且所有用户共用一个历史数据库。