菜单
本页目录

详细安装教程

一、安装插件(目前在网盘下载)

插件地址:https://github.com/jiewenhuang/halo-plugin-TinyTale/releases

后续顺利的话应该可以再应用市场下载。

image-20240426205859710

配置信息:

在插件侧边栏,进入后点击TinyTale插件就可以进去设置界面,

image-20240426210023967

根据自己的情况填写即可。尽可能填满,因为有些为空可能报错。

二、小程序部分

获取代码

首先下载小程序的Uniapp代码。

image-20240426210857517

解压后就可以得到这样的一份文件。

image-20240426210947469

配置Uniapp

将文件夹拖到HBuilder X 打开(我开发的时候用的webstorm,所以对这个软件也不熟。但是为了消除一些问题,这里还是以HBuilder X为例子,再bb一句,这软件比webstorm都卡)

image-20240426211422775

进入根目录终端

image-20240426211653789

执行

yarn 
或者
yarn install

来安装依赖。按理来说,npm 或者pnpm应该都是可以的,但是保不齐会有什么情况,你可以试试。至于如何安装,可以自行搜索引擎搜索一下。

这里说明一点,这个项目所有的依赖都是npm下载的,没有Uniapp 市场的,所以你必须得有node 环境来下载。

image-20240426212441064

等待安装完成即可。

编辑manifest.json

这个文件路径为src/manifest.json

基本设置,重新获取下ID

image-20240426212733981

然后微信小程序设置:

填写你的小程序ID

上传代码时自动压缩必须勾选。

image-20240426212910569

启动项目

回到终端

输入

yarn run dev:mp-weixin

更多的命令可以查看根目录package.json

image-20240426213720482

执行完成后,会在dist/dev/mp-weixin生成好小程序的代码。并且监控更改进行热更新。

image-20240426214113568

配置api信息

到上一步都没有问题后。我们就可以配置连接信息了。

打开src/config/base.ts

按照里面的提示,填入信息

image-20240426222904895

title就是你小程序的名字。

version就是版本号,这个现在还没啥用,就当做个标记吧。

BASE_UEL这个是数据请求域名,至于为什么分成两个地址呢?很简单,并不是所有人的网站都是备案的,所以这时候就需要一个,二级备案域名充当通讯域名。

WEB_URL 你的网站地址,现在用于拼接原文链接地址之类的。

获取个人token

进入后台后,点击这个。

image-20240426223459709

然后就可以点击到个人令牌

image-20240426223552046

新建

image-20240426223623936

name就是随便一个名称,随便取,过期时间可以填长一点,毕竟小程序上线后却过期了就很尴尬。

下面这些框框就是,选择权限,我的建议是全选,如果你比较了解,也可以按需来。

将生成的token填入即可

Token的作用

  • 用于请求配置信息
  • 用于获取,发布图库和瞬间。

微信开发助手打开

就是这个

image-20240426224213127

点击导入,找到之前生成的mp-weixin 导入。

image-20240426224332174

image-20240426224352021

ID选择自己的,如果你还没有注册,可以点测试号,随后,选择不使用云服务

image-20240426224609199

确认后就可以看到小程序界面了。

image-20240426224647042