跳转到主要内容
Jiewen’blog
快速开始

配置并运行小程序

适用版本:TinyTale 小程序 3.0.0 / TinyTale 配置插件 2.1.2。

前提:Halo 端已完成安装与授权,并能正常读取配置接口。

打开源码根目录

使用你习惯的编辑器打开 TinyTale Next。在终端进入包含 package.json 与 pnpm-workspace.yaml 的目录,再运行后续命令。不要在生成的 dist 目录中安装依赖。

配置环境文件

开发预览使用源码根目录的 .env.development,正式构建使用 .env.production。分别设置自己的站点和小程序 AppID:

VITE_HALO_BASE_URL=https://blog.example.com
VITE_WECHAT_APPID=你的小程序AppID

VITE_HALO_BASE_URL 填 Halo 根地址,不带末尾 /,也不带 /console 或 /apis。这里应当是提供 TinyTale 接口的网站。

VITE_WECHAT_APPID 必须与 Halo 插件“小程序认证”中的 AppID 一致。AppSecret 只保存在 Halo 插件设置中。

修改环境文件后重新启动编译进程;微信开发者工具里也要使用同一个 AppID。不要继续使用旧文档的 VITE_WX_APPID、VITE_SERVER_BASEURL 或 src/config/base.ts 配置方式。

安装与启动

pnpm install
pnpm dev:mp-weixin

首次安装应在完整源码目录进行。项目使用 pnpm workspace 连接富文本包,建议统一使用 pnpm,保留锁文件。

编译成功后生成 dist/dev/mp-weixin。保持开发命令运行,源码修改会触发重新编译。

导入微信开发者工具

  1. 打开微信开发者工具,选择导入项目。

  2. 目录选择 dist/dev/mp-weixin。

  3. 核对 AppID,使用自己的小程序账号。

  4. 打开项目,查看首页是否能加载配置、文章和图片。

测试号无法完整验证真实 AppID 对应的登录、绑定及服务端 AppSecret 配置。最终必须使用实际小程序账号测试。

检查是否成功

  • 首页可加载已发布文章。

  • 分类、图库和瞬间可打开;没有内容时显示空状态。

  • 关于页显示你设置的站点资料。

  • 账号登录能读取当前用户资料;微信登录在实际微信环境测试。

若提示域名不合法,检查微信公众平台对应合法域名;若请求成功但无内容,检查 Halo 中的发布、可见性及访问限制。故障处理见安装与连接问题。

日常安装不必手动构建富文本包。只有修改其源码、主题、插件或高亮配置后,才执行 pnpm mp-html:build。

运行成功后,可继续配置页面或构建与发布。

文档导航