本地向导陪同服务小程序
原生小程序 + TypeScript + 微信云开发。
开发者工具已装:D:\微信小程序\开发者工具\微信web开发者工具
(记得打开 设置 → 安全设置 → 服务端口,否则命令行驱动不了它)
目录结构
图 1
目录结构
根节点
一级
二级
更深
点节点可折叠/展开它的下级
- D:\微信小程序_开发pp\
- miniprogram\← 小程序代码(开发者工具的根)
- app.ts云开发初始化在这里
- app.json全局配置 / 页面路由
- app.wxss全局样式
- sitemap.json微信索引配置
- pages\index\环境自检页(index.ts/wxml/wxss/json)
- cloudfunctions\
- quickstartFunctions\连通性自检云函数
- typings\index.d.ts全局类型:IAppOption
- project.config.jsonAppID:wxddf82681664ba8cb
- project.private.config.json 个人设置(已 gitignore)
- tsconfig.jsonstrict 模式 TS 配置
- package.json仅 devDep:类型定义 + tsc
- miniprogram\← 小程序代码(开发者工具的根)
还差哪一步
环境与云函数都就绪。后端说明见 cloudfunctions/README.md。
装完工具后的操作顺序
- 打开开发者工具 → 扫码登录
- 选「导入项目」(不要选新建)→ 目录选
D:\微信小程序_开发pp - AppID 会自动从
project.config.json读出来,确认是wxddf82681664ba8cb - 工具顶部点「云开发」→ 开通 → 选基础版(免费额度够开发用)→ 复制「环境 ID」
- 把环境 ID 填进
miniprogram/app.ts的const CLOUD_ENV = ''; - 右键
cloudfunctions\quickstartFunctions→ 「上传并部署:云端安装依赖」 - 编译 → 首页点「调用云函数 ping」→ 看到
云函数已连通 ✅就是全链路通了
已知坑
- 服务端口:设置 → 安全设置 → 打开「服务端口」。不开的话命令行/CI 调不动工具
- 编译模式:上面写完代码保存即自动热重载,不用手动点编译
- urlCheck:已在
project.private.config.json里关掉,本地联调自建后端不会被域名白名单卡住(正式发布前要在小程序后台配合法域名) - 基础库:工具里「详情 → 本地设置 → 调试基础库」建议选最新的,本项目的 API 用了
wx.getAppBaseInfo/wx.getDeviceInfo/wx.getWindowInfo这组新接口,需要 2.20.1+