ZBLOG百度小程序模板+wordpress百度小程序模板+小程序发布教程

开通百度小程序有什么用？为什么要开通？怎么开通呢？

百度小程序功能

• 可以使用百度小程序
• 可以开通网站保障标识
• 可以获得LOGO展示权限

小程序发布流程

第一步：小程序开发与管理

添加项目成员

• 添加项目管理员及项目成员，并配置成员权限

第二步：小程序发布

• 我整理的模板 可以升级到A

快速搭建百度智能小程序，假设您已经申请好了百度小程序账号，并已获得了百度小程序的 APP ID , APP Key 和 APP Secret

zblog教程

• zblog后台安装小程序插件

• zblog后台 进入插件小程序 百度小程序配置 APP Key 和 APP Secret
• PS：百度小程序还有个APP ID，这里设置的是 APP Key 不是 APP ID

• 下载百度开发者工具安装后新建项目导入前端代码
• 下载地址：https://smartprogram.baidu.com/docs/develop/tutorial/install/
• 解压获取到的百度小程序前端代码到本地计算机上 前端源码请联系我要
  比如解压到本地 C:\Users176\swan-projects\program
• 装好微信开发者工具后新建小程序项目，选择 “导入项目”，填写项目名称，AppID（这里不是APP KEY），选择目录路径C:\Users176\swan-projects\program

修改前端代码域名配置信息

• 修改appid
  根目录project.swan.json文件，第一行
  “appid”: “你小程序的appid”,
• 配置域名
  根目录config.js
  domain: ‘你小程序对应的域名，需要加https’,
• 配置轮播图
  在轮播图管理（点击访问）配置轮播图
  目录pages/home/index.swan文件
  banner moduleId=”{{轮播图对应的id}}”
• 配置搜索组件
  目录pages/search/index.js文件
  appkey: ‘你小程序的appkey’,
  搜索组件采用的是百度的搜索技术，可以选择每次发文章的时候默认勾选“小程序搜索提交“。
• 配置小程序云加速
  默认是开启的，你也可以在utils/request.js文件找到var cloudCache=true 改成 false 进行关闭
• 配置小程序各个页面的个性标题
  自行配置，如不懂可以无视，不影响使用
• 配置ad广告
  需要就配置，不需要可以无视
  根目录config.js

上传前端代码包，等待审核通过后上线

• 基本信息修改完毕，小程序预览正常后，开发工具上边工具栏即可点击“发布”上传代码，上传代码后，登陆小程序管理后台，https://smartprogram.baidu.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。
• 更详细过程，可参考：https://smartprogram.baidu.com/docs/develop/tutorial/startdevelop/

WordPress小程序安装指南

网站要求

• WordPress 网站版本必须是 Version 4.9.5 以上，插件经过测试，支持 WordPress Version 5.3.0 版本。
• 网站不能同时使用其他版本小程序插件，网站主题或者插件不能禁用 WordPress REST API 功能。(如何查看插件或主题是否禁用 REST API 功能，点击这里)
• 网站必须支持 SSL 证书加密，即要支持 HTTPS 访问。网站主域名必须有备案，否则，无法加入小程序后台的域名请求列表
• 网站必须安装 Mini Program API 插件
• 网站服务器必须支持伪静态链接，即设置固定链接为除了朴素以外的任意一种。需要注意，固定链接地址必须不包含 index.php

小程序开发配置

• 小程序开发需要提前配置相关信息，这里主要介绍小程序的开发配置，以微信小程序为例，其他小程序平台类似。
• 获取 AppSecret(小程序密钥)
• 点击 AppSecret(小程序密钥) 右边的重置，然后按要求进行获取，将获取到的 AppID(小程序ID) 和 AppSecret(小程序密钥) 填写至小程序 – 授权设置相关选项中。点击这里查看小程序 – 授权设置介绍
• WP后台插件 https://wordpress.org/plugins/wp-mini-program/

服务器域名

• 点击 服务器配置 里的修改，按要求扫码二维码修改相关域名配置
• request 合法域名：小程序请求数据域名，一般情况下只需要填写网站域名即可，但是，涉及需要请求的数据都要加入此列表中。
• socket 合法域名：需要根据个人情况而定，丸子小程序建议填写网站域名即可。
• uploadFile 合法域名：上传文件服务器绑定的域名，需要根据个人情况而定，一般情况下填写网站域名。
• downloadFile 合法域名：下载文件请求域名，需要根据个人情况而定，一般情况下填写网站域名以及 CDN 域名。
• udp 合法域名：需要根据个人情况而定，一般情况下默认为空即可。

插件设置

• 小程序授权
• 获取对应的小程序 AppID 和 AppSecret 填写。注意，百度智能小程序填写的是 AppKey 和 AppSecret 。这一部分影响小程序用户授权登录，如果设置错误，则无法正常授权登录，也就不能评论，点赞和收藏等。
• 常规设置
• (1).小程序信息填写。这部分没有特别要求，默认情况下为网站信息内容。
• (2).文章格式类型可选。这部分目前对于小程序没有特别影响，可选可不选。
• (3).默认缩略图必须填写。这部分主要针对文章无图的情况下采用默认图片。
• (4).downloadFile合法域名根据小程序开发配置里的服务器域名中 downloadFile 合法域名填写，有多少个 downloadFile 合法域名就填多少个。注意，只需要填写域名，不需要带 https

小程序代码配置

• 公共部分
• 微信小程序、QQ 小程序、百度智能小程序和字节跳动小程序都需要修改基本配置文件 base.js 里的网站域名。base.js 文件在小程序源码包的 utils 目录里，把 const API_HOST = 'https://demo.imahui.com' 里面的域名改成自己的网站域名
• 其他配置
• (1).微信小程序源码包还需要修改 base.js 里的模板 ID 内容。即 const templates = {} 里面的模板 ID 要改成自己在微信小程序平台里开通的订阅消息选择的模板 ID 。其他无特别更换说明，图标都放在 images 目录里，可以根据自己情况进行替换。同时，需要修改 detail.js 里生成海报的部分文字，具体自己查看 detail.js 里的海报生成部分。
• (2).QQ 小程序需要更新源码包里的 images 的小程序码。即替换 images 里的 qrcode.png 为自己的 QQ 小程序码。由于 QQ 小程序目前不支持生成指定路径的小程序码文件，QQ 小程序的海报小程序码只能使用 QQ 小程序默认小程序码。同时，需要修改 detail.js 里生成海报的部分文字，具体自己查看 detail.js 里的海报生成部分。
• (3).百度智能小程序需要更改每个页面里的 swan.setPageInfo 相关信息，这是百度智能小程序 Web 化信息功能。另外，需要把 index.swan、detail.swan 和 list.swan 里的广告部分的 appid 更换为自己的小程序 appid 。

定制数据

• 完成上面四个部分，基本上就已经配置安装完成。但是，还是有个别需要对数据输出进行过滤的，比较常见的是限制某一个或者多个分类文章显示，又或者是仅显示一个或者多个分类文章显示。高级专业版插件是支持屏蔽某一个或者多个分类文章数据调用设置，而不需要修改小程序源码的。开源免费版则需要修改小程序源码才能实现。

以下仅用首页数据调用为示例说明：

• 限制某一个或者多个分类数据输出
• 修改与 this.getPostList(); 相关的数据获取功能，即增加参数过滤。比如 onLoad 部分改为 this.getPostList({categories_exclude:'1,2,3'}); 即过滤分类目录 ID 为 1,2,3 的文章调用。下面每个 this.getPostList 都需要加上 categories_exclude:'1,2,3'
• 仅调用某一个或者多个分类数据输出
• 修改与 this.getPostList(); 相关的数据获取功能，即增加参数过滤。比如 onLoad 部分改为 this.getPostList({categories:'1,2,3'}); 即过滤分类目录 ID 为 1,2,3 的文章调用。下面每个 this.getPostList 都需要加上 categories:'1,2,3'
• 显示某一个或者多个分类列表
• 修改与 this.getCategories(); 相关的数据获取功能，即增加参数过滤。比如this.getCategories({include:'1,2,3'}); 即过滤排除分类目录 ID 为 1,2,3 的分类调用。下面每个 this.getCategories 都需要加上 include:'1,2,3'
• 排除某一个或者多个分类列表
• 修改与 this.getCategories(); 相关的数据获取功能，即增加参数过滤。比如this.getCategories({exclude:'1,2,3'}); 即过滤排除分类目录 ID 为 1,2,3 的分类调用。下面每个 this.getCategories 都需要加上 exclude:'1,2,3'