今日内容
1 小程序概述
# 1 注册：https://mp.weixin.qq.com/
1.1 小程序配置信息
# 1 注册成功后，需要打开微信公众平台对小程序账号进行一些设置
-小程序后续需要 提交审核和上线--》提交审核时，小程序账号信息是必填项
-名称、图标、类目等
-小程序备案和微信认证-->个人可以
-需要时间---》工信部审核【国家部门-微信辅助我们审核】--》需要提什么材料，就提什么材料
-安卓app--》之前是不需要工信部审核的
-网站：需要备案
-只要备案过的小程序，才能在微信小程序中搜到
-如果没备案--》只能最多15个人使用，并且微信小程序中搜不到
#1 版本管理：
后续继续开发--》提交--》更新功能
# 2 成员管理
开发人员
测试人员
运营人员
# 3 开发管理
-后端上线：在这里配置--》微信小程序才能访问、、
# 4 数据：
小程序使用，访问，打开，数据
# 5 开发与服务：
开发工具：微信小程序开发，需要用微信提供的专门的开发工具
1.2 小程序开发流程
# 我们会使用AI编辑器编写微信小程序---》本地开发[自己机器：win]
# 我们使用Trae开发出来---》需要测试，看界面效果--》Trae做不到---》微信开发者工具--》看到界面，测试
-https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
# 微信小程序需要后端
-我们已经开发完了---》上次课开发的Django后端--》登录到后台管理了
-在本地：数据库在本地
# 微信小程序在本地开发完成，测试没问题--》再上线
# 微信小程序开发流程：如下图
1.3 小程序人员
# 微信小程序成员分为两种
-项目成员：表示参与小程序开发（我们:管理员，普通开发）、运营的成员，包括运营者、开发者及数据分析者，项目成员可登陆微信公众后台，管理员可以在成员管理中添加、删除项目成员，并设置项目成员的角色。
-体验成员：表示参与小程序内测体验的成员，可使用体验版小程序，但不属于项目成员。管理员及项目成员均可添加、删除体验成员。
-如果小程序没上线--》你朋友可以用--》只能15个人用-->在他微信上可以用
-备案后：比较严格--》所有互联网用户都可以用
2 创建项目
# 1 创建微信小程序项目，我们不使用Trae创建，使用微信开发者工具创建--》创建完后--》用Trae在基础上开发
-区别于开发后端项目：django--》完全由Trae从0开发出来的
-在已有项目基础上开发：
-微信小程序有了：只是功能简单--》但是项目有了
-让Trae继续开发--》加功能
# 2 微信开发者工具：
-https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
# 3 一路下一步安装
# 4 双击点开
# 5 创建项目，进入
-创建项目，要把项目创建在！！！D:\project\ChangeFace 目录下 ！！！！
2.1 微信开发者工具使用
# 1 代码部分
# 2 调试部分
# 3 模拟器部分
3 项目目录结构
# 1 项目主配置文件
项目主配置文件必须放到项目的根目录下，控制整个项目
- app.js： 小程序入口文件
- app.json：小程序的全局配置文件
- app.wxss：小程序的全局样式
- project.config.json 小程序的配置
- app.js 和 app.json 文件是必须的，不能没有
# 2 页面文件
小程序有一个个页面，每个页面所需的文件，都存放在 pages 目录下，一个页面一个文件夹
-xx.js： 页面逻辑 js代码存放位置
-xx.wxml：页面结构 类html文件存放位置
-xx.wxss：页面样式 css存放位置
-xx.json：小页面配置
-xx.js 文件和 xx.wxml 文件是必须的，不能没有
3.1 纯净项目
### 1 app.js
App({
})
### app.json 没动，原来的样子
### app.wxss 空的
################index页面###############、
### index.js
Page({})
### index.json 改动了
{
"usingComponents": {
}
}
### index.wxml
<view>
lqz
</view>
### index.wxss 空的
4 Trae开发微信小程序
根据项目需求： 和项目小程序架构文档： 和UI设计图: 生成智能换脸小程序端代码
要求：
1.我已经创建了小程序： ，你在这个基础上继续编写，无效的文件和文件夹帮我删除。
2.根据需求帮编写完小程序端代码。
3.接口参考后端项目： ，注意接口返回格式，并正常测试通过，前后端调通。
4.后端链接地址为： http://127.0.0.1:8000 。
5.小程序不使用Skyline 渲染模式。
6.小程序用户未登录，显示登录页面，登录成功进入首页。
4.1 注意点：
# 1 问题：因为Trae和微信开发者工具，都在操作微信小程序项目
-Trae改了代码
-微信小程序里又不小心动了--》你把代码改乱了
# 2 本地测试
-Django后端，已经写完了---》启动：之前学过
-python .\manage.py runserver 0.0.0.0:8000
-后端运行在：http://127.0.0.1:8000/
-微信小程序也在本地运行--》本地测试
-######### 微信小程序端要配置，如下图，不校验合法域名 ，才能连接后端#############
-微信小程序连接后端：1 必须使用https 2 必须使用域名
5 前后端联调
# 1 后端开发完并启动
# 2 小程序端开发完成
# 3 站在测试角度，测试小程序的所有功能，看有没有bug
-有了bug，继续让Trae修改---》直到无bug
# 4 调试bug技巧
1 先右上角，清理所有缓存：微信小程序缓存非常严重，有时候改了东西，模拟器不变化，就是因为有缓存--》时不时清理一下，如果清理了还跟你预想的不一致--》重启一下项目
2 右上角编译：把代码编译到模拟器中运行---》看到样子
3 打开调试的 console：
-如果没有爆红，表示正常
-如果爆红了，但是界面出来了，先忽略
-如果有强迫症，就要改好--》就让Trae改即可
# 5 Trae修改bug
-把console中的报错信息，给Trae，让它修改--》直至没有爆红
-如果遇到，改了没改好，就要换提示词
# 6 测试功能注册账号
-注册账号，看发送的网络请求
-注册，如果已经有该用户了，正常提示
-用提示词改：我在使用小程序端注册时，如果已经有用户了，正常提示，不要返回请求错误
-看数据库这个用户是否存在
# 7 测试登陆
-正常无错误--》
# 8 换脸
浙公网安备 33010602011771号