ZBLOG百度小程序模板+WP百度小程序模板+小程序发布流程 博主亲测接单赚2500+

小程序发布流程

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

添加项目成员

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

2

下载开发工具

下载开发者工具进行代码开发和上传（Windows 64版 | Mac版）

3

配置服务器

在“开发设置”页面查看AppID和AppSecret，配置服务器域名以确保小程序能够正常访问服务器

4

开发小程序

开发前建议阅读开发文档，也可前往开发者社区对开发中遇到的问题进行提问与交流， 点击了解接入自然搜索，设置页面基础信息，获取用户手机号，等更多特色能力。

第二步：小程序发布

上传代码包

项目成员/管理员在开发者工具中上传小程序代码包

2

提交审核

在“开发管理”页面将开发版提交至后台审核，审核时长约2个工作日

3

发布小程序

代码包审核通过后，在“开发管理”页面将审核通过的代码包发布上线

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

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

1.zblog后台安装小程序插件

zblog后台去应用中心搜百度智能小程序，进行安装，然后启用插件

2.zblog后台 进入插件小程序 百度小程序配置 APP Key 和 APP Secret

PS：百度小程序还有个APP ID，这里设置的是 APP Key 不是 APP ID

3.下载百度开发者工具安装后新建项目导入前端代码

下载地址：https://smartprogram.baidu.com/docs/develop/tutorial/install/

解压获取到的百度小程序前端代码到本地计算机上 前端源码请联系我要 比如解压到本地 C:\Users176\swan-projects\program

安装好微信开发者工具后新建小程序项目，选择 “导入项目”，填写项目名称，AppID（这里不是APP KEY），选择目录路径C:\Users176\swan-projects\program

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

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

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

基本信息修改完毕，小程序预览正常后，开发工具上边工具栏即可点击“发布”上传代码，上传代码后，登陆小程序管理后台，

https://smartprogram.baidu.com/ 提交审核，等待审核通过后登陆小程序管理后台布上线即可。

更详细过程，可参考：

https://smartprogram.baidu.com/docs/develop/tutorial/startdevelop/

WP小程序安装指南

一、网站要求

1、WordPress 网站版本必须是 Version 4.9.5 以上，插件经过测试，支持 WordPress Version 5.3.0 版本。

2、网站不能同时使用其他版本小程序插件，网站主题或者插件不能禁用 WordPress REST API 功能。(如何查看插件或主题是否禁用 REST API 功能，点击这里)

3、网站必须支持 SSL 证书加密，即要支持 HTTPS 访问。网站主域名必须有备案，否则，无法加入小程序后台的域名请求列表

4、网站必须安装 Mini Program API 插件

5、网站服务器必须支持伪静态链接，即设置固定链接为除了朴素以外的任意一种。需要注意，固定链接地址必须不包含 index.php

二、小程序开发配置

小程序开发需要提前配置相关信息，这里主要介绍小程序的开发配置，以微信小程序为例，其他小程序平台类似。

1、获取 AppSecret(小程序密钥)

点击 AppSecret(小程序密钥) 右边的重置，然后按要求进行获取，将获取到的 AppID(小程序ID) 和 AppSecret(小程序密钥) 填写至小程序 – 授权设置相关选项中。点击这里查看小程序 – 授权设置介绍

WP后台插件 https://wordpress.org/plugins/wp-mini-program/

2、服务器域名

点击 服务器配置 里的修改，按要求扫码二维码修改相关域名配置

request 合法域名：小程序请求数据域名，一般情况下只需要填写网站域名即可，但是，涉及需要请求的数据都要加入此列表中。

socket 合法域名：需要根据个人情况而定，丸子小程序建议填写网站域名即可。

uploadFile 合法域名：上传文件服务器绑定的域名，需要根据个人情况而定，一般情况下填写网站域名。

downloadFile 合法域名：下载文件请求域名，需要根据个人情况而定，一般情况下填写网站域名以及 CDN 域名。

udp 合法域名：需要根据个人情况而定，一般情况下默认为空即可。

三、插件设置

1、小程序授权

获取对应的小程序 AppID 和 AppSecret 填写。注意，百度智能小程序填写的是 AppKey 和 AppSecret 。这一部分影响小程序用户授权登录，如果设置错误，则无法正常授权登录，也就不能评论，点赞和收藏等。

2、常规设置

(1).小程序信息填写。这部分没有特别要求，默认情况下为网站信息内容。

(2).文章格式类型可选。这部分目前对于小程序没有特别影响，可选可不选。

(3).默认缩略图必须填写。这部分主要针对文章无图的情况下采用默认图片。

(4).downloadFile合法域名根据小程序开发配置里的服务器域名中 downloadFile 合法域名填写，有多少个 downloadFile 合法域名就填多少个。注意，只需要填写域名，不需要带 https

四、小程序代码配置

1、公共部分

微信小程序、QQ 小程序、百度智能小程序和字节跳动小程序都需要修改基本配置文件 base.js 里的网站域名。base.js 文件在小程序源码包的 utils 目录里，把 const API_HOST = 'https://demo.imahui.com' 里面的域名改成自己的网站域名

2、其他配置

(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 。

五、定制数据

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

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

1、限制某一个或者多个分类数据输出

修改与 this.getPostList(); 相关的数据获取功能，即增加参数过滤。比如 onLoad 部分改为 this.getPostList({categories_exclude:'1,2,3'}); 即过滤分类目录 ID 为 1,2,3 的文章调用。下面每个 this.getPostList 都需要加上 categories_exclude:'1,2,3'

2、仅调用某一个或者多个分类数据输出

修改与 this.getPostList(); 相关的数据获取功能，即增加参数过滤。比如 onLoad 部分改为 this.getPostList({categories:'1,2,3'}); 即过滤分类目录 ID 为 1,2,3 的文章调用。下面每个 this.getPostList 都需要加上 categories:'1,2,3'

3、显示某一个或者多个分类列表

修改与 this.getCategories(); 相关的数据获取功能，即增加参数过滤。比如this.getCategories({include:'1,2,3'}); 即过滤排除分类目录 ID 为 1,2,3 的分类调用。下面每个 this.getCategories 都需要加上 include:'1,2,3'

4、排除某一个或者多个分类列表

修改与 this.getCategories(); 相关的数据获取功能，即增加参数过滤。比如this.getCategories({exclude:'1,2,3'}); 即过滤排除分类目录 ID 为 1,2,3 的分类调用。下面每个 this.getCategories 都需要加上 exclude:'1,2,3'