🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 接入公众号 ## 1:进入投票后台,平台管理 页面,点击 添加 按钮,接入新公众号。 公众号添加页面,该页面需要的参数大部分都需要通过 微信公众平台 获取。 ![](https://img.kancloud.cn/66/66/6666449cdf90af116320726035d03e23_740x646.png) ## 2:获取公众号参数 登录[微信公众平台](https://mp.weixin.qq.com/) ,点击右上角的 公众号头像,在出现的下拉菜单里面 点击 账号详情。 ![](https://img.kancloud.cn/d1/0b/d10ba2678def0a7822345b428ef5308f_754x371.png) ### 2.1:获取公众号名称 名称”即为 公众号名称,投票后台的公众号名称可以自定义,但是推荐和微信公众平台的 名称 保持一致,方便管理。 ### 2.2:查看公众号类型 类型 和 认证情况,即为 投票后台的公众号类型。 未认证,为普通公众号:普通订阅号,普通服务号。 已认证,为认证公众号:认证订阅号,认证服务号。 ![](https://img.kancloud.cn/f0/8d/f08d10436dc2d9d51e21f499eeb89853_745x1051.png) ### 2.3:获取AppId和AppSecret 点击 设置与开发 里面的基本配置,获取公众号AppId,并生成公众号ApSecret。 ![](https://img.kancloud.cn/9e/aa/9eaa3da216b82250d39d8b5e0a55168b_739x382.png) ### 2.3.1:添加IP白名单 生成完AppSecret之后,刷新一下页面,会出现IP白名单,这里的IP白名单,填写服务器外网IP。 如果有宝塔就是宝塔访问地址前面那一段。 比如你的宝塔地址是:http://39.156.66.10:8888/6ef2d07,那么需要添加的IP就是:39.156.66.10 (补充:上面的IP仅为举例,不要直接添加到你的公众号IP白名单。) ![](https://img.kancloud.cn/dc/c2/dcc28b9a694e85bc505f8dbb5e63bf9d_746x251.png) ### 2.4:添加网页授权域名 进入 设置与开发,公众号设置,功能设置 页面,添加 网页授权域名。 网页授权域名用于公众号授权获取用户微信信息,作为在投票后台使用的域名,也需要解析,并添加到宝塔投票站点里面。 ![](https://img.kancloud.cn/d8/4c/d84c086da62be08def1c483f3d8a8db8_1859x760.png) 保存网页授权域名的时候,会提示上传校验文件,否则无法保存。 如图,点击下载校验文件,并通过投票后台 系统工具,上传JS接口文件 入口,上传到服务器。 ![](https://img.kancloud.cn/99/fb/99fb73a642746be106c4fddb62931ab3_1486x687.png) ![](https://img.kancloud.cn/ee/4a/ee4a951fd249f06b945b3e8895f5307e_1315x952.png) ### 2.5:公众号头像和二维码 进入 微信公众平台,设置与开发,公众号设置,账号详情页面,点击 二维码 后面的下载二维码,即可下载公众号二维码。 公众号头像无法下载,可以不配置,也可以上传自定义图片。 ![](https://img.kancloud.cn/98/a4/98a4d802d99a1b3222ee9755685b1703_1829x818.png) ### 2.6:服务器通信(选填) 主要用于关注公众号,配置公众号订阅消息、关注投票,可不填。 上面的信息填写到投票后台之后,点击保存,就会出现服务器通讯配置。 服务器地址(URL)直接复制,令牌(Token)和消息加解密密钥(EncodingAESKey)则需要点击生成,然后才能复制,最后记得点击确定保存。 ![](https://img.kancloud.cn/50/4b/504b42ceabf90443acb5bd3679964efb_1686x801.png) 复制的 服务器地址,令牌和消息加解密密钥,添加到微信公众平台,设置与开发,基本配置,服务器配置 里面。 服务器地址,令牌和消息加解密密钥,分别对应URL,Token和EncodingAESKey。 点击 修改配置,粘贴从投票后台复制的内容,消息加解密方式 选择 兼容模式,然后提交。 提交之后在右侧点击 启用 即可。 ![](https://img.kancloud.cn/1b/b2/1bb227f04c1cf1818bf18ec83229e816_1832x855.png) 消息加解密方式 选择 兼容模式。 ![](https://img.kancloud.cn/5b/92/5b929d9e8b46d69463bd3baea35aea44_1093x855.png) ![](https://img.kancloud.cn/29/e2/29e2426a251ce647a0cabab75d7189da_1537x358.png) ## 3:配置公众号支付 ### 3.1:公众号接入支付商户 登录[微信支付商户后台](https://pay.weixin.qq.com/),点击 产品中心,AppID账号管理,点击 关联AppID。 输入公众号的AppID。 如果公众号和支付商户不是同一个主体,也需要输入公众号的注册主体信息。 获取公众号注册主体信息: 在 [微信公众平台](https://mp.weixin.qq.com/)\=》设置与开发=》公众号设置=》账号详情里面,有一个 主体信息,复制主体信息即可。 ![](https://img.kancloud.cn/78/7c/787ca664866ecfffb2ee82fc65da5b3c_1346x619.png) 微信支付商户后台 提交关联申请之后,需要登录 微信公众平台,确认关联。 在 微信公众平台=》广告与服务=》微信支付 里面的,待关联商户号 会有一条待确认的申请记录,点击 确认 即可。 ![](https://img.kancloud.cn/2b/f0/2bf0a4fcaa3ea2a82baa20268c0c66e6_1822x627.png) ### 3.2:配置支付参数 投票后台公众号的参数设置里面,有一个 微信支付,进入微信支付页面,填写支付信息。 ![](https://img.kancloud.cn/43/01/4301a52deab40641366f246054994ce5_1698x764.png) #### 3.2.1:获取商户号 微信支付商户后台,产品中心=》开发配置 里面,商户信息里有 商户号。 复制商户号添加到投票后台的支付参数,商户号里面。 ![](https://img.kancloud.cn/8c/16/8c1610d15ca402e747c497ff66480420_1653x655.png) #### 3.2.2:获取秘钥 微信支付商户后台,账户中心,API安全=》设置APIv2秘钥 ![](https://img.kancloud.cn/f7/6b/f76b3e93c37ff0aa65acd8a08bc629af_1436x827.png) 点击设置秘钥,秘钥为32位字符,可输入数字和大小写字母的组合,这里可以自定义支付秘钥,记得保存好自己设置的秘钥。 如果不知道怎么设置,可以在投票后台,支付参数那里生成一个随机的秘钥,然后配置到这里。 ![](https://img.kancloud.cn/c4/1b/c41bbf3e47f574584d9e41e336c2fc8f_938x575.png) 点击投票后台支付秘钥后面的 生成秘钥,即可随机生成32位字符,可以复制随机生成的秘钥到微信支付商户后台。 (需要确保 投票后台的秘钥和微信公众平台的秘钥 保持一致,故此不能随意点击 生成秘钥。如果微信支付商户后台的秘钥有变动,也需要在投票后台及时修改同步。) ![](https://img.kancloud.cn/bf/a8/bfa89eebab05745cdc877e01845fc896_1290x643.png) #### 3.2.3:获取 apiclient\_cert.pem 和 apiclient\_key.pem(选填) apiclient\_cert.pem 和 apiclient\_key.pem,是微信支付证书文件名称,需要复制文件内容到投票支付参数设置里面。 微信支付证书文件仅用于退款,投票后台只有付费报名涉及退款,所以如果投票活动不涉及付费报名可以不配置该项。 支付证书文件获取: 微信支付商户后台=》账户中心=》API安全=》申请API证书 然后根据提示信息操作就可以。 遇到问题可以查看教程: ![](https://kf.qq.com/favicon.ico) [ 什么是商户API证书?如何获取商户API证书? ](https://kf.qq.com/faq/161222NneAJf161222U7fARv.html) 下载完证书文件,然后解压缩,会看到 apiclient\_cert.pem 和 apiclient\_key.pem 文件,打开文件,复制内容填写到投票后台支付参数配置 对应的位置即可。 ![](https://img.kancloud.cn/85/fd/85fdb3b91a0df6e1a83c634ab14fe3a9_1839x716.png) ### 3.3:配置支付域名 支付域名只能在投票活动,域名设置 里面配置,所以需要先创建投票活动。 配置支付域名也需要先解析域名,然后添加到宝塔投票站点里面。 解析完之后,添加到活动域名设置=》支付域名 里,然后点击下面提示信息的 复制链接。 ![](https://img.kancloud.cn/4e/ed/4eedb7dac3d5f3f9911e736853437667_1817x851.png) 复制完链接之后,进入[微信支付商户后台](https://pay.weixin.qq.com/)\=》产品中心=》开发配置=》支付配置=》JSAPI支付(支付授权目录) 点击添加,粘贴复制的内容到 支付授权目录。 内容格式为:支付域名+/payment/ 示例:若你的支付域名为 aaaa.com,则支付授权目录为 aaaa.com/payment/ (补充:上面的支付域名和支付授权目录仅为举例,不要直接添加到你的投票活动和支付商户后台。) ![](https://img.kancloud.cn/bb/a3/bba30cf3b05fdbb59fb0eba217536231_1782x882.png) 操作不懂的联系售后微信。有需要购买使用的也可以联系微信 ![](https://www.qilingcloud.com/uploads/allimg/20240913/1-240913144129149.png) ![](https://img.kancloud.cn/24/cd/24cd0a1c8397a9f10b6528a8e37b2c1c_1125x1125.jpg)