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

百度小程序功能

  • 可以使用百度小程序
  • 可以开通网站保障标识
  • 可以获得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

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

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'
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。