（阅读量已经达到1.6万）上一篇文章介绍了10分钟搭个扣子小程序，其实是基于个人微信小程序已经备案过的，另外假设了大家能够顺利的搭建工作流，今天我们尽可能面向全小白同学来搭建下扣子小程序。
个人、新号、无需微信小程序备案，就能够在手机上使用扣子创作的小程序体验版。
我也重新申请了一个微信小程序来模拟大家的真实情况，发现能跑通。
个人注册微信小程序新号，虽然小程序发布需要在微信中备案，不过发布预览/使用体验版则无需进行备案，对于新手同学来说能够快速掌握整个流程。先跑通，再逐步改进优化！
沐然云计算
生成式AI与云计算领域知识分享、开发与架构经验交流，以动手实践为驱动的Hands-on Lab方式进阶、关注儿童AI教育领域
254篇原创内容
公众号
01
申请微信小程序
（微信端）
如果你已经熟悉这个过程，可以跳过
1. 访问微信小程序官网（mp.weixin.qq.com）点击注册，需要一个邮箱（之前没有注册过小程序或公众号的邮箱）。
2. 根据引导步骤填写信息，选择个人的主题类型，使用个人真实信息填写。
3. 注册完成，在管理->开发管理->开发设置这里可以看到开发者ID，也就是AppID（小程序ID），复制下，稍等配置到扣子时需要使用（稍后也有提示，漏掉了复制也不怕）。
4. 微信小程序注册完成，接下来进入扣子搭建环节。
02
搭建扣子小程序
（扣子平台）
5. 在扣子平台（coze.cn）注册账号。
6. 点击“+”符号来创建，有两个选择：“创建智能体”、“创建应用”，我们选择“创建应用”。
7. 再选择“小程序和H5”，注意这里包括微信小程序和抖音小程序，都是同一个入口。
8. 我们先创建一个很简单的工作流，名称命名为“image”，工作流描述可以自行填写。
9. 注意要添加一个图像生成的节点。
10. “图像生成”节点这里增加一个参数“input”，来源设置为“开始”节点的input，当然，对于“结束”节点的output要选择“图像生成”节点的output。
这一步可能会觉着有点难，如果不会操作可以联系我
11. 我们测试下效果，点击“试运行”。注意哦，点击“展开结果”是可以看到每一步执行情况，方便我们排查问题出在哪里、以及查看各节点执行处理过程，对于后面更复杂的调试是非常有用的。
03
搭建扣子小程序前端页面
（扣子平台）
12. 在扣子平台继续操作，在页面顶部点击“用户界面”，在左侧点击“模板”，最近刚刚支持片段化的模板，可以选择自己想要的组件即可灵活搭配页面。
13. （接上图）在这里我们选择增加一张图片，点击选中图片，在右侧“绑定数据”中可以点击小图标来选择数据，这样就不用手动输入了，我们需要选择从工作流Workflow中的output输出数据。
14. 还有一个关键的是输入信息，我们在左侧“组件”中选择表单，并修改只保留输入框和提交按钮。点击选择提交按钮，在右侧选择“事件”，选择“点击时调用工作流:image”，配置事件并选择input数据为刚才的表单的输入框。
15. 回顾下前面两步的操作，也就是点击提交按钮的时候会调用工作流，工作流执行完成会将图片链接推送到刚才图片组件中来显示。
04
预览扣子微信小程序
（扣子平台+手机）
16. 接下来到了查看效果的时候了，在扣子平台右上角点击“预览”。
17. 在扣子平台预览页面点击“配置”，在微信小程序官网复制AppID（小程序ID），粘贴到扣子平台预览配置页面，即可绑定小程序，这样扣子平台才知道将代码传给哪个微信小程序。
18. 稍等片刻，手机上直接扫码体验。如下图所示，左侧是今天晚上刚申请的个人微信小程序，还未来得及进行微信小程序备案，右侧是手机上扫码体验访问到的内容。
05
发布小程序
（扣子平台）
19. 上面只是预览，还不能大规模分享使用，我们来看下正常发布流程。
20. 在扣子平台点击发布，需要先“配置”小程序。
21. 还是如直刚才微信小程序的AppID（小程序ID）到扣子配置界面。
22. 将会由提示手机微信扫码授权，正常扫码授权即可。
23. 配置完成后勾选“微信小程序”，并填写“版本号”（比如v0.0.1），点击页面右上角“发布”。
24. 意料之中，提示“小程序未完成备案”，所以小程序发布失败了。
06
微信认证
（微信端）
25. 为了能够正常使用，建议进行微信小程序认证。返回微信小程序官网页面，在管理->微信认证页面中根据引导进行个人认证。
26. 根据引导信息阅读并统一协议、填写个人资料、确认小程序名称、填写发票信息，每次认证需要支付30元费用。
27. 提交后等待微信认证审核，认证是由微信小程序合作的第三方机构进行审核。
28. 查看认证详情。
29. 微信中能收到小程序认证审核进度，过了一个小时收到了小程序审核派单通知，预计明天会收到第三方审核机构的电话。
30. 期待小程序认证成功，然后可以正式将使用扣子搭建的小程序成功发布并分享使用。你也一起来试试吧，勇敢迈出第一步，加油！
以上30个Step看起来很复杂，真正操作起来也还好，建议大家真实去操作体验；
以上30个Step看起来流程都会，还是非常建议大家真正操作实践，能够更好的掌握流程。
如果其中一些步骤有操作不下去的，欢迎交流，问题一起沟通解决了、也就进步了！
扫一扫
992
到【灌水乐园】发言
