Typecho小程序详细教程（二）基本搭建

Typecho小程序基本搭建

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

一、下载微信开发者工具

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

二、下载程序

关注微信公众号 ASFOR 回复“WeTypecho源码”即可下载。 关注微信公众号 ASFOR 回复“WeTypecho插件”即可下载。

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

1、登录开发者工具 2、导入项目 点击新建项目（+号），在右侧选中导入项目，将目录选择为基础配置文件的上级目录后。将项目名称填入，并填写正确的APPID即可。

导入项目

3、开启不校验域名 由于域名校验，在配置完成后可能无法正常预览程序，故先开启不校验，在本系列第四章《Typecho小程序详细教程（四）代码发布》将取消该项设置，在域名配置正常后上传代码进行审核

开启不校验域名

四、基础配置

1、目录分析

本程序根目录下包含6个文件。其中app.jsonconfig.jsproject.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行：项目名称

至此，基础配置完成，小程序如可正常获取博客内容，则可进行进一步内容定制，如无法获取，请仔细检测以上步骤是否正确填写。关于本章问题请在评论区留言！