开通百度小程序有什么用?为什么要开通?怎么开通呢?
百度小程序功能
- 可以使用百度小程序
- 可以开通网站保障标识
- 可以获得LOGO展示权限
小程序发布流程
第一步:小程序开发与管理
添加项目成员
- 添加项目管理员及项目成员,并配置成员权限
在“开发设置”页面查看AppID和AppSecret,配置服务器域名以确保小程序能够正常访问服务器
开发小程序
第二步:小程序发布
上传代码包
- 项目成员/管理员在开发者工具中上传小程序代码包
提交审核
- 在“开发管理”页面将开发版提交至后台审核,审核时长约2个工作日
发布小程序
- 代码包审核通过后,在“开发管理”页面将审核通过的代码包发布上线
- 我整理的模板 可以升级到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'
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)