西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
1.申请公众号微信支付
微信支付应用分为两种情况：
情况一：申请新的微信支付商户账号；
场景二：绑定现有微信支付商户账号
注：目前只有“认证服务号”可以申请微信支付功能。 暂时不支持其他类型的公众账号。
（一）情况一、申请新的微信支付商户账号
1. 申请新商户账户
登录微信公众平台-微信支付-申请接入，如图1：
选择“我还没有微信支付商户账号”，点击“申请接入”，选择“注册微信支付商户账号”，如图2、图3：
申请商户账户需要1-5天的时间。 主要流程为：填写申请信息——微信支付审核——查看开户邮箱——验证支付金额——登录商户平台签署协议（具体操作流程请参考微信平台）
（2）场景二：绑定现有微信支付商户账号
2.登录微信商户平台添加授权
登录微商平台-产品中心-APPID授权管理-添加授权申请表，输入公众号APPID，并绑定授权，如图4、图5所示：
3.获取公众号APPID
如何获取认证服务号APPID：登录微信公众平台-开发-基础配置-开发ID（AppID）获取，如图6：
4.登录微信手机网站后台确认授权。
提交审核申请后，您需要进入“微信公众平台-微信支付-商户账户管理-待关联商户账户-确认”。 授权关系状态刷新正常后，绑定成功，如图7：
绑定成功后，可在“微信公众平台—微信支付—商户账户管理—关联商户账户”中显示查看，如图8：
2、手机网站微信支付需满足条件
要在网站后台设置微信支付功能，需要满足的前提条件是：
1）手机网站必须绑定阿里云认可的独立域名。
A、如果手机网站绑定独立域名，必须在阿里云注册并解析到注册服务器；
B、域名必须是英文域名。 不支持中文域名（例如：不支持xxx.中文.com）
2）网站对接认证服务号
C、在“微信公众平台—设置—公众号设置—账户详情”中确认公众号类型。 会显示“公众号类型”和“认证状态”信息，如图9所示：
D.网站对接认证服务账号操作
登录微信公众平台（）并操作微信对接（操作步骤请参考微信对接教程），如图10所示：
注意：服务器配置必须处于“启用”状态。
3）网站连接公众号且IP白名单设置正确
需要将两个IP地址添加到IP白名单中。 具体IP获取方法为：
E.网站后台IP地址
手机网站后台–公众号–微信帐号–帐号认证–显示后端IP地址，位置如图11所示：
F、网站绑定域名的解析IP地址
在运行窗口中输入“cmd”，然后单击“确定”。 操作步骤如图12所示：
在窗口中输入“ping域名”，点击键盘“回车”，即可看到IP地址，如图13所示：
显示IP地址位置，如图14所示：
4）配置网页授权域名等。
微信公众平台-设置-公众号设置-功能设置-点击网页授权域名右侧的“设置”，如图15：
会弹出窗口下载“验证文件”，并在网站后台上传。 位置如图16、图17所示：
建议：同时填写业务域名和js接口安全域名。
3、网站后台手机网站微信支付设置
登录网站后台-商城-在线支付-添加支付方式-选择“微信支付”在线商城php；微信支付申请及绑定，系统会显示手机网站连接微信支付时需要设置的参数值，如图18 :
5.添加付款方式名称
填写“付款方式名称”如图19所示：
注：支付方式名称为客户提交订单时系统显示的支付方式名称内容。 长度限制在1-50个字符，一个汉字占两个字符。
6.设置公众账号身份（APPID）
获取公众号APPID，登录官方平台-开发-基础设置-开发ID（AppID），位置如图20所示：
添加手机网站后台-商城-在线支付-添加支付方式-微信支付-公众账号识别（APPID），如图21所示：
7.开发密码（APPSECRET）
登录微信公众平台-开发-基础配置-开发密码（AppSecret）获取，如图22：
账户管理员需要使用微信扫描二维码进行验证跨境独立站，并生成或重置开发密码，如图23所示：
填写“公众号登录密码”，点击“下一步”进行验证，如图24：
复制并生成开发密码——勾选协议——确认并进行下一步。 新密钥生效shopify模板，如图25所示：
添加手机网站后台-商城-在线支付-添加支付方式-微信支付-公众平台API权限获取所需密钥（APPSECRET），如图26所示：
注意：开发密码生成后，微信公众平台不会保存，也无法重复显示，所以需要单独保存新生成的开发密码，否则只能重置并生成新密钥，所以之前的都生成的密钥将变得无效。
8.微信支付商户号（MCHID）
获取微信支付商户号（MCHID），登录微信公众平台-微信支付-商户账户管理-关联商户号即可获取，如图27所示：
手机网站后台添加-商城-在线支付-添加支付方式-微信支付-微信支付商户ID（MCHID），如图28：
9.API密钥
获取API密钥（key），登录微信商户平台-账户中心-API安全，设置AIP密钥。
设置步骤：
G.安装操作证书
登录微信商户平台—账户中心—API安全，执行“安装操作证书”，如图29所示：
点击“申请安装”，安装操作证书，如图30所示：
管理员验证后，确认并安装操作证书，如图31和图32所示：
H. 设置API密钥
登录微信商户平台-账户中心-API安全，点击“设置密钥”，如图33、图34所示：
注意：我们需要在后台设置API密钥。 请不要设置 APIv3 密钥。 错误密钥将导致支付失败。
输入需要设置的API key值并确认，如图35所示：
注意：API key 需要 32 个字符，且只能由数字和英文大小写字母组合。
管理员验证确认后，API key设置完成，如图36和图37所示：
一、手机网站后台设置API key
添加API key到手机网站后台-商城-在线支付-添加支付方式-微信支付-API key（Key），如图38所示：
注：要在手机网站正常使用微信支付功能，还需要在“微信商户平台-产品中心”中开通“JSAPI支付”功能在线商城php，如图39（“JSAPI支付”已开通） :
10.获取公钥和私钥文件
获取私钥和公钥文件，登录微信商户平台-账户中心-API安全，生成私钥和公钥文件并下载。
设置步骤：
J. 申请证书
登录微信商户平台-账户中心-API安全，点击“申请证书”按钮，按照以下说明完成证书申请，如图40所示：
在弹出的窗口中点击“允许访问”，允许网页访问剪贴板，如图41所示：
在弹出窗口的“提交请求字符串”部分，点击“下载证书工具”，下载并打开文件“WXCertUtil.exe”，如图42所示：
选择“证书工具WXCertUtil.exe”文件下载地址，如图43所示：
打开证书工具，选择证书存储地址，点击“申请证书”，如图44所示：
K.生成证书
在弹出的窗口中填写商户编号和名称后，点击“下一步”按钮获取证书，如图45所示：
注：商户号和商户名称显示在微信商户平台—生成API证书弹窗中。 位置如图46所示：
点击“复制”按钮，将“证书字符串”复制到微信商户平台，如图47所示：
将复制的“提交请求字符串”粘贴到微信商户平台-生成API证书中，如图48所示：
进行安全验证，如图49所示：
请点击“复制证书字符串”按钮并将其粘贴到“证书工具”中以获取证书文件，如图50所示：
注意：请确保您已成功粘贴证书字符串并进入【证书工具】生成证书，然后才能关闭此窗口。 否则，关闭此窗口后您将无法再查看证书字符串并生成证书。
点击“证书工具”中的“下一步”，生成API证书，如图51所示：
单击“查看证书文件夹”，如图52所示：
在打开的文件夹中查看压缩包，如图53：
L.解压并获取公钥和私钥文件
解压“证书压缩包”，可以看到生成的“私钥”和“公钥”文件，如图54所示：
M.上传“公钥”和“私钥”文件
手机网站后台-商城-在线支付-添加支付方式-微信支付-存储私钥文件[apiclient_cert]和存储公钥文件[apiclient_key]在线商城php，如图55所示：
4、商户平台手机网站设置微信支付
11.设置微信商户平台支付授权目录
设置支付授权目录，登录商户平台–产品中心–开发配置–公众号支付“支付授权目录”点击“添加”，如图56、图57所示：
注意：
Ø 支付授权目录格式为：
微站绑定独立域名/pay/pay17/
Ø 微型网站绑定的独立域名，例如：wap.****.com或****.com
特别说明：网站后台添加微信支付时有两条数据：“微信支付子商户号和子商户公众号身份”。 这两项数据与微信支付商户账户类型为特约商户时的配置相关。特约商户微信支付配置请参考《特约商户微信支付配置说明》，也可以联系在线客服指导。
西西木科技是shopify官方合作伙伴，通过了Shopify Partner Academy认证，具备多年shopify lic主题开发经验，熟悉Liquid和各项计算机语言。