【web端】WebApp

zhichi_admin

一、项目介绍

WebApp（又称“H5&公众号网页应用） 包含 2个版本

①H5应用：网页浏览器版本，适用于大部分浏览器APP内打开查看

②公众号网页应用：仅支持微信内使用，可以做公众号用户登录

1.功能现状：

WebApp V1.0.0版本（9月23日），不支持组件：

营销组件：微分商城、签到、大转盘、刮刮乐、砸金蛋、集集乐、兑换券、秒杀、拼团、预售、分销

行业组件：视频、多商家、行业预约、社区资讯、旧版餐饮（到店、外卖、排号）

2.功能预告：

WebApp V1.1.0 版本（预计10月），即将新增支持组件：

营销组件：大转盘、刮刮乐、砸金蛋、集集乐、秒杀、拼团、预售

行业组件：旧版餐饮（到店、外卖、排号）

二、H5基础信息配置【只需要配置H5支付即可使用】
1.微信H5支付配置

前往微信商户号后台（pay.weixin.qq.com）添加指定的【支付域名】到【支付授权目录】下

操作步骤：

①登陆【微信商户平台】-【产品中心】-【我的产品】-【支付产品】-【H5支付】开通H5支付，确认功能开启

②将【即速管理后台】-【系统设置】-【支付设置】-【H5支付】-【H5微信支付】信息配置完成

复制【H5微信支付】-【支付域名】，填写到【商户平台】-【产品中心】-【开发配置】-【H5支付】-【添加域名】

③配置【即速管理后台】-【H5微信支付】相关信息

a.收款方名称=商户号对应的商户名称（商户信息-企业信息-商户名称）

b.微信支付商户号=商户号ID (商户信息-基本账户-微信支付商户号)

c.key=API密钥（账户中心- API安全-API密钥）

d.存储私钥文件=API证书（cert.pem文件）

存储公钥文件=API证书（key.pem文件）

2.配置H5支付宝（网页&移动应用）支付

前往蚂蚁金服开放平台（open.alipay.com）-【开发者中心】-【网页&移动应用】，创建应用

操作步骤：

①点击创建应用-移动应用

②功能列表-添加功能

点击添加功能-添加【支付收单】-【快捷手机wap支付】

点击添加配置接口加签方式，选择支付宝密钥生成器，根据里面的教程，生成【应用公钥】和【应用私钥】，填入【应用公钥】到加签管理，可生成【支付宝公钥】

选老版本进行下载

选择非JAVA-2048 生成

【应用公钥】填入支付宝后台【加签管理】，会生成【支付宝公钥】

配置完成后，点击提交审核，等审核通过，配置信息于即速管理后台

三、公众号网页应用配置

准备一个认证服务号（已关联商户号，具备支付能力），进入【即速管理后台】-【系统设置】-【支付设置】-【公众号支付】-【微信（JSAPI）公众号支付】

1.授权服务号到后台

2.公众号登录

未授权认证服务号时，如果想预览公众号应用效果，且需要用户信息查看。可打开使用第三方登录设置

如果已进行认证服务号授权，则可以直接登录

四、注意事项

1.WebApp用户尚未与小程序用户进行打通，即使是同一个手机号，也会存在多条用户（用户订单和会员权益不会合并）

2.非认证服务号进行授权，公众号网页应用则无法进行有效的微信用户登录