Posted on 留下评论

2.9.2版本发布

更新又来咯!

接入微信现金红包

此前的积分奖励扩展功能,用户提交现金提现的申请时,需要填写支付宝账号,然后由商家在后台根据用户填写的帐号去进行手动转账。此流程过于复杂,且用户比较不信任。

新版的积分奖励扩展,新增了微信红包提现的功能,用户在提现的时候,会有弹窗提示需要公众号授权登录,此授权过程全自动,只需一次授权操作,后续都可提现。

然后商家可选择自动或手动发放奖励,奖励将直接以微信红包的形式发放给用户,体验极高。

那么使用此功能之前需要进行哪些配置?

1、首先确保你是国内的微信商户,海外的跨境支付商户不支持

2、目前仅支持积分奖励扩展,未购买的需要先购买此扩展

3、将产品(包括小程序和插件)更新到2.9.2

4、转到网站后台 - 商城小程序设置 - 常规,填写公众号AppID和AppSecret

5、同样商城小程序设置 - 常规,填写商户号和支付密钥、并上传支付证书

6、同样商城小程序设置,转到积分奖励 - 积分兑换,勾选微信红包,并填写发送者名称(此处可选择手动或自动发放,手动发放在用户提交后商家在后台审核通过后点击发放,自动发放在用户提交后立即发放)

7、进入微信商户后台 - 产品中心,找到现金红包,开通产品,并设置限额等基本设置(T+1商户,需满足 (1)入驻满90天 (2)连续正常交易30天 (3)保持正常健康交易,才会显示现金红包入口,其它周期的商户没有限制)

8、同样是微信商户后台,确保你的账户里面有资金用来发放,没有资金的需要充值

9、进入公众号后台 - 设置 - 公众号设置 - 功能设置 - 网页授权域名,添加你网站的网址

10、如需在开发者工具上提交提现申请,需要在公众号后台 - 开发 - 开发者工具 - web开发者工具,绑定微信号

数据预拉取

使用此功能可在微信进行小程序加载的同时,进行首页、设置、登录信息等数据的加载,使小程序的整体加载速度具有明显的提升

同样需要进行一些配置操作

1、将产品(包括小程序和插件)更新到2.9.2

2、小程序基础库改为2.8.0或以上(开发者工具 - 右上角详情 - 本地设置),基础库最低要求改为2.8.0(小程序后台 - 设置 - 基本设置 - 基础库最低版本设置)

3、转到网站后台 - 商城小程序设置 - 高级 - 数据预拉取,勾选开启并保存

4、将开关下方的数据下载地址,填写到小程序后台 - 开发 - 开发设置 - 数据预拉取中(数据来源选择开发者服务器)

海外订阅消息适配

由于同一服务类目,在国内和海外主体小程序帐号下的订阅消息模板完全不同,因此需要区分国内和海外来进行订阅消息功能的适配,此次更新已适配海外主体的订阅消息功能

需要用到订阅消息的海外主体的小程序(国内主体请忽略),需要进行一些配置操作

1、转到小程序后台 - 设置 - 基本设置 - 服务类目,添加一个类目:本地服务 - 美妆/洗护

2、转到网站后台 - 商城小程序设置 - 订阅消息,订阅消息类型选择海外,并保存

3、点击按钮“一键导入模板”,看见有4个模板并有小绿勾,即可正常使用订阅消息

统一微信头像地址调用

由于微信头像的域名从wx.qlogo.cn更换到thirdwx.qlogo.cn,导致产品和店铺海报无法正常生成。

为了避免微信再次更换域名,以及简化小程序合法域名配置流程,本次更新使用代理形式下载微信头像,头像数据传输路径:微信服务器 -> 商家服务器 -> 用户手机

由于使用了商家服务器进行中转,downloadFile合法域名并不需要再添加wx.qlogo.cn以及thirdwx.qlogo.cn

PHP版本最低要求提升至7.2

由于引入easywechat,PHP版本最低要求为7.2

在更新产品前请先更新PHP版本到7.2,以免出现网站无法访问的问题

具体更新内容:

  • A 新增 积分奖励扩展 加入微信现金红包奖励 详细配置请参考更新介绍
  • A 新增 预加载数据 可预加载首页、登录和设置数据 提高小程序加载速度 详细配置请参考更新介绍
  • A 新增 海外主体的订阅消息适配(需要添加服务类目:本地服务 - 美妆/洗护) 商城小程序设置 - 订阅消息,订阅消息类型选择海外,保存后,再点击一键导入模板
  • U 更新 PHP版本要求提升至7.2
  • U 更新 引入easywechat库
  • U 更新 WooCommerce 4.4.1版本兼容测试
  • U 更新 WordPress 5.5版本兼容测试
  • U 更新 统一微信头像地址调用 防止头像url变化出现不在合法域名的问题
  • U 更新 视频暂停时取消显示封面 播放结束再显示
  • U 更新 首页装修扩展 产品列表模块 分类选择器吸顶
  • U 更新 扫码登录扩展 适配WP5.5
  • U 更新 产品拼团扩展 适配WP5.5
  • U 更新 筛选排序扩展 适配WP5.5
  • U 更新 产品收藏扩展 适配WP5.5
  • U 更新 优惠券扩展 适配WP5.5
  • U 更新 高级地址扩展 适配WP5.5
  • U 更新 产品分销扩展 适配WP5.5
  • U 更新 积分奖励扩展 适配WP5.5
  • U 更新 积分奖励扩展 积分计算改为只计算产品金额 不包括运费和税
  • F 修复 立即购买后购物车物品丢失的问题
  • F 修复 结算页无法选择配送方式的问题
  • F 修复 文章列表页封面图懒加载图标变形的问题
  • F 修复 文章时间相差8小时的问题
  • F 修复 产品拼团扩展 拼团后购物车物品丢失的问题
  • F 修复 产品拼团扩展 小程序端不显示拼团的问题
  • F 修复 产品拼团扩展 拼团结果页拼团成员不显示的问题
  • F 修复 产品拼团扩展 已经取消的订单 无法再次参团的问题
  • F 修复 首页装修扩展 轮播图和视频模块由于设置了边距导致的变形问题
  • F 修复 首页装修扩展 视频封面挡住顶栏的问题
  • F 修复 首页装修扩展 无法新建模板的问题
  • F 修复 首页装修扩展 WP5.5中模块颜色选择器问题
  • F 修复 首页装修扩展 WP5.5中代码编辑器失效的问题

下次更新再见!

Posted on 留下评论

2.9.1版本发布

近日微信已经开放小程序的分享朋友圈功能,我们这边的小程序也马上进行相关功能的适配,趁热更新一波

小程序分享朋友圈

由于分享到朋友圈的页面,为单页模式,无法使用登录、跳转等交互接口,完整的功能需要用户点击进入小程序后才可体验,所以还是以信息的分享为主

目前已支持分享到朋友圈的页面包括:首页、模板页、产品详情页、文章详情页和页面详情页

安卓用户(IOS还需要等待)进入小程序中可进行分享朋友圈的页面,点击右上角三点的菜单,即可看到分享朋友圈的按钮

点击分享朋友圈按钮之后,和普通的推文分享朋友圈差不多,带有图标和标题

分享出去之后,会有相关标识,告诉用户这个是小程序

用户打开此分享后,展现的是一个单页,不具备交互功能,用户点击需要交互的功能时,会有相关提示

用户点击进入小程序后,才能使用完整的功能

首页加载速度优化

本次更新从前端、后台各个方面进行首页的优化,现在首页加载速度可以有比较明显的提升,但还是建议配合加速插件使用,比如WPJAM BASIC中的CDN、OPcache、Memcached等功能

重新加入支付成功通知

此前由于小程序消息通知的升级,暂时去除了支付成功的消息通知,本次更新调整流程后,重新加入此通知

下单的订阅消息通知弹出时机改为支付前,等待用户允许或拒绝后,再弹出,避免与支付的弹窗重合

**需要到网站后台 - 商城小程序 - 订阅消息,点击一键导入模板,才可以使用支付成功通知**

小程序设置项生效时机变更

此前小程序设置项在线上版本中需要触发更新后,下次启动小程序生效,时间过于漫长。本次更新后,无论线上版本还是开发版,都统一为下次启动小程序生效

具体更新内容:

  • A 新增 小程序分享朋友圈功能适配
  • A 新增 首页装修扩展 模板数据本地缓存 下次加载更快
  • A 新增 首页装修扩展 备用保存模板方式 保存模板不完整时可开启
  • A 新增 登录有效期设置 默认登录有效期改为30天
  • A 新增 重新加入支付成功订阅消息通知 优化下单订阅消息弹出时机
  • U 更新 取消订单号前缀设置 订单号统一为18位
  • U 更新 后台小程序设置统一改为下次启动小程序生效
  • U 更新 产品分销扩展 带用户标识产品二维码合并到产品二维码 不再使用单独接口
  • U 更新 产品分销扩展 取消我的店铺页面缓存
  • U 更新 首页装修扩展 优化首页及模板加载速度
  • U 更新 适配IOS全面屏底部小黑条
  • F 修复 图片懒加载组件 无法获取设置的懒加载图标报错的问题
  • F 修复 微信头像偶现不显示的问题
  • F 修复 一些偶现的不影响使用的报错
  • F 修复 点击从搜索页进入的产品列表页的分享卡片时 搜索词显示错误的问题
  • F 修复 首次进入拼团结算页时地址布局错乱及配送方式丢失的问题
  • F 修复 产品分销扩展 不启用分销时 小程序端出错的问题
  • F 修复 首页装修扩展 与其它扩展插件兼容问题
  • F 修复 首页装修扩展 快捷导航模块 图标大小设置无效的问题
  • F 修复 优惠券扩展 与首页装修扩展兼容问题
  • F 修复 产品拼团扩展 与首页装修扩展兼容问题
  • F 修复 产品拼团扩展 首次进入拼团结算页时地址布局错乱及配送方式丢失的问题
  • F 修复 产品拼团扩展 拼团结算提示已有参团记录的问题

下次更新再见!

Posted on 留下评论

2.9版本发布

更新来咯!

简化更新流程、小程序设置项迁移至后台

以往进行版本更新,需要重新替换小程序端的封面、LOGO等设置,十分繁琐。

本次更新将大部分的小程序设置项,迁移到后台,使得小程序端更新变得容易,同时设置项在后台,可以不用重新提交小程序即可进行设置的更改。

值得注意的是,后台的小程序端设置项,更改后并不会立即生效,在线上正式版本中,需要用户触发设置更新(目前首页加载和登录时会触发)后,下一次启动小程序生效;而在体验版开发版中,为了便于调试,不需要触发更新,直接在下一次小程序启动时生效。

迁移的小程序设置项如下:

  • 小程序名称
  • 小程序LOGO
  • 懒加载LOGO
  • 分享封面
  • 优惠券弹窗LOGO
  • 地址选取模式
  • 支付方式弹窗
  • 是否显示主分类
  • 货币符号
  • 产品图片宽高比
  • 文章封面图宽高比
  • 评价图片数量限制

支持多设备登录

以往在开发者工具中登录后,又在手机上预览小程序,这样两边来回切换调试时,会出现小程序重载的现象,原因是旧版本中同一用户只能有一个登录令牌,新设备登录时会把旧设备的登录令牌覆盖,导致旧设备令牌无效,小程序重载。

新版本中,同一用户可在不同设备中独立存在登录令牌,互不干扰,解决多个设备的小程序使用问题。

支持三级分类显示

本次更新中新加入一个三级分类的布局,可在商城小程序设置 - 高级 - 分类页样式中,根据自身产品的分类结构,选择合适的分类级数显示。

新增独立直播间列表页面

此页面可显示商家创建的所有直播间,包括直播中、未开始、已结束、已过期等状态的直播间,方便用户观看直播。

接入快递100物流接口

可到快递100官方网站申请接口

新增地址选取模式设置

使用高级收货地址扩展的用户,可选择三种地址选取模式:

1、仅微信选取

2、微信导入+手动填写

3、仅手动填写

未使用此扩展的,默认为微信选取

 

具体更新内容:

  • A 新增 接入快递100物流接口
  • A 新增 直播列表页 跳转链接为 /pages/liveroom/liveroom
  • A 新增 支持多个设备登录 避免开发者工具和手机来回切换 或不同手机来回切换导致小程序重新启动
  • A 新增 小程序设置项 默认分享标题
  • A 新增 小程序默认分享封面 支持设置多个 随机显示
  • A 新增 小程序设置项 分类页样式 新增三级分类页样式
  • A 新增 小程序名称 小程序LOGO 懒加载LOGO 分享封面 是否支付弹窗 是否显示分类 货币 产品图片比例 文章图片比例 评价图片数量限制 以上设置支持从后台进行配置 无需再改动小程序端(小程序端设置,更改后并不立即生效。正式版需要用户触发设置更新,如首页加载、登录,下次启动小程序生效。开发版体验版不需要触发更新,下次启动小程序生效)
  • A 新增 首页装修扩展 快捷导航模块新增图标大小设置
  • A 新增 筛选排序扩展 属性筛选项分类限制 可选择多个分类
  • A 新增 高级地址扩展 地址选取模式 可在后台进行设置 新增仅手动填写地址模式 不显示微信导入按钮
  • A 新增 优惠券扩展 优惠券弹窗LOGO 可在后台进行设置
  • A 新增 产品拼团扩展 拼团产品列表页分享标题设置项
  • U 更新 小程序底层框架优化
  • U 更新 未指定小程序名称或LOGO时自动从配置中获取
  • U 更新 快递图标移动到服务端
  • U 更新 图文排版 任意标签可使用w2w-href属性触发点击事件
  • U 更新 产品拼团扩展 限制每个团只能参与一次
  • U 更新 优惠券扩展 点击事件同时领取多个优惠券时 跳过已领取的优惠券不提示错误
  • F 修复 w2w-href属性被WP编辑器移除的问题
  • F 修复 IOS中未出现弹窗时内部输入框显示的问题
  • F 修复 在开发者工具和手机端来回调试时小程序调用多次重启的问题
  • F 修复 订单详情中支付方式不受后台设置控制的问题(新订单生效)
  • F 修复 产品视频只剩一个时无法移除的问题
  • F 修复 全局产品属性没有进行HTML解码的问题
  • F 修复 开启REST API来源限制或开启请求校验时 支付通知及物流轨迹通知无法接收的问题
  • F 修复 非正方形的产品图片在订单列表、订单详情和订单评价列表中显示不正确的问题
  • F 修复 下单选择好友代付后又用微信支付时 付款方式仍然是好友代付的问题
  • F 修复 视频没有设置封面图时仍然显示封面的问题
  • F 修复 错误提示层级问题
  • F 修复 错误提示没有换行的问题
  • F 修复 部分模态框重复弹出的问题
  • F 修复 登录页点击登录按钮重复出错的问题
  • F 修复 登录提示Invaild Code的问题
  • F 修复 点击事件 跳转网站链接参数丢失问题
  • F 修复 积分奖励扩展 积分兑换现金 积分显示没有取整的问题
  • F 修复 产品拼团扩展 没有处理用户被删除的情况的问题
  • F 修复 首页装修扩展 HTML模块复制问题
  • F 修复 首页装修扩展 图层模块图片偶尔出现变形的问题
  • F 修复 首页装修扩展 修复导入示例模板时没有导入图片的问题
  • F 修复 首页装修扩展 导入模板不选择图片导入时URL错误的问题
  • F 修复 首页装修扩展 热区模块不能显示的问题
  • F 修复 高级地址扩展 错误提示显示Object object的问题

下次更新再见!

Posted on 7条评论

WooCommerce微信小程序安装配置教程

准备

阅读此安装指南前,请确保你已具备以下条件

  1. 已备案的域名
  2. 已通过微信认证的小程序帐号 (点击注册小程序,已有通过微信认证的服务号请直接在服务号后台 - 小程序 - 快速注册并认证小程序)
  3. 小程序已开通微信支付(小程序后台微信支付中显示已开通)
  4. 已完成安装向导的WordPress 4.7+网站
  5. 已安装WooCommerce 3.0+ 并完成安装向导
  6. 网站已完成 https 配置
  7. 网站已完成伪静态配置
  8. PHP 5.5+并且已启用 openssl 模块

下载产品

转到官网订单查询页面:https://www.qwqoffice.com/shop.php?mod=order,输入顾客密钥(已绑定密钥的登录用户不需要输入),选择你需要的主题色并勾选扩展功能(如有购买)
解释一下这里为什么每次下载都要勾选全部扩展(包括新购买扩展,和后续版本的更新),因为扩展功能不只是有后台插件的部分,还有小程序的部分,如果你不勾选全部扩展,那么下载得到的小程序端是不完整的,不会包含扩展功能。

点击下载,即可将小程序、配套插件以及所有勾选的扩展插件打包下载,下载后的压缩包结构如下:
woocommerce-lite-***.zip
├── extensions (扩展功能插件,全部安装到WordPress后台)
│   ├── w2w-scan-to-login-***.zip
│   ├── w2w-products-filter-and-orderby-***.zip
│   └── w2w-products-favor-***.zip
├── woocommerce-app-***.zip (已集成扩展功能、更换了主题色的小程序源码)
└── woocommerce-to-wechatapp-***.zip (配套插件,安装到WordPress后台)

后台插件配置

1、网站后台安装并激活配套插件woocommerce-to-wechatapp-***.zip),并安装激活extensions目录下所有扩展功能插件

2、登录小程序后台,开发 - 开发设置 - 服务器域名,点击“开始配置”按钮,添加你的域名到request合法域名、uploadFile合法域名、downloadFile合法域名和业务域名中。新增了域名之后,请刷新项目配置后重新编译项目:开发者工具-右上角详情-域名信息,显示新添加的域名即可。如不添加需要在后面开发者工具中勾选 不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

3、同样是小程序后台,开发 - 开发设置 - 开发者ID,找到 AppID 和 AppSecret 并填写到插件常规设置中

4、同样是小程序后台,转到设置 - 第三方设置 - 插件管理 - 添加插件,输入搜索 wxa75efa648b60994b,添加腾讯视频插件。

5、转到网站后台 - WooCommerce - 设置 - 结算/付款 - 微信支付,填写小程序对应的微信支付的商户号、商户支付密钥和支付简要描述,一般在开通微信支付的开户邮件中可以找到,如丢失请登录小程序对应的微信支付微信支付商户平台进行查询/重置

6、设置固定链接,转到 设置 - 固定链接,选择除朴素之外任意一个保存

7、检查REST API,浏览器输入网址:https://你的网站/wp-json/w2w/v1/,显示下图文字,网站后台配置完成(如显示404错误在固定链接页面直接保存一次即可,如仍然是404,请参考https://www.watch-life.net/wordpress/wordpress-rest-api.html,配置好伪静态)

小程序配置

1、下载微信开发者工具 https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

2、解压小程序(woocommerce-app-***.zip)到任意目录

3、打开开发者工具,选择导入项目,填写项目名称(随意),目录选择刚刚解压的目录,并填写小程序AppID,点击导入

4、等待导入完成后,打开编辑app.js替换siteURL的值为你网站的网址(WordPress - 常规 - 站点地址),替换name为你小程序的名字

开始体验!

有关小程序的上传和发布,在这里不作过多介绍,详细请参考微信小程序的官方文档:https://developers.weixin.qq.com/miniprogram/dev/

以下一些配置项使你的小程序更加完整:

物流信息

物流信息的接入使用的是快递鸟和KDPT

KDPT API直接添加QQ:3117725647索取,并转到后台设置 - WC 微信小程序 - 物流信息,选择KDPT,并填写 API密钥。

以下是快递鸟配置方法:

1、注册快递鸟帐号:http://www.kdniao.com/reg

2、我的会员中心,获取用户ID和API KEY

3、进入后台设置 - WC 微信小程序 - 物流信息,选择快递鸟,并填写 用户ID 和 API KEY


配置好物流API后,进入WooCommerce - 订单,点击正在处理中的订单,右侧区域即可看到填写物流公司和快递单号的位置

物流接口支持扩展,具体参考主插件:includes/class-w2w-shipping-track-kdpt.php

模板消息

1、首先确保填写了 AppID 和 AppSecret(设置 - WC 微信小程序 - 常规)

2、转到设置 - WC 微信小程序 - 模板消息点击按钮“一键导入模板”

3、显示有四个模板,用途分别为“订单支付模板”、“订单发货模板”、“订单备注模板”和“评论审核模板”即可

客服消息

登录小程序后台,转到客服消息,添加客服人员

打开https://mpkf.weixin.qq.com/即可回复用户消息

手机可使用官方客服小程序“客服小助手”进行消息的回复

也可以使用第三方的客服平台,如芝麻小客服

链接的点击

所有支持填写链接的地方,如关于页面、产品和文章的详情、轮播图、首页模块扩展中的快捷导航模块,均支持以下七种的链接跳转类型:

1、跳转小程序内页面

填写小程序的页面路径,可支持参数(tabBar页面不支持参数),以/开始,页面路径和页面参数可在开发者工具预览区域的下方找到

示例:/pages/product-detail/product-detail?id=404

以下是一些常用的小程序页面:

跳转产品ID为404的产品详情页:/pages/product-detail/product-detail?id=404

跳转文章ID为1199的文章详情页:/pages/post-detail/post-detail?id=1199

跳转所有产品页:/pages/product-list/product-list

跳转按价格倒序的产品列表页:/pages/product-list/product-list?orderby=price&order=desc

跳转颜色筛选为绿蓝黑的产品列表页:/pages/product-list/product-list?filter_color=green,blue,black

跳转价格范围为10~90的产品列表页:/pages/product-list/product-list?min_price=10&max_price=90

跳转分类ID为50的产品列表页:/pages/product-list/product-list?category=50

跳转搜索“T-shirt”关键词的产品列表页:/pages/product-list/product-list?search=T-shirt

跳转可用优惠券码“qo20189”的产品列表页:/pages/product-list/product-list?coupon=qo20189

跳转特色产品列表页:/pages/product-list/product-list?featured=true

跳转促销产品列表页:/pages/product-list/product-list?on_sale=true

跳转购物车页:/pages/cart/cart

跳转所有订单页:/pages/order-list/order-list?status=all

跳转待付款订单列表页:/pages/order-list/order-list?status=pending

跳转领券中心页:/pages/coupon-center/coupon-center

(注:产品列表页可多个参数搭配使用)

2、跳转网站链接

填写网站链接,域名需要添加到小程序后台开发设置-业务域名,请看详细

示例:https://www.qwqoffice.com

3、跳转小程序

直接填写要跳转小程序的AppID即可,AppID需要在小程序全局配置中声明,请看详细

示例:wxdc535f471c1d4a2d

4、拨打电话

填写 phone:要拨打的电话

示例:phone:13800000000

5、打开公众号推文

直接填写推文链接

示例:https://mp.weixin.qq.com/s/gk-5X27wak6WndfPAOiOPw

6、全屏看图

填写 image:要查看的图片

示例:image:https://wooappdemo.qwqoffice.com/wp-content/uploads/2018/10/1-6.jpg

7、打开地图

填写 location:位置参数

示例:

location:{"longitude": 113.466258, "latitude": 23.167464, "scale": 15, "name": "萝岗万达广场", "address": "广州市黄埔区科丰路89号"}

参数解释:

longitude:经度,范围为-180~180,负数表示西经。使用 gcj02 国测局坐标系

latitude:纬度,范围为-90~90,负数表示南纬。使用 gcj02 国测局坐标系

scale:缩放比例,范围5~18

name:位置名

address:地址的详细说明

其中gcj02坐标可在高德地图位置选取中获得:https://lbs.amap.com/console/show/picker