万众期待的网页版(H5)商城上线啦!【专业版】商家免费使用!【免费版】商家稍等片刻,让子弹飞一会儿先。
 

 
官方演示:
https://wxe3b29411edd09744.97866.com/
 

 
花生小店致力于多平台SAAS电商系统,支持各平台用户(数据)体系存在相互独立、或相互打通;H5版用户体系、商品、装修、数据等的差异化独立运营,并不是微信小程序版的附属品。
目前,花生小店【网页(H5)】1.0版本,功能上已与小程序版高度一致(达到90%左右),后续优化及开发正在进行中,赶紧用起来吧!


准备工作:
1.填写信息前,请确认您已准备好一个已认证的服务号(可与小程序不同主体)。
2.填写信息前,请确认当前小程序正在使用的商户号已授权给该服务号使用。
3.填写信息前,请确认您线上的小程序版本已经升级到20.04.27或更高版本。
4.一个服务号只能开启一个小程序店铺;多个店铺使用【网页版】(H5),请准备多个已认证的服务号。
 

 
步骤简要说明:
1.商户号的开发配置需要添加小程序店铺域名到支付授权目录
2.公众号需要配置js接口安全域名和网页授权域名,公众号需要添加139.224.52.29到ip白名单
3.花生后台需要填写公众号的AppID和AppSecret,以及公众号验证文件的文件名。
 

 
开通【网页版】(H5)商城详细操作说明:
 

 
一、升级至最新版本
 1、更新升级:【花生后台】-【我的小程序】-【修改/选择/升级模板】-【生成体验版】-【提交审核】,审核通过后,点击发布,即升级为最新版本或【20.04.27】版以上(详见后台左上角说明)。
 
【重磅更新】网页版(H5)商城免费上线!
 
2、开启功能:点击发布最新版本后,到【营销中心】-【营销扩展】,开启【网页版】,并点击【详细设置】或到【店铺设置】-【网页版设置】进行下一步。
【重磅更新】网页版(H5)商城免费上线!

 
二、网页版设置步骤
 
1、按照后台提示,慎重选择【店铺设置】-【网页版设置】-【登录设置】,保存并下一步;
 
【重磅更新】网页版(H5)商城免费上线!
 

 
2、【店铺设置】-【网页版设置】-【服务号设置】,查看左上角说明,按照后台设置,步骤如下:
 
【重磅更新】网页版(H5)商城免费上线!
 

 
1)
请到【商户号后台】-【产品中心】-【开发配置】-【支付设置】-【JSAPI支付】,把小程序店铺域名*添加到支付授权目录。
地址:https://pay.weixin.qq.com/
*域名格式为:以wx开头的小程序appid.97866.com/
如:wx776b0c059fc44978.97866.com/
注意:1.须选择https://   2.须以左斜杠结尾。
 
【重磅更新】网页版(H5)商城免费上线!【重磅更新】网页版(H5)商城免费上线!
注意:点击【添加】后,需要输入商户号的操作密码验证,验证后需要再操作一次添加步骤方可添加成功。
 

 
2)
到【公众号后台】-【基本配置】-【ip白名单】,添加139.224.52.29并保存。
【重磅更新】网页版(H5)商城免费上线!
 

 

3)

到【公众号后台】-【公众号设置】-【功能设置】-【js接口安全域名】,下载验证文件。
地址:https://mp.weixin.qq.com/
【重磅更新】网页版(H5)商城免费上线!
 

 
4)
把公众号的AppID和AppSecret,以及上一步下载的验证文件的文件名(需带txt后缀),填到此页面对应的地方即可,不需要上传该文件。
 
【重磅更新】网页版(H5)商城免费上线!
 

 
5)
回到【公众号后台】-【公众号设置】-【功能设置】,配置js接口安全域名和网页授权域名。
【重磅更新】网页版(H5)商城免费上线!【重磅更新】网页版(H5)商城免费上线!
AppID和AppSecret请到【公众号后台】-【开发】-【基本配置】页面查找。
 

 
三、网页版装修
网页版支持装修等的差异化独立运营,因此,需要与小程序版一样,进行装修。
1、按照后台提示,到【店铺设置】-【网页版设置】-【网页版设置】相关内容,保存并下一步;
 
【重磅更新】网页版(H5)商城免费上线!
 

 
2、按照后台提示,到【页面管理】或【公共模板】,新建/复制一个页面作为你的网页版(H5)首页即可;方法详见【页面管理】左上角说明;
 
【重磅更新】网页版(H5)商城免费上线!
 

 
至此,您已完成了相关设置,您网页版(H5)的访问域名格式是:以wx开头的小程序appid.97866.com/
如:
https://wx776b0c059fc44978.97866.com/