正式版TinyTale-halo小程序Win部署教程

正式版TinyTale-halo小程序Win部署教程

前言 此文章大部分Ctrl+C作者的博客和使用文档,仅仅对于Windows操作系统和其他内容的一些补充。不是搞开发的,有些报错原因可能解释不了,纯纯是因为多次编译试错而来,所以此文档适合零基础的人。 先决条件 如果没有注册微信小程序,安装HBuilder X 、NodeJS、微信小程序开发软件、的请

前言

  • 此文章大部分Ctrl+C作者的博客和使用文档,仅仅对于Windows操作系统和其他内容的一些补充。不是搞开发的,有些报错原因可能解释不了,纯纯是因为多次编译试错而来,所以此文档适合零基础的人。

先决条件

  • 如果没有注册微信小程序,安装HBuilder X 、NodeJS、微信小程序开发软件、的请点击以下跳转链接查看。

  • openID获取请看下面跳转链接。

跳转链接

  • 如果已经安装请继续往下看,更新正式版。

正式版更新的内容

更新日志:
### 2024.5.17
- Feature:移除游客状态下的token使用,防止安全问题
- Feature:新增瀑布流布局(待优化)
- Feature:新增文章列表类型(列表,卡片,双栏)
- Feature:新增随机图
- Fix:上传本地文件匹配错误
 -Fix:阅读量不会增加问题
- fix:删除文章列表多余符号
- update:移除无用代码
- update:优化平板标题
- update:移除前端认证
- update:优化部分细节
- update:更新依赖
- update:图库最大上传限制为99
- update:优化代码
- update: 清空信息
- update:优化分类页细节

原作者地址:

安装文档:https://www.jiewen.run/docs/TinyTale/start/install

获取openid:https://www.jiewen.run/docs/TinyTale/basic/get-openid

插件授权:https://www.jiewen.run/docs/TinyTale/basic/Plugin-License

导入项目

HBuilderX导入项目

  • 打开 HBuilderX 软件,从本地目录导入项目

  • 鼠标点击并选择项目主目录,鼠标右键使用命令行窗口打开所在目录

依赖下载

  • 执行以下命令

yarn 
或者
yarn install


软件基础设置

  • 点击左边目录Uniapp - src - manifest.json 点击重新获取

  • 如果弹出需要注册请注册好账号信息在点击从新获取

  • 微信小程序配置

    • 注册微信小程序的时候获取到的 AppID(小程序ID)请复制进去

    • 勾选上传代码时自动压缩

修改base.ts文件

  • title // 微信小程序名称

  • BASE_URL // 备案的博客域名

  • WEB_URL // 没有备案的博客域名

    • 为什么有两个URL呢,是因为有些博主的服务器在香港,或者其他国家,域名没有备案。当然如果国内服务器已经备案的可以二个地方输入一样的博客地址。

代码高亮,以及其他插件设置

  • 在我们下载的依赖下面找到文件node_modules/mp-html/tools/config.js这是mp-html的插件配置文件

  • 替换掉config.js 这个文件,你可以在复制你上个版本配置好的文件来替换。

替换小程序插件配置文件

  • 备份源代码里面的配置文件

  • 替换文件 - 在正式版软件包里面有个配置文件的目录、或者你上个版本已经配置好的文件。

下载小程序插件依赖

  • 进入mp-html的目录``node_modules/mp-html`执行 yarn 命令安装依赖

  • 找到左边的 mp-html 鼠标右键使用命令窗口打开目录所在位置,执行以下命令

yarn

编译小程序插件工具包

  • 同样在这个目录下面

    执行 yarn run build:uni-app

yarn run build:uni-app

回到软件根目录

  • 然后回到根目录重新打包编译微信小程序

yarn run dev:mp-weixin

微信小程序插件升级

  • 打开网页端Halo后台 - 插件-升级插件

  • 升级后回到插件页面双击打开

  • 这个时候看不到授权管理页面 - 需要在插件配置页面刷新一下网页

编辑APPSECRET

  • 添加个人token (不需要从新获取token文件,在个测试版本中找到API-KEY把引号里面的内容复制到小程序里即可)

打开微信小程序开发软件

导入编译后的的代码

  • 目录在你的电脑磁盘(TinyTale等5个文件\TinyTale\TinyTale-1.0.0 正式版\TinyTale-1.0.0 正式版\Halo-TinyTale-1.0.0\dist\dev下面)

  • 完成

LICENSED UNDER CC BY-NC-SA 4.0
评论
访问统计
总访问量: 👀| 访客数: 🚶‍♂️