TinyTale Halo小程序使用教程

Jevon_hi
78 阅读3分钟

​

 详细安装教程

一、安装插件

将.jar 插件拖入后台安装。

​编辑

配置信息：

在插件侧边栏，进入后点击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 你的网站地址，现在用于拼接原文链接地址之类的。

API_KEY 这个就是，填入你Halo的个人Personal Access Tokens下面就是获取教程。

获取个人token

进入后台后，点击这个。

image-20240426223459709​

编辑

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

image-20240426223552046​

编辑

新建

image-20240426223623936​

编辑

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

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

将生成的token填入即可

Token的作用

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

微信开发助手打开

就是这个

image-20240426224213127​

编辑

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

image-20240426224332174​

编辑

image-20240426224352021​

编辑

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

image-20240426224609199​

编辑

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

更多信息可以查看：文档：TinyTale使用文档

​

avatar
文章
阅读
粉丝