如果你还不会使用云开发零代码开发微信小程序,请一定要看一下我这期视频,这期视频我会从基础的配置开始讲起, 首先我们想要实现云开发,我们就要让我们的编程工具接入 cloudbase 这个云数据库,具体是怎么操作的呢?我给大家演示一下这个 cloudbase, 我 们直接在浏览器上搜索就行了,点击这个,然后我们登录之后购买一个免费的 额度的一个云空间,然后这就是登录之后的一个样子,我们点击这里有一个接入指引,我们选择我们的开发工具,我们选择 tree, 我 们点击一下,然后这有一个可乐贝斯 m c p 的 一个代码,然后我们点击复制, 然后接下来打开我们的编程工具,在这个 m c p 里面点击手动配置,然后全选,然后粘贴刚才我们复制的这个代码, 然后这样就完成了。那么我们要怎么验证一下是否配置成功呢?我们可以在这里输入检查一下可乐贝斯 m c p 的 配置,然后 ai 就 会帮我们检查,这里可以看见它调用了 m c p, 然后显示配置成功。我们在第一次配置的时候,可能会弹出一个网页,让我们点击一下,然后我们就按照它的步骤点击就行了, 然后这样就配置成功了。然后我们写代码的后端什么的都不用自己再配,乱七八糟的环境直接可以存在我们的云端里面。然后下一步就是和 ai 一 起规划我们的小程序需求了,这里就是说 啊,跟 ai 说我要做一个什么什么小程序,然后让 ai 给我列一份需求规格说明书,这个里面要包括小程序的整体功能以及每个页面的设计。 然后这时候 ai 就 给我了一份需求规格说明书,然后我们可以检查这份需求规格说明书,然后看看是否符合自己的需求。然后如果里面有不好的地方,或者是自己不满意的地方,可以和 ai 先沟通,然后并进行改正, 这样我们的一个需求规格说明书就做好了后续开发,我们就以这个需求规格说明书进行开发,这个就是开发微信小程序 云开发的基本配置与需求规格说明书的制作流程。大家有什么不懂的话也可以在评论区留言。
粉丝1161获赞5917

大家好呀,今天来跟大家聊聊微信小程序的制作流程,很简单,咱们一步一步来。 第一步,打开某度搜索微信公众平台,然后第二步,注册账号,选择微信小程序这个选项。第三步,输入你的邮箱和密码,完成注册成功后就进入第四步了,进入后台界面。 第五步,要把 app id 保存好,后面会用到的。第六步,下载微信开发者工具,然后安装它,安装成功后咱们就进入第七步了,选择小程序项目。第八步,把第五步保存的 app id 输入进去, 等开发完成后。第九步,点击右上角的上传按钮,上传成功后就到第十步了,在版本管理里提交审核,审核成功后就到第十一步了,点击发布上线。 最后提醒大家,个人类型的账号不支持认证,非个人的需要认证费,是不是听起来还挺简单的,大家快去试试吧。


这是一款很多开发者都在用的调试神器,能让你告别繁琐设置,一键开启调试,随时随地分析小程序接口,每天认识一个实用小程序。今天是 wechat 八个, 今天带大家来学习最新版本的小程序抓包目前所支持的版本。我们最新的微信版本呢是四点一点一八的,也是这个一九二零一的,如果说你不知道你的微信版本呢,可以在电脑上面登录微信,然后在底部导航栏右键去选择任务管理器, 找到这个微信 wechat app e x 这样的一个应用,让我给大家展开,随便去选一个右键去选择,打开文件所在位置,在这里就是它的一个版本号,一九二零一。 确认支持版本之后,还有前提条件,你的 node js 至少是二二级以上的版本的。还需要去安装这样的一个依赖浏览器,必须基于 com 浏览器,比如说谷歌以及 edg 等等这个地方已经安装好的这个工具,然后我们可以双击进到这个文件夹当中,在这里呢去输入 cmd, 打开终端,打开终端之后去输入这样的一个命令,去输入一下,我这里已经安装过了,所以就不再去安装了。好安装好之后,在这个地方去输入这样的一个命令,去注入钩子脚本。 回车这个就会给到一个链接,我们可以把这个链接复制一下,我这里打开了一个谷歌的无痕浏览器,在这里呢去粘贴上我们刚刚所复制的那个链接。回车就可以去打开一个新的窗口,然后在这里呢去打开开发者工具, 那么现在就可以去调试对应的小程序了,我们这里去选择一个小程序,比如说瑞幸咖啡打开小程序之后,在这里去刷新一下,他就会把这个小程序的页面呢给他投屏到这个位置, 在这里他也会正常的去发包,比如说我们这里先去清空一下,再来去选择这个菜单,他也会去正常的发对应的这个菜单的数据包, 那么这个就跟你去做网页端逆向一样,正常的去用谷歌的 devotes 来去做一个调试。如果说你要切换小程序,也并不需要去重新开浏览器重新输入,只需要关闭你当前的小程序之后再来去换另外一个小程序,比如说这里股民的 来再来去刷新页面,他也会重新的去将你最新的小程序给他投放到这个位置,比如说我们这里再来去选择点单,他也会正常的去发对应的数据包,就可以去进行抓包以及对应的调试了,那么这个就是我们的小程序抓包工具的使用非常的简单。


普通人如何用 ar 开发小程序?那上期视频大概介绍了小程序的开发流程,这期视频我们就开始学习怎么去开发一个小程序。 首先之前提到我们需要用到两个工具,一个是这个微信开发的工具,主要是用来去调试以及预览小程序,还有就是把小程序的代码进行上传。那第二个因为我们没有编程基础,需要借助 ar 编程工具, 这里提到的有五六个编程工具,可以随便选一个顺手的工具就可以,那我后面演示的话,会用这个字节的踹去进行一个演示。 那这两个工具下载方式都非常简单,直接在你常用的浏览器去解锁,比方说你解锁微信开发的工具,然后找到它的官网下载安装就可以了。 那它编程工具的话也是同样的在浏览器解锁,比方说踹的官网下载安装就可以。 工具下载完成之后,我们就开始准备小程序的注册工作,那注册其实也比较简单,准备一些资料就可以了。我这里大概演示一下过程,就首先登录这个小程序的官网去进行一个注册,需要准备的资料有这些,包括邮箱、身份证、手机号,还有一个作为管理员的账号。 那进入后台之后大概是这么一个页面,点这里都可以进行一个注册。接下来进入这个页面,那首先需要一个邮箱,填写邮箱接收验证码。 接下来我们这里是以个人主体为例,那选择就是以你自己为主体,选择这个个人的选项,进行主体信息的登记,就包括身份证姓名,管理员的手机号,还有管理员的账号,这里是需要一个实名认证的步骤, 那这个步骤完成之后,就会显示出这个界面,相当于注册已经成功了。点击这个前往小程序的按钮,就可以进入小程序的后台, 那后台大概会显示四个栏目,包括小程序的信息,小程序的类目,还有两个流程是叫微信认证,还有小程序备案,那这个流程在后面会单独去讲一下大概的一个过程,那我们这里可以提前把这两个步骤就是小程序的信息和小程序的类目进行完善。 那小程序的信息就主要包括这几个方面,他的名字还有简称,以及他的头像和简介名字就根据自己的实际情况去取一个就可以了。简称需要注意是必须从从你的那个小程序名字里顺序取几个字,头像也是一样的,和简介根据自己的实际情况去进行, 那这个简介信息填也完成之后,还需要设置一个东西叫做类目,可以根据小程序的实际情况选择一个合适的类目,比方说你是工具或者说是其他类目,选择一个就可以了,一般个人出去可能受限制会比较多, 工具类目会多一些,可能还有一些其他的,比方说信息查询呀,或者健康管理,根据自己的实际情况进行选举就可以了。那这两个步骤完成之后,小程序的注册流程基本上就搞定了,接下来就可以准备小程序的一个开发工作。

ai 做小程序工具篇首先打开官网,在官方文档小程序工具页面可以看到下载按钮, 它会自动匹配你的电脑系统,点击下载 windows 六十四或者 macos arm 六十四。安装后打开开发者工具,扫码登录,登录后点击加号,创建一个新的项目, 填写项目名称,小程序 f id 还没有的话,点击注册,注册一个。我们阶段暂时用不到云开发,先选择不使用云服务模板,可以随意选择一个。后续我们会使用 ai 进行大改,不依赖模板。 打开后,开发工具的主界面是这样的,看着是不是挺复杂的,不用担心,我们不用关注那么多东西。界面的最右边是手机模拟器, ai 改完代码后,先点一下右上角扫帚,选择全部清除,再点一下扫帚左边的刷新,看改完后的效果。 最下面是模拟器的设置与操作,例如机型选择、分辨率选择等。刷新页面停止模拟器触发截屏等功能也在这里。在中间和左边的界面中,我们最需要关注的是终端,如图中箭头所示,点一下后切换到终端 tab, 点开后它是这样的。 终端是一个纯基于键盘和文本输入输出的工具,不支持使用鼠标点击。后续我们会详细介绍怎么样使用,我们将在这里跟 ai 对 话,以开发我们的小程序。至此,微信开发者工具就准备好了。

各位不要被这个 skill 忽悠瘸了,有些博主为了博流量鼓吹他的能力如何的炸裂,其实根本不是这么一回事,他到底能干啥?不能干啥?今天给你扒一下,先说没吹嘘的部分,他确实能够读微信的,私聊、群聊还能读,图片文件,语音也能全部识别,还能支持多个账号同时登录, 帮你把好几个微信的消息进行全汇总。但他适合的场景就是每天工作非常的忙,没空刷微信,且聊天数量和群又多的人, 价值就是帮你省时间。但他没那么神,不是什么都能随意调取你微信所有数据的黑科技,顶多就是个微信消息的一个速度器,而且高频使用是有封号和隐私的风险的。 我身边有几个人被封了,因为这仅仅是一个第三方的开源插件,尽量别越级使用。如果你真的离不开微信,每天都有高频的需求, 那为什么你不直接用腾讯下呢?这毕竟是官方的原生接入,安全合规零门槛,普通人都能直接用,但官方版呢,目前不支持多账号。所以呢,希望各位理性使用,这仅仅是一个高效工具。

个人微信现在也能进入 openklo 了,操作非常简单。首先把微信更新到最新版本,点击我设置关于微信检查版本号,确保是八零点七零或更高。更新完成后,在已安装 openklo 的 电脑上 输入指定的内穿命令,耐心等待大约一分钟,系统就会自动生成一个二维码,最后用手机微信扫一扫连接就完成了,全程不需要复杂配置,轻松搞定。感兴趣的朋友赶紧去试试吧!如果在操作中遇到任何问题,欢迎在评论区留言交流。

你是不是有 k 了,你这可乐的扣都用不了啊,扣代个四也不会配置。你今天来着了啊,我手把手的,一步一步的教你搞定啊。首先第一步打开这个软件,怎么你没有这个软件,没有这个软件不用怕啊,进度条拉到最后啊,里边有下载链接。 你打开这个软件之后,首先第一步点击右上角的加号,然后点击添加一个叫 a p i k。 这俩东西在哪获得呢?进度条拉到最后,打开那个链接之后,你就进入这个界面啊,你点注册新账号,你注册一个好,完成注册之后,它就会跳出来一个 a p i k, 当然了,因为我已经注册好了,所以说我就不跳出来了,但是呢,你不跳出来也有办法获取啊,你就登录一下, 你注册好了,登录好了之后,你看看左上角这地儿啊,左上角这个有小齿轮,点击一下绑定邮箱和 api, 你 点 api, 啪 就出来了这个 url api 三款最重要的模型。回到这个 api 地址,你就填上这个 api 地址,再把这个 api 填上,可以填上试一试啊,这都不一定的啊,点击添加就 ok 了啊,就记住这俩 api k 和 api 地址,起个名,韭菜盒子。点击添加,添加好了之后呢,你再点的这个加号啊,你这不,你刚才起的这个叫韭菜盒子对不对?你打开之后, 点击右下角这个保存并同步,啪一点就完事了啊,我这正在运行项目,我就不点了啊,点完之后就同步到前面了,你看我这个, 我这个点好的,同步的啊,这是我自己,我同步的。这 logo 随便填的啊。我自己啊,你看这面出首页就出来了个我自己出来我自己之后,比如说你想用可乐扣子,你就点可乐扣子,你要想用 codex 你 就点 codex 啊,我现在我的 k 呢,就支持这俩,因为我只用这俩啊, 比如说我们拿这个 gpt 举例啊,你就点,点击 gpt 之后呢?点这个我自己点这个起用,我这已经在使用中了啊,这块不有个起用吗?这块原来你这你们你没起用这块有个起用啊,点击起用就在使用中了,你点这个小笔, 你进来之后还是填那俩东西啊,啥都不用改啊,还是这俩东西,一个是这个地址 还是回到这个韭菜盒子十六六这个网站里,你把这个 url 给复制一下啊,填这个地址,把这个 k 填上啊,你点获取模型里边它它获取这么多没有用啊,我这个指示是一个模型 gpt 五点四啊,你这这填个 gpt 五点四就行了啊,点击保存 ok 了就可以用了啊,你用之前呢,你测量一下啊,这个有没有网速啊,什么能不能通啊?第三个小小鸟叫测试模型一点, 你看我自己运行正常,它就是证明挺快有肉的啊,那可乐就没有这么快啊。同理啊,还是一样啊,一样进来把 k 和其他都随便填啊,爱填不填,就这俩最重要。 apk 和这个请求地址一填完事了啊,我模型我只支持三个啊,一个是 oppo 的 四点六,一个索尼的四点六啊,就这俩啊,那个叫快什么酷,那个我不用,所以我就没没往里填就完事了,填哪都行。我是瞎填的啊,反正有这俩模型, 点击保存,点测一下网速,看看通不通畅啊,你看可乐就没有,那可是也挺快啊啊,接下来怎么使用呢?你说我不会配置怎么办?见证奇迹的时候到了啊,根本不需要配置啊。点击左上角这个小齿轮,看见没? 点一下进来之后呢?第二个选项,代理看见没?代理,有一个本地代理看见没?点击本地代理,你把这个代理总开关给我打开, 就打开成我这样式的,你要用可乐,你就把可乐打开,你要用 codex, 你 就把 codex 打开。 ok 了啊,就这么简单,全完事之后你就可以放心大胆的使用了啊,比如说反重力边的扩展,你也就可以直接用了啊,就是这么简单完成了啊,网址地址我就放在视频的最后了啊,我再给你们介绍一下啊,韭菜盒子屎丢丢的强大之处, 小菜盒子十丢丢。除了这个 a p i k 这个功能啊,这只是我的附带的功能,为了方便大家用来编码,因为我现在编不了码,所以说呢,你们要是写代码就用 colocode 和 codex 去做。我是附带产品啊, 还是左上角点击 a p i k 就 行了啊。你们的消费记录点这个个人中心,这里头有你多少用户名,账户余额多少,累计花花了多少? 你看,我也在用这个东西,我要介绍一下我们的韭菜盒子十六六。这个韭菜盒子十六六到底是啥呢?如果你用过可乐扣的或扣袋子,你就知道啊,我这个重要的功能就是搭子, 搭子是什么呢?你可以简单理解,它就是一个 skill 啊,就是 m c p 啊,就是 agent 调度啊,就是一个集合东西,是一个工具,集合了 skill, 集合了 agent 调度,集合了 m、 c、 p 链接这么一个综合性的一个, 我这里边还有状态记呢,太复杂了,你只需要懂一点,比如说我这里边重要功能啊,比如说我是个财务,我想干点啥?我想需要有一个哒子帮我写文案,比如说啊呢?我说财务,我不懂啊, 比如说我是一个抖音的 ai 博主啊,我需要让让他帮我写抖音的文案,比如说让我写抖音的文案,我自己写太费劲了,那我就建一个哒子,点击创建哒子之后呢, 你看他就会回答几五个问题,你就回答这块我设计的交互不太好,下一个版本就会好起来啊,你回答五个问题之后呢, 就会生成一个新的搭子,就会落在这个玩家工坊这个地方,你再点击这个搭子,在这里面输入指令之后,你就可以让他,你看像我这个 a 针那个是给我的相同的功能了啊,你就可以用了 你任何的你想要的功能,他这里面都能通过建创建搭子的方式实现啊,明白吗?当然我内置比这个搭子更强大的这些工具呢,我也给大家介绍一下啊,比如说漫剧剧本,你看有的时候我们其实 不太,现在世界上市面上所有的 ai 写作软件呢,基本上都是你给他个需求,他夸夸全给你写出来了,但是有那些每一场戏都不是我们想要的结果和走向,那怎么办?用慢剧剧本,他就是第一把这个你所有的想法变成慢剧剧本的标准格式。 第二就是所有的每场戏,每场戏的生成,每一场戏的每一个转折,你都可以做决定,他会给你,他不是让你去写这些往哪分叉,而是给你一些选项, 比如说我随便举个例子啊,我说我的老婆是大鹅,这是我一个灵感啊,我有的时候你早上起来,你突然有个灵感,我想创造一个什么故事,但是我就不知道后面怎么写了,我就只有一句话, 那他就会给你引导了,就说核心定义什么,我老婆是大鹅,字面意思还是昵称什么的,这个倾向是什么?虐心还是填宠日常呢?还是纯搞笑的?发生在什么世界呀?他会给你一些问题去引导你,让你逐渐完善你这个故事,这就是这个工具最强大的 写剧本的一个地方啊,我就不再详细的介绍了,你自己去体验吧。你要记住一点,你只要有个灵感,就可以写一个标准的市场化, 可以卖钱的一个慢剧剧本啊,就这么简单啊,当然你得有,你得有判断力啊,他给你选项之后,你得有判断力,这个很重要啊,而且你得有决定决定性的功能,你写这个东西绝对是你的,他绝对 ai 查不了虫的,因为所有的重要的决定都是你做的。好吧,再进入第二个啊,慢剧提示时,这个也是你写好了剧本, 因为我公司就是一个漫剧制作公司,我把我的公司最核心的一个机密直接公开了啊,漫剧提示词他什么强大?什么功能?所有全流程,从光影 角色资产、道具资产、场景资产分镜头提示词怎么改,这个提示词怎么生成?视频提示词怎么生成?视频怎么生成,图片全在这里,你只要通过跟他对话的形式啊,你就可以,比如说你不知道怎么用啊,你就直接说我怎么使用的,看见没 你,你不会用,没关系,你就说我怎么用的,他就告诉你了他怎么用的,你就一步步帮他干就行了。当然有的时候我就想生成个图片,怎么办啊?比如说我就,我就想生成一个高一五,给我写一个生图提示词啊,我比如举个例子, 给我写个生疏提示啊,一个烤鸭仙女站在我的家门口,你有的时候你你你,你不知道这个具体的提示词到底怎么写,你只有个大概的一个概念啊,你教给他,让他帮你写,他就会把这个中文的提示和英文提示都给到你,你去调吧,你去用啊,你包括视频提示也可以这么用啊。好吧,非常简单, 下一个工具就是写作,我们有很多人需要写小说的一个啊,这个也写小说这么一个需求, 那怎么样让这个写小说这个事,又能识别你的上下文就最最重要,你要写个一百多万字,他不知道你上面的主角人设是什么了,那就糟糕了呀,所以说他这个东西,这个工具不仅有文笔,还有上下文,还有人设方面。我基本上把这个东西是把这个晋江小说啊,还有叫什么玩意呢? 番茄小说啊,所有的要求我都给搞定了,从前面的灵感到戏纲人设正文怎么写,文案怎么写,包括你,你说我创建一本书,我文案标题怎么写,他都可以帮你写啊,整个小说的方方面面,从头到尾他全部帮你搞定啊,当然,因为我小说我写的不是特别牛逼啊,大家可以把这个 你自己用,你可以把它提升啊,等你都写完了之后,你说我不想卖啊,我想自己做个成片,没关系,来,直接点上图上视频这个功能之后,这里边就有介绍了啊,他怎么怎么使用,都有什么模型,你就照着他干就行了啊,这面都不用选啊,这块是调度的作用, 在这个阶段你不用选,你选个五点四就行了,五点四又又又好又便宜,你就选五点四,你就把你的生图需求你就写上就行了。比如说你说我想整个纹身图啊,你点个纹身图,他就来个小模板,你就填就行了。 ok, 我 简单举个例子啊,我这照的图片内容是一个烤霞仙女站在门口,风格写十的比例九比十六,数量一张,用 banana v 二 v 二,因为便宜啊,只要一两毛钱啊,这个两毛钱大概啊, 那这样的话,你就直接你看他这写了二二十六韭菜花,二十六韭菜花是两毛多点吗?你就点击生成就可以了。 妥了,教程失败啊,这边有个翻译啊,分辨率没填啊,那么填下分辨率啊,直接出来了,大概是两毛一啊,一张图。 ok 啊,这就显示你已经下载成功了啊,看一下啊, 巨仙阁北京烤鸭生存的图片还可以啊。好了,生视频的功能呢?现在是已经开了,但是呢,因为有个什么问题,我再给大家解释一下,为什么有的人用不了,你不要说我是不是这没有模型,这个模型不重要,这个模型只是为了对话用的,真正调度这个生图的是这个工具,生图生视频的工具, 你这个模型就选五点四就行了啊,够用了啊,不能调用的原因就是你的这个韭菜花不够啊,因为他什么呢?因为自从我把这 cds 二点零接进来了之后, cds 二点零有一条视频,他他要十二块钱多啊,有的时候十四十五块钱一条,那有的人 韭菜韭菜花就几个,他啪生一条,他跑了,你说我找谁去啊?所以我设置了一个最低的期限,你韭菜花不能低于一千五,低于一千五是肯定不能用生图生视频的,明白吗?但是不是说你这个,你看我这价格就是两毛来钱一张图啊。 我呢,推荐大家用这个 banana banana girl 生图 girl girl 生视频 v e o 生视频,这 c 叉 s 二点零呢?我不咋推荐啊,这个 c 叉 s 二点零零我是用不起啊,我是觉得就这些挺好,当然你非要用 c 叉 s 二点零也可以啊,那你可以用,你可以用以上就是我所有的韭菜盒子 stu 的 所有的功能啊,下一个版本 会更强,而且会出桌面版,大家敬请期待啊。实在联系不上我的,可以点击充值,充值下边有一个扫码添加韭菜花卡,有一个我的微信,你可以啊,加我,加我的时候先把你的诉求说清楚啊, 赶快扫码进群,在群收藏里面有详细的攻略啊,包括软件的下载地址,包括 api 获取地址啊。

啊,这个如果说这个我们的代码开发差不多了之后呢,我们一般可以有两种方式啊,一种可以先这个发布啊,点这个菜单里面发布小程序微信啊,发布到我们这个这个我们的这个啊微信开发者工具里边去 啊,这是一个方式和方法啊,这的话就是便于我们进行这个代码的上传,我们通过界面可以看到啊 啊,另外一个他就是点一个运行啊,可以这个点这个停止运行,点这个运行到这个内置浏览器,那么这就是一个内置的浏览器啊,可以把我们呃调试的过程中可以单步进行调试,所有的情况啊,都可以这个把在内部浏览器里进行调试和这个展示 啊,这是我们一个常规的一个啊操作啊,另外一个尝试呢,就可以通过这个微信开发的程序啊这些这个功能,这个功能的话基本上就逼近于啊实际情况这个微信小屏的调试过程啊,我们就可以按照我们的要求或者想法啊进行相关的一个调试和一个操作 啊。然后这边呢我们还有一个详情,就是输入你需要啊申请的一个 app id 啊,然后还有你的本地上传目录啊这些信息啊,还有一个就是版本管理啊,你对版本进行定义和管理,这个是基本的啊,然后再一个呢哈就是这个, 嗯,点击上传上传之后呢,你就可以呃这个版本呢,就可以在你的那个微信管理的工具里边就可以看到啊相关的信息和数据啊,这就是一个基本的一个流程啊,简单我们总结一下呢,就是先使用 x builder 啊,进行这个开发啊,然后再一个运行到这个这个内部浏览器,我们进行简单调试, 然后再发现到我们的微小程序里面啊,我们再进行测试啊,没啥问题。之后呢?呃,这个我们进行这个版本,这个上传和这个啊演示就可以成为我们的一个基本的演示版本。

大家好,今天这期视频我们介绍一下翠的下载和安装,以及如何从零到一实现我们第一个微信小程序的开发。翠是字节跳动推出了一款 ai 原生集成开发环境,然后集成了先进的 ai 模型, 这是通过自然语言交互实现代码生成、项目构建和调试上,我们现在就是访问一下 tree 的 官网,就这个, 然后它是分国内版和国际版的,我们现在访问的这个是国内版的,我们用国内版的就可以了,然后点击这个下载, 它就会跳转到这个下载页面,它现在已经自动识别我们电脑的操作系统,就是我们还是以 windows 为例,它是支持 linux 苹果的,然后我们点击这个 windows 六十四版本的 另存为,把它的下载安装包下载到桌面, 然后我们也可以看它官方文档 快速入门,它这里有一些官方的教程。 这个安装包下载好以后,我们双击运行一下, 然后点击下一步,这里把它的安装位置我们稍作修改, 放到这个位置下,点击下一步,点击下一步下一步,然后我们安装, 因为我这边之前是已经安装过了这个,所以它等一下安装好以后启动吹的话,可能会有一些跟随界面指引完成初次设置, 我的我的直接可能他就启动了,没有这些,因为我之前已经安装过了嘛,他有一个选择主题和语言就默认的就可以了,中文或者导入配置什么的。 还有一个设置,他那个就是你生成代码,你要生成到哪个文件夹下,可以进行一下一个配置。还有就是一个登录操作, 因为我这边之前已经安装过,所以他可能就没有这些东西了,就直接呃访问到那个直接进去, 好,马上就要安装好了, 好,我们点击完成,然后运行一下,这是 tree, 我 这边就是已经直接进来了,因为没有那些配置了。 然后大家可以去新建一个文件夹,就是 比如说建立一个这个名字的文件夹,然后在这个文件里选择打开文件夹, 选择我们刚才新建那个文件,它就会跳转到这个,就是以后我们在生成的,就是以后我们生成的东西,它就会自动保存到这个文件夹下,就这个意思, ctrl u 这个快捷键,就是 ctrl u 就 会呃,把右边这个界面弄出来, 这个这这之前,这是我之前弄的,这些都不用看, 然后我们就看一下,重点看一下这里它有两个可以选,一个是 chat 和 builder, chat 就是 我跟我们之前用的豆包 pdf 一 样,你问它问题,它就会会给你生成相应的文本回复,这个仅限于这个文本的回复,我们重点是关注它这个 builder 它可以实行一个端到端执行常规任务开发, 它最大的不同就是它可以把生成的代码文件直接保存到你这个 目录下面,就像这样它是自动生成,不需要你再去手动创建了。然后我们下面就去进行一个演示, 帮我做一个微,一个微信小程序时钟的, 然后我们提示的就这么简单,然后我们可以点击下面这个优化输入内容,让他把我们的提示词进行一个相关的优化, 大概就是这样,我们现在以这个为例吧,然后把这个提示词发给他, 他就会生成自动生成圆满目录,就在生成到这个下面, 然后因为他这个开发过程可能比较长一点,可能大概需要个五六分钟吧,我们这里就直接跳过吧,用一个他最后生成。就比如说像这样 我们我们就需要去最后我们仅仅需要去测试一下它就行了,整个代码编辑过程,文件生成都不用我们去关注, 然后我们需要去下载一个微信开发者工具,这个下载过程也非常的简单,大家可以去搜索一下, 然后就会它就会跳转到这个界面,我们点击这个游客模式登录一下就行了, 然后这里可以选择一下项目名称,随便起一个目录,就选择我们刚才那个 这个目录选择的这个目录行了,因为这个我已经创建过了,然后点击这个确定就可以写,因为这个我已经创建过了,所以我就这边就不延时了。 我这这里就是我拿之前已经直接生成好的一个例子,给大家看一下它最后生成的一个效果, 点击这个翻译,这个就是我用这个 tree 帮我生成的这个始终小程序,就是我一行代码也不用写它。最后我们来看一下它的效果,设置一个日期 时间,然后添加闹钟,这个就然后它这里还有还有距离响铃还有多长时间吗?我们可以添加多个, 还可以删除,基本上就是一个闹钟的一个小程序。 呃,我们就是不,即使你不懂代码也完全没有关系,就可以我们利用现在利用这个 ai 开发工具,可以从零到一,去实现一个微信小程序的开发。 如果大家还有什么问题的话可以在评论区留言,我会尽可能去回复大家的一些问题。好的,谢谢大家的观看。

hello, 大家好,我是小严,今天是教大家用 web coding, 也就是用 ai 全程零基础开发微信小程序。然后 就是用的工具,就是我们国产之光的 train 和微信开发工具,只有这两工具。然后我们今天只讲重点,只讲干货,不需要写任何一行代码,从零到上限,而且有实际案例,好吧?然后 webcoreling 的 一个工作流程就非常简单,就是你跟别人聊天一样,你就是用自然语言跟他聊天,你想做什么,对吧?然后生成一个 p r d 文档,然后可刷原型,这些我都会给大家看一个实利好,从我第一个项目开始 啊,我还是用去啊,这是网页版,比如说我要做一个文字类游戏,我大概意思是什么呀?就是我可以跟他交互,然后这是个游戏剧情,然后里面背后有一个 ai 大 模型接入,这样的话每个人生成内容是不一样的。最后呢, 直接生成根据你的经历生成一本属于你自己的专属的一本小说,大概是这样的一个流程啊,然后我就直接跟他说,让他生成一份 p r d 文档, p r d 文档就是一个用户需求的一个文档, 然后他会讲很多东西,包括什么概书、市场调研、定位、画像等等,一切非常非常多这个文件, 那这个文件其实我们也不需要懂,我们甚至都不用看,为什么呢?因为它文字很长,真的很长,你一个个看过来很费时间。我们用 web coding, 既然已经用了 ai, 那 我们还是要让 ai, 让我们更快去了解我们这个项目,所以我要让 ai 根据这个 prd 文档 做一个格式化的一个网站,这样的话我们光看文字可能很繁很繁琐,很枯燥,但是看网页看图的话会比较好点,就是 做的很好。他说你的故事由 ai 来写,永远不重样,它是基于大模型的无限剧情冒险游戏,自带一个 api, 然后呢,每次选择就会带来一次迅速旅程啊,这样的一个项目,我们也可以体验他的一个 demo 是 怎样的一个样子呢?就是就像游戏剧情一样啊,他会发生什么事情,然后你点一下,三选一, 然后我最后会多一个选项是自定义,就是你手动打字进去,然后等等等等。全部做完之后呢,他会 基于这个剧情生成一本你关于自己的一个专属小说,可以分享朋友圈之类的,然后这个剧情你也可以设置多少人等等等等, 他会做一个详细架构。 ok, 你 有这些大概了解你这项目,你先看一下符不符合你的预期,如果符合,然后再根据这个圆形那个 可说话网站,然后再根据这个 prd 生成原型图啊,原型图就是你真正的用户界面,因为我们以一个小程序为例哈,那就是小程序会有它的首页,对不对?是这样的一个模式啊, 然后,呃,它这个游戏界面,就刚才我们 demo 里面看到的类似这样的画面,对吧?然后我们可以配置一些 api 啊,然后一些角色上传存档啊,进行了一个分支 引导的一个流程等等等等。那有了这个圆形图之后,我们再让他根据这个圆形图去开发啊,其实 我刚才说了这么些,都是可以让 ai 就 直接跟他说文字,让他做就行了。好,然后接下来就是最重点的,具体的怎么去实现啊?很多人可能刚开始直接开始让 ai 写代码,这样的话可能会 写出来一团不能用的甚至很多 bug 的 代码,我们最主主要的是什么?我们回到我们的一个流程里面啊, 我们最主要的是要做一个开发环境,就是你要给 ai 限制住,不然话他懂的东西太多,反而是种负担。我们要目标明确,我们做一个微信小程序,然后针对微信小程序做开发,这样的话他不会跑偏啊,所以在这个趣里面啊 啊,我我们默认下载是这样画面,我们切换成 solo 模式, solo 模式是我个人觉得是最省力的,全自动的点击设置里面,我们有几个需要去做的,一个是缩影的一个文档,我们可以把官方的 这个微信小程序的 api, 包括他的组建文档和他的框架总览发给这个翠啊。添加也是非常简单,我们直接点这个添加文字,然后通过这个网址添加输入一个名称就行了,那这里我也准备好了呃, 他的一个网址,大家可以看一下啊,就这三个网址复制进去就行了。那这样的一个好处就是 你跟他对话永远是围绕着我们微信小程序的框架,他不会跑偏,而且写的极其规范,这是很重要的一点规范,他就不会有那么多错,然后也会按照他的既定逻辑走。第二是关于 skill, 就是 技能方面,技能方面的话, 在过程中我希望他哪怕有错误,以后也不会再犯啊,所以我我希望,呃,做一个 skill, skill 也是一样的,这这个技能也是可以让 ai 做的, 就是我要让他生成这三份文档,一个是部署指南,因为很多小白不知道怎么去部署,对吧?你喜欢代码,你不知道怎么部署就很讨厌,所以我们所有的一切都要交给 ai, 让他教我们,所以我们只要搭一个脚手架就行了。那里面有三个文档,就是一个 readme, 就是 他的一个项目的概况啊,他的啊,愿景啊,目录啊,然后他的技术架构啊,其实我们需要懂这些所有的文件都是什么给 ai 看的,我们只是大概了解一下就行了。还有一个部署指南和避坑指南,我们可以简单看一下啊,我让这个项目全部写完之后, 首先有这个 readme 文档,对不对?他说这个项目是怎样的啊?然后具体的框架什么的,这些为什么要有呢?首先我们 作为一个小白用户来说,我们不需要懂里面的东西,但是一定要有的核心目的是要让 ai 知道,因为我们不管是新增功能也好,还是修改功能也好,它还是换一台电脑编程也好,都要让 ai 知道我们这个项目是干嘛,所以这是给 ai 看的 好,这是第一份文件,第二份文件是避坑指南,那避坑指南也是一样的,同样是给 ai 看的。我们可能过程中遇到各种各样的 bug, 然后我们修复完之后,我们不希望 ai 再散,所以它会有一个,呃,避坑指南, 你看他会有一个什么方案,然后原因是什么?替代是怎样的等等等等,已知的问题是什么?我们这份指南同样是让 ai 看的,这样的话 可以让我们的 ai 越用越顺手,越用越流畅,越用越用越符合我们的心意,也是尽量避免错误。第三个就是我们的部署指南,部署指南当然是给我们看的,我们尽量是 让我们做一个小白,用户从零都能部署一个微信小程序,其特别简单,就是安装一个微信小程序,网址是什么?安,安装一下就行了,然后选择导入这个项目,选择这个目录,对吧? 然后点编辑,其实就就就行了,特别简单,可以看到我这个程序从头演示根,根据这个指南,你看 他这里写啊,打开这个小那个工具了,微信开发工具,这个就是微信小程序的开发工具,我们点导入,然后再导入我们的这个小程序啊,点创建,你看就好了,就特别简单, 点进去之后点这个编辑,对吧?然后这样就生成我们的一个剧情了,好,我们来看一下, 对吧?当你点开一个时候,它会下一页,下一页,然后它会教你怎么去一个个部署上线,如果有什么不懂,全程问 ai 就 行了。所以其实我这里要教大家,第一就是你要从 想法到落地,不要一开始直接让 ai 写一定要什么,让 ai 先写一份 prd 文档, 这是很重要的,根据这个 prd 文档之后,我们再让他生成圆形图也好,还是格式化的。呃,网页也好,让 我们首先对这些 u i 也就是界面有一定的认同,那如果你不认同了,当然还可以继续改配色啊,然后布局等等,改完之后呢,再让他写代码,然后写代码是 后后面的一步了,因为我们所有的前期步骤如果搭建完善的话,写代码是最简单的,当然还还看那个大模型了。所以我们这里面的多引的文档和你的 这个技能就是你的脚手架,一旦你脚手架搭好之后,你写代码会非常轻松,你看比如说你全部 做完之后,看到没有,我脚趾甲搭好之后,我也会让 ai 每次都跟我说你要做什么。特别小白用户,他会告诉你你的开发者的工具操作清单,比如说 你只要点编辑就行了,云函数和云部署都不需要改动,也不需要动,他如果要动的话,他也会告诉你怎么动,这样的话只要按照他的做就行了。 其次啊,你每次做完之后,也可以让他做一个项目的审计啊,然后根据审计报告去修复,你看他会发现很多漏洞, 那很简单,你让他修复就行了,对吧?所以其实难就难在什么很多小白用户,第一难是从零到一的一步,也就是从你的想法到 prd 到那个 代码,这前面你不掉了。很多小白为什么写写不出好的,或是一直遇到问题解决不了?你要脚手架一定要打好,就是特别像我这个案例,就是小小程序里面的文档,连锁的一个资料都要给他。然后你规则,这个规则的话,其实 我们可以大概看一下我我写的一个规则,这个规则根据,呃,每个人情况因人而异, 我是特别简单的,为什么我我每次做完一个东西,他会提醒我呢?因为我这里在写了,是我说你每完成一个任务必须要提供清单,告诉我我是否要点一边一,如果改动语音函数,提醒我怎么去部署,对吧?然后数据库的话要提醒我怎么去创建 啊,然后发现我的需求导致怎样的话,这些东西其实都是根据我自己的定位,因为我定位可能就是个小白,我不懂任何代码,我只想让 ai 去做,所以这些东西 都要去定位。好,等你约束已经约束在很窄范围内, ai 只能在你的想要的范围内去发展的话,那这样会非常高效,而且错误率也很少,也不会天马行空的各种不知名的 bug。 所以本次教程其实特别简单,就是教你们如何用背或是类似这样的一些 ai 工具,让自己写的不管小程序也好还是其他程序也好,围绕着你的目标去,尽可能少犯错误,尽可能高效的去迭代。 好了,如果大家还对 webcolin 感兴趣啊,比如说真正遇到一个需求,我们怎么去改,然后具体应该是怎样让它改的更好,更符合自己心意,以及说小程序怎么从个人认证到部署上线到推广, 感兴趣的话欢迎点赞收藏,然后点赞到呃一万的话就继续更新视频好了,感谢大家收看!

好,如果说我们的代码生成完毕之后呢,我们只需要点这个复制啊,点复制啊,然后在这点 ctrl v 啊,把我们所有代码复制过来, 那么这就是一个我们需要的一个项目信息,那我们大概来分解一下整体的这个系统的一个结构哈。嗯,可以从这点可以看出来它比较典型的啊,首先就是三个结构啊,这是一个典型的一个 v o e 的 一个模板啊,第一个就是这个模模板啊,就是我们看到的这一界面,说白了就跟前台一样。 然后第二个呢就是我们的这个脚本啊,就是我们需要执行的动作和这个呃,这个信息啊,第三个呢就是我们的样式啊,通过名字我们也可以看到啊,这是我们的样式啊, 这是我们的样式啊,样式的话就是我们需要展示是什么样的一个情况啊?然后我们找几个例子呢,可以看一下这个 tablet 啊, tablet, 比方说这里边就是一个典型的就是 h 五嘛, h 五的一个语言啊,标记性语言啊,这边是剪掉一个 vivo 啊,这边又一个 vivo 啊,这是个标题,那我们看到这边是个标题 啊,然后这边呢就是一个图片这个轮播啊,这图片轮播的一个容器啊,下面呢就是一个按钮啊,这个按钮呢,我们是通过动态生成的啊,就,就是就是一个 vivo 一 的一个 flow 循环啊,通过循环里边获取这信息,那信息在哪里获取呢?就是我们在 你给我们的脚本里边啊,比方说我们的 name list 从这里边获取啊,然后我们的配置啊,从这里边获取啊,那么就可以获得一个动态的一个这个按钮啊。然后第三个呢?哈,就是 我们可以看到哈,就是我们底部的按钮信息啊,刚才我们说的包括我们需要一个进度进度条啊,需要展示的信息包括底部文字的说明啊,都可以进行展示啊。然后这边有一个参数的传递啊,直接就是我们可以需要和调试中方便的一些参数。