Typecho小程序基本搭建

通过本章节内容,小程序基本配置将被搭建起来,在开发者工具中可以正常浏览网站内容。

一、下载微信开发者工具

微信开发者工具官方下载渠道:点击下载

二、下载程序

关注微信公众号 九思学舍(微信号:ASFOR_CN) 回复“WeTypecho源码”即可下载。
关注微信公众号 九思学舍(微信号:ASFOR_CN) 回复“WeTypecho插件”即可下载。

三、将程序导入微信开发者工具

1、登录开发者工具
2、导入项目
点击新建项目(+号),在右侧选中导入项目,将目录选择为基础配置文件的上级目录后。将项目名称填入,并填写正确的APPID即可。
导入项目
3、开启不校验域名
由于域名校验,在配置完成后可能无法正常预览程序,故先开启不校验,在本系列第四章《Typecho小程序详细教程(四)代码发布》将取消该项设置,在域名配置正常后上传代码进行审核
开启不校验域名

四、基础配置

1、目录分析

本程序根目录下包含6个文件。其中app.json\config.js\project.config.json是基础的关键性配置文件,该配置将决定小程序是否能正常读取到Typecho博客中的内容。
基础配置文件

2、基础配置

在导入程序后,需要用户在以下三个文件中,将域名及服务端配置填入配置文件,正常填入无误后,保存配置,小程序开发者工具将自动获取您博客中的内容。
  • config.js

​ 将该配置文件中1、2、3行分别修改为符合个人博客的信息

var domain = "www.asfor.cn" //第一行:域名
var name = "ASFOR"  //第二行:名称
var API_SECRET = "000000"  //第三行:插件中设置的API_SECRET(内容可随意配置,但需将小程序端和插件端二者的值保持一致,如不一致,小程序将无法读取到博客内容)
export default {
    getdomain: domain,
    getname: name,
    getapisecret: API_SECRET
}
  • app.json

​ 将该文件第17行修改为符合个人博客的信息

    "navigationBarTitleText": "ASFOR",  //第17行:名称
  • project.config.json

​ 将该文件第31、32行分别修改为符合个人博客的信息

    "appid": "wx123abcssssss",  //第31行:APPID
    "projectname": "ASFOR", //第32行:项目名称
至此,基础配置完成,小程序如可正常获取博客内容,则可进行进一步内容定制,如无法获取,请仔细检测以上步骤是否正确填写。关于本章问题请在评论区留言!
Last modification:January 8, 2021
分享是对我最大的赞赏