day19-Trae开发微信小程序03

今日内容

1 小程序本地开发支持http

1.1 回顾

# 1 后端django开发完成【可能有bug】，后台管理页面
	-运营--》我们可以看到有多少用户注册，有多少用户用了我们的换脸，删除用户
# 2 微信小程序端，创建好了项目，什么都没写呢
	-微信开发者工具创建--》微信提供的
    -也要创建在ChangeFace目录下---》以方便Trae开发
# 3 打开后端项目并运行
	-1 打开Trae
    -2 运行后端项目
    	-方式一：在trae输入提示词，让它帮我们启动
        	-帮我启动后端项目
        -方式二：直接在命令行中输入【注意路径】
        	-python manage.py runserver # 就可以启动
     -3 浏览器中访问：http://127.0.0.1:8000/admin
     -4 停止：在命令行中
    	ctrl + c
     -5 不要直接关掉cmd--》不要直接点x 关掉cmd
    	-因为只关闭cmd，并没有关闭项目，项目还在后台运行呢
# 4 打开微信小程序项目
	-1 打开开发者工具：项目自动打开
    -2 以后，让Trae帮我们改微信小程序
    -3 改完后，在微信开发者工具中查看
    	-因为Trae没有模拟器，看不到改后的样子

image-20251218201024752

image-20251218201450973

image-20251218201638728

1.2 本地小程序开发支持http

# 1 目前小程序或网站，我们要访问：https://www.coze.cn/，是https的地址
# 2 我们目前自己开发的网站：http://127.0.0.1:8000/admin/，是http的地址
# 3 https 传输起来更安全，因为有加密层，正常项目上线，都是需要https的，因为更安全
	-app
    -微信小程序
    -网站
    -基本都使用https访问
    
# 4 后期我们上线也要使用 https
# 5 但是，目前我们只是本地开发，使用http访问，但是微信小程序，默认不支持http访问，需要修改
	-开发阶段：
    	微信小程序：微信开发者工具中看--》运行在win机器上
        后端django:在trae中运行--》运行在win机器行
        他们之间要通信--》走http协议
    -后期上线后
    	微信小程序：运行--》不同人的手机上
        后端django:运行在--》阿里云服务器上
        他们之间要通信--》走https协议
        
        
# 6 配置
	-如下图

image-20251218203047976

image-20251218203415665

2 微信小程序项目

2.1 目录结构

# 1 项目主配置文件
	项目主配置文件必须放到项目的根目录下，控制整个项目
    	- app.js：  小程序入口文件
    	- app.json：小程序的全局配置文件
    	- app.wxss：小程序的全局样式
    	- app.js 和 app.json 文件是必须的，不能没有
        
# 2 页面文件
	小程序有一个个页面，每个页面所需的文件，都存放在 pages 目录下，一个页面一个文件夹
        -xx.js：  页面逻辑  js代码存放位置
        -xx.wxml：页面结构  类html文件存放位置
        -xx.wxss：页面样式  css存放位置
        -xx.json：小页面配置 
        -xx.js 文件和 xx.wxml 文件是必须的，不能没有

image-20251218204028788

2.2 纯净项目[干干静静]

### index.js
// index.js
Page({})


### index.json
{
}

### index.wxml
<view class="container">
    刘清政
</view>

### index.wxss
纯空或者加入下面
view{
  margin-top: 100px;
  margin-left: 200px;
  background-color: pink;
}

### app.js
// app.js
App({})

### 倒数三个文件不要动

image-20251218204744188

2.3 关闭skyline渲染模式-app.json

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "navigationBarTextStyle": "black",
    "navigationStyle": "custom"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json",
  "lazyCodeLoading": "requiredComponents"
}

image-20250629205657159

3 Trae开发智能换脸小程序端

做成纯净项目后，使用Trae帮我们写页面，写布局，写配置--》不需要我们手动写了

微信小程序项目已经有了,虽然是空的，让Trae在已经有的项目上开发

python的django后端项目，原来根据就没有，是让Trae帮我们新建，并开发

我们已经有个项目了，现在让Trae帮我们改bug，加新功能，如何做？跟咱们讲的微信小程序一样

3.1 开发

根据项目需求： 项目需求.md 和项目小程序架构文档： 2-微信小程序架构文档.md 和UI设计图: 2-设计图 生成智能换脸小程序端代码

要求：

1.我已经创建了小程序： change_face_front ，你在这个基础上继续编写，无效的文件和文件夹帮我删除。

2.根据需求帮我编写完小程序端代码。

3.接口参考后端项目： change_face_api 和后端架构文档： 1-项目后端架构文档.md ，注意接口返回格式，并正常测试通过，前后端调通。

4.后端链接地址为：http://127.0.0.1:8000。

5.小程序不使用Skyline 渲染模式。

6.小程序用户未登录，显示登录页面，登录成功进入首页。

7.小程序页面布局，严格按照UI设计图中的设计实现。

模型可以不用auto，选择一个指定模型：kimi

3.3 同学问题

# 1 trae帮我们生成了代码，我们要复制过去吗？
	-不需要：Trae操作的就是 微信开发者工具打开的那个项目--》直接把代码写里面了
    -等Trae写完--》我们在开发者工具中看即可
    
    
# 2 模型思考达到上限问题
	-点继续即可
    
    
# 3 阿里Qcoder编辑器
	-Qoder vs Trae vs Cursor
    - Cursor 封大陆ip--》大陆用不了--》收费比较贵--》不选择了---》很快就会没落
    	-Cursor优势在于写代码的大模型--》claude模型--》claude自己出编辑器
    -Trae 国内第一款，字节出的
    	-阿里大模型的 qwen，这个是开源出来的
        
    -Qoder 阿里的，大模型比较强，写代码的能力也比较强
    	-底层模型，不是开源出来的那些模型--》写代码能力强一些
        
    -这跟编辑器没关系--》本质是底层大模型---》付费的一定比免费的好
# 4 trae 和微信开发者怎么联系的？
	-trae操作：change_face_front 这个文件夹-->写入代码，创建文件
    -微信开发者工具：打开change_face_front--》看到的就是被Trae修改后的程序
    -代码本质就是一堆文件和文件夹
	
# 5 老师我们怎么将trae与dify结合，想用trae写代码用在dify里
	-dify中需要写代码的地方：dify插件使用代码编写；dify工作流中使用代码【Coze】
    -Trae写插件还是写工作流中使用的代码
    -让Trae编写dify中一键生成视频--》处理数据代码
    	-需求描述给trae--》生成代码后，复制到工作流中即可
    -dify插件
    	-让trae生成插件编写和上架流程
        -只能完成代码部分
        -插件上架需要我们自己做
    	
# 6 老师讲讲微信小程序申请证书，好像有些行业要去专管机构申请资质证书什么的？发布用智能体上线的小程序，好像要遵守互联网深度合成的管理规定，要去什么机构备案和填报
	-大家需要上线时，要根据自己开发的app--》填上类型--》微信客户会协助我们上架的
# 7 现在trea是不是只能编写文本类的程序，像游戏开发这种是不是不好实现 因为还有美术和模型，这个可以实现吗？
	-游戏可以，但是大型游戏，大型程序
    -只能做中小型游戏---》有流程


# 8 Coze工作流
	流程化，需要结合大模型的功能
    coze开发不了程序
    
    
# 9 短剧平台可以开发吗？
	不在意app，播视频--》技术上不难
    重点在于资源--》有版权
    
    
# 10 AI编辑器--》发展到现在不过两三年--》还在发展
	-正常公司使用--》初级程序员---》让它协助写代码---》让后人工介入修改
    -如果完全依靠ai编辑器---》后续随着程序越来越大--》非常难以维护--》不懂代码，不懂逻辑--》无法微信
    -商用项目，纯小白目前还不行--》再发展个3,5年，可能行了

# 11 trae可以写出生成装修设计效果图的代码么？
	-大模型生图，生视频--》收费很贵--》多模态
    -免费大模型，都是文字交互
    
# 12 老师用coze工作流实现在其他平台对话，其他平台限制影刀使用的话，您建议我后续怎么学？
	-其他平台限制影刀使用，基本是限制爬虫
    -操作电脑上的软件，大部分网站都可以操作
    -平台限制影刀--》我们想绕过--》技术要求非常强--》爬虫高级
		
# 13 老师，dify可以连剪映小助手吗？像coze那样。
	-coze 有插件
    -dify没有这个插件--》这种插件是第三方写的--》放到coze给大家用--》我们懂代码--》自己写代码实现对应功能
# 14 trea写网址也可以。小型的？
	-包可以，妥妥的
    
# 15 trae写出来的软件可以申请版权吗？
	-版权申请--》有成型的产品即可---》没人知道是用Trae写的

3.2 修复bug

3.2.1 自己替换图片

image-20251218221142380

4 前后端联调

#1 我们一步步操作小程序
	-看console：小程序报错
    -看network:小程序跟后端交互
# 2 复制出错误，或者交互时的错误
	-交个trae去修改

image-20251218223204992

image-20251218221829251

image-20251218223217971

posted @ 2025-12-21 10:36  凫弥  阅读(7)  评论(0)    收藏  举报