Typecho小程序基本搭建
通过本章节内容,小程序基本配置将被搭建起来,在开发者工具中可以正常浏览网站内容。
一、下载微信开发者工具
微信开发者工具官方下载渠道:点击下载
二、下载程序
关注微信公众号 岩妙书屋 (微信号:naye_cc) 回复“ WeTypecho源码 ”即可下载。
关注微信公众号 岩妙书屋 (微信号:naye_cc) 回复“ WeTypecho插件 ”即可下载。
三、将程序导入微信开发者工具
1、登录开发者工具
2、导入项目
点击 新建项目 (+号),在右侧选中 导入项目 ,将目录选择为基础配置文件的上级目录后。将项目名称填入,并填写正确的APPID即可。
3、开启不校验域名
由于域名校验,在配置完成后可能无法正常预览程序,故先开启不校验,在本系列第四章《Typecho小程序详细教程(四)代码发布》将取消该项设置,在域名配置正常后上传代码进行审核
四、基础配置
1、目录分析
本程序根目录下包含6个文件。其中app.json\config.js\project.config.json是基础的关键性配置文件,该配置将决定小程序是否能正常读取到Typecho博客中的内容。
2、基础配置
在导入程序后,需要用户在以下三个文件中,将域名及服务端配置填入配置文件,正常填入无误后,保存配置,小程序开发者工具将自动获取您博客中的内容。
- config.js
将该配置文件中1、2、3行分别修改为符合个人博客的信息
var domain = "xug.cc" //第一行:域名
var name = "岩妙书屋" //第二行:名称
var API_SECRET = "000000" //第三行:插件中设置的API_SECRET(内容可随意配置,但需将小程序端和插件端二者的值保持一致,如不一致,小程序将无法读取到博客内容)
export default {
getdomain: domain,
getname: name,
getapisecret: API_SECRET
}
- app.json
将该文件第17行修改为符合个人博客的信息
"navigationBarTitleText": "岩妙书屋", //第17行:名称
- project.config.json
将该文件第31、32行分别修改为符合个人博客的信息
"appid": "wx123abcssssss", //第31行:APPID
"projectname": "岩妙书屋", //第32行:项目名称
至此,基础配置完成,小程序如可正常获取博客内容,则可进行进一步内容定制,如无法获取,请仔细检测以上步骤是否正确填写。关于本章问题请在评论区留言!
可根据下一章《Typecho小程序详细教程(三)个性定制》进行小程序的配置与发布