专为子比主题打造的微信小程序解决方案,实现了子比主题(Zibll)与微信小程序的深度打通,涵盖基础接入、用户体系、支付系统及运维管理。让您的网站内容在微信中触手可及,用户可以在小程序中浏览网站内容、扫码登录账号、支付购买,体验更流畅!
注意:小程序必须已经过腾讯(个体工商户或企业)认证并备案成功。

基础框架(需安装基础框架,在基础框架内可直接安装启动)

核心功能全景

一、基础能力与用户体验

  • 站点无缝接入:基于 WebView 实现,优点是网站内容样式以及所有功能都可以在小程序内完美呈现。
  • 全链路用户体系:
    • 支持微信授权、账号密码、验证码登录及注册资料补全。
    • 支持微信 OpenID 与 WordPress 账号自动绑定/解绑,保持长久登录态。
  • 跨端扫码互动:
    • 扫码登录:PC 端网站展示二维码,小程序扫码确认即可登录。
    • 扫码绑定:已登录用户可通过小程序扫码,快速绑定微信身份。
  • 多类型支持:兼容普通小程序与企业小程序,支持自定义启动页 LOGO 及配置隐私政策。

二、小程序版本发布与管理

  • 云端一键发布:无需安装微信开发者工具,后台直接上传代码、提交审核、发布正式版或回退版本。
  • 可视化版本控制:后台实时查看体验版二维码、撤回审核、管理小程序码及隐私指引。
  • 域名智能校验:
    • 自动检测业务域名状态(未配置/待生效/已生效)。
    • 自动写入校验文件,免去手动 FTP 上传的繁琐。

三、支付系统(专业版特权)

  • 双通道支付:同时支持微信原生支付(实物交易)与微信虚拟支付(虚拟权益)。
  • 全场景覆盖:适用于付费阅读、付费资源、会员开通、余额充值、积分购买及版块关注等。
  • 智能路由:支持按子比订单类型自动分配支付方式,也可自定义扩展支付场景。
  • 资金与订单:提供原生支付订单、虚拟支付订单、资金概况及提现单管理,内置金额校验与回调处理机制,保障交易稳定。

四、后台管理与运维

  • 集中配置中心:统一管理 AppID/Secret、微信支付商户号、虚拟支付 Offer ID 等敏感配置。
  • 数据安全:支持配置项的备份、导入、导出与迁移,轻松应对站点迁移。
  • 性能优化:
    • Access Token 缓存与定时刷新,降低接口调用频率。
    • 并发锁机制与临时数据自动清理,确保高并发下的系统稳定性。

五、网站端联动

  • 登录入口:网站登录框集成小程序扫码入口,可设置为优先登录方式。
  • 用户中心:前台用户中心支持查看绑定状态、自助绑定或解绑微信。
  • 管理员管控:后台用户列表直观展示绑定状态,支持管理员强制解绑。

版本对比

功能模块标准版专业版
基础接入与登录✓ (含扫码登录/绑定)
版本发布与域名管理✓ (一站式发版)
支付系统✓ (原生+虚拟支付)
支付统计与订单管理

产品预览

V1.1.5 – 2026.06.06【全新重构完成】

本次更新不需要重新上传小程序版本!

【优化】

  • 小程序版本:样式优化

【小程序基础能力】

  • 支持将子比主题(Zibll)网站接入微信小程序,网站内容可在小程序内通过 WebView 正常浏览和使用
  • 支持小程序内登录、注册、完善资料等用户流程
  • 支持微信 OpenID 与 WordPress 用户自动绑定,用户后续可在小程序内保持登录状态
  • 支持网站扫码登录:用户在网站端扫码后,可通过小程序完成登录确认
  • 支持网站扫码绑定:网站已登录用户可扫码绑定自己的小程序身份
  • 支持普通小程序和企业小程序使用

【小程序版本发布】

  • 支持授权自己的微信小程序后,在后台直接管理小程序版本
  • 支持一键上传小程序代码,无需手动使用微信开发者工具上传
  • 支持提交微信审核、发布正式版、查看体验版二维码等常用发布操作
  • 支持查看小程序业务域名状态,区分未配置、待发布生效、已生效,方便判断当前小程序是否可以正常访问网站
  • 支持自动写入业务域名校验文件,减少手动上传校验文件的操作
  • 体验版二维码在业务域名未生效时会提示先提交审核并发布,避免扫码后无法正常访问

【支付功能】

  • 支持小程序原生微信支付,适用于商品购买等可走微信商户支付的订单场景
  • 支持微信小程序虚拟支付,适用于付费阅读、付费资源、购买会员、付费图片、付费视频、余额充值、购买积分、关注版块等虚拟内容或虚拟权益场景
  • 支持按子比订单类型分配支付方式,可为不同业务场景选择原生支付或虚拟支付
  • 支持自定义支付场景,方便适配站点内扩展出来的子比订单类型
  • 支持原生支付订单列表、虚拟支付订单列表、虚拟支付资金概况和提现单查看
  • 支持支付金额校验、支付回调处理和订单状态同步,提升小程序支付稳定性

【后台管理】

  • 提供可视化后台配置界面,可集中管理小程序、登录、支付、版本发布等配置
  • 支持小程序 AppID、AppSecret 等基础配置
  • 支持微信支付商户号、API 密钥等原生支付配置
  • 支持虚拟支付 Offer ID、App Key、商品 ID、环境模式等配置
  • 支持设置备份、导入、导出与数据迁移

【性能与稳定性】

  • 支持扫码登录临时数据自动清理,减少长期运行的数据堆积
  • 支持 Access Token 缓存、定时刷新与并发锁机制,降低微信接口调用频率
  • 优化小程序登录、扫码登录、扫码绑定、支付回调等关键链路的稳定性

重构迭代优化,修复大量问题

【优化】

  • 优化后台参数信息

【修复】

  • 修复数据迁移的问题(同步天域框架修复)

【全新重构】

  • 接入新版天域框架(要求框架 ≥ 2.0.0)
  • 后台界面全面重构,操作更顺手
  • 设置 / 备份 / 导入导出统一链路

【修复】

  • 修复扫码登录数据并发清理问题
  • 修复 access_token 高并发刷新问题

【说明】

  • 升级前请先升级天域框架到 2.0.0+

【功能优化】

  1. 新增扫码登录数据自动清理机制
  2. 新增 Access Token 双重锁机制 + 定时刷新
  3. 优化性能

【问题修复】

  1. 修复小程序部分支付场景金额显示为0.01元的问题
  1. 修复支付成功后,返回网站订单状态未更新的问题

【安全优化】

  • 新增支付金额验证机制

【新增】

  • 小程序WebView登录功能
  • 小程序支付功能
  • OpenID与WordPress用户自动绑定
  • 支持普通小程序和企业小程序
  • 完整的登录态管理
  • 后台可视化配置界面
  • 小程序配置管理(AppID、AppSecret)
  • 支付配置管理(商户号、API密钥)

【说明】

不影响原有网站功能

支持子比主题(Zibll)

基于天域框架开发

完整的小程序WebView集成方案

此应用基于“子比主题”才可以使用,请确保已经购买并安装“子比主题”!

天域系列所有应用都是基于“天域应用中心”WordPress框架插件进行安装使用的,统一管理您的所有天域应用,在线安装、本地上传、一键激活、授权管理、版本更新,让应用管理更简单高效!

如何安装 “天域应用中心” WordPress插件?

省流:先获取自己的授权码,打开“天域应用中心”插件内的“应用商店”,点击安装、输入授权码安装成功即可。查看授权码点击查看我的授权

1、打开“天域应用中心”插件后台

图片[1]-天域子比主题小程序系统 – 使用教程-天域博客

2、点击“应用商店”菜单

图片[2]-天域子比主题小程序系统 – 使用教程-天域博客

3、点击“立即安装”,并输入授权码进入安装流程。

图片[3]-天域子比主题小程序系统 – 使用教程-天域博客
图片[4]-天域子比主题小程序系统 – 使用教程-天域博客
图片[5]-天域子比主题小程序系统 – 使用教程-天域博客

4、在“应用管理”可以查看/控制已经成功安装的应用。

图片[6]-天域子比主题小程序系统 – 使用教程-天域博客

PS:天域应用中心支持自由切换应用的菜单显示方式。

如果安装多个应用的情况下,会导致WP左侧菜单特别多不方便查看,可以切换成二级菜单。当然也可以自由调整,单独控制某个应用为一级菜单。

图片[7]-天域子比主题小程序系统 – 使用教程-天域博客

小程序基本信息配置

注意:小程序必须已经过腾讯(个体工商户或企业)认证并备案成功。
以下配置步骤需要多次小程序管理员扫码确认,建议尽量使用和确保小程序管理人员在场配合操作。

1、浏览器登录微信公众平台,登陆小程序账号。

地址:https://mp.weixin.qq.com

2、完善小程序资料。

新注册账号需要完善以下内容并等待审核通过,已完善的可以跳过此步。

图片[8]-天域子比主题小程序系统 – 使用教程-天域博客

3、打开【开发与服务 – 开发管理】

复制并保存小程序“AppID”和“AppSecret”。新账号生成AppSecret。旧账号可选择使用现有的或重置AppSecret。

图片[9]-天域子比主题小程序系统 – 使用教程-天域博客


4、打开“天域-子比小程序系统”后台

将获取到的小程序“AppID”和“AppSecret”填写在内,并配置完成“LOGO”、“服务协议”、“隐私政策”。测试模式首次无需开启。

图片[10]-天域子比主题小程序系统 – 使用教程-天域博客

5、小程序配置完成

小程序虚拟支付配置

注意:小程序必须已经过腾讯(个体工商户或企业)认证并备案成功。
以下配置步骤需要多次小程序管理员扫码确认,建议尽量使用和确保小程序管理人员在场配合操作。

1、浏览器登录微信公众平台,登陆小程序账号。

地址:https://mp.weixin.qq.com

2、开通【支付与交易 – 虚拟支付】

可以查看官方教程:https://developers.weixin.qq.com/minigame/dev/guide/open-ability/virtual-payment/virtual-payment2.html

图片[11]-天域子比主题小程序系统 – 使用教程-天域博客
图片[12]-天域子比主题小程序系统 – 使用教程-天域博客

3、点击【基础配置】,获取参数

获取“AppID(小程序ID)”、“OfferID(支付应用ID)”、“沙箱AppKey”、“现网AppKey”。并启用“苹果IAP支付”。

图片[13]-天域子比主题小程序系统 – 使用教程-天域博客

4、点击【道具配置】,添加道具

在“开发版本”内添加一个 0.01 元的道具,ID和名称、图片全部随意设置,然后发布到线上版本即可。

图片[14]-天域子比主题小程序系统 – 使用教程-天域博客

5、打开“天域-子比小程序系统”后台

将获取到的“AppID(小程序ID)”、“OfferID(支付应用ID)”、“沙箱AppKey”、“现网AppKey”,还有道具ID,填写在内。

图片[15]-天域子比主题小程序系统 – 使用教程-天域博客

6、发货推送配置

在“天域-子比小程序系统”后台,“虚拟支付参数配置”-“发货推送配置”内获取参数信息。

打开小程序后台【开发与服务】-【开发设置】-【消息推送】

将“发货推送配置”参数填写在内启用即可。

图片[16]-天域子比主题小程序系统 – 使用教程-天域博客

7、小程序虚拟支付配置完成。

小程序原生支付配置

注意:小程序必须已经过腾讯(个体工商户或企业)认证并备案成功。
以下配置步骤需要多次小程序管理员扫码确认,建议尽量使用和确保小程序管理人员在场配合操作。

官方教程:https://pay.weixin.qq.com/static/pay_setting/appid_protocol.shtml

1、打开微信支付商户官网

地址:https://pay.weixin.qq.com/index.php/extend/merchant_appid/mapay_platform/account_manage

2、打开【产品中心 – AppID帐号管理】

将对应的小程序APPID添加关联

图片[17]-天域子比主题小程序系统 – 使用教程-天域博客
图片[18]-天域子比主题小程序系统 – 使用教程-天域博客

3、打开微信小程序后台【交易与支付 – 微信支付】

找到刚才在支付商户发起的关联,确认即可。

图片[19]-天域子比主题小程序系统 – 使用教程-天域博客

4、获取“商户号”和“商户API密钥”

图片[20]-天域子比主题小程序系统 – 使用教程-天域博客
图片[21]-天域子比主题小程序系统 – 使用教程-天域博客

5、打开“天域-子比小程序系统”后台

将获取到的“商户号”和“商户API密钥”填写在内

图片[22]-天域子比主题小程序系统 – 使用教程-天域博客

6、小程序原生支付配置完成。

小程序上传版本

注意:小程序必须已经过腾讯(个体工商户或企业)认证并备案成功。
注意:小程序类目已经添加成功“社交 – 社交论坛”

1、打开“天域-子比小程序系统”后台【小程序版本】

点击“立即授权小程序”,使用小程序管理员微信扫码授权。

图片[23]-天域子比主题小程序系统 – 使用教程-天域博客
图片[24]-天域子比主题小程序系统 – 使用教程-天域博客
图片[25]-天域子比主题小程序系统 – 使用教程-天域博客

2、微信扫码小程序授权

3、授权成功

图片[29]-天域子比主题小程序系统 – 使用教程-天域博客

4、上传代码

点击【开发版本 – 上传代码】按钮,输入你的网站域名和名称

图片[30]-天域子比主题小程序系统 – 使用教程-天域博客

5、提交审核

可以按照我的图上填写即可:

  • 用户信息(微信昵称、头像):我的或个人主页显示用户昵称头像
  • 相册(仅写入)权限:上传图片
  • 选中的照片或视频信息:上传图片
  • 剪切板:粘贴文字
图片[31]-天域子比主题小程序系统 – 使用教程-天域博客

至少填写一个开发者联系方式:

图片[32]-天域子比主题小程序系统 – 使用教程-天域博客
图片[33]-天域子比主题小程序系统 – 使用教程-天域博客

6、保存并继续提审

直接点击“确认提交”即可

图片[34]-天域子比主题小程序系统 – 使用教程-天域博客

7、审核失败

如果遇到审核失败的问题,不要着急,对于小程序来说这种问题很常见,完全是随缘!

查看驳回原因调整就可以了,可以联系我处理。

3、小程序类目设置

添加 “社交  >  社区/论坛” 类目,亲测上传一个网站域名备案截图,等几天就添加成功了,还是很容易的。不添加也可以,但是小程序容易被限制。

图片[35]-天域子比主题小程序系统 – 使用教程-天域博客
图片[36]-天域子比主题小程序系统 – 使用教程-天域博客
图片[37]-天域子比主题小程序系统 – 使用教程-天域博客

评论 抢沙发

请登录后发表评论

    暂无评论内容