井云-Jingyun Studio V2.0实操教程
14 分钟

微信内网页支付与登录

这里设置好之后主要用于微信内通过点击网页打开网页(微信内H5),在网页里面登录的时候弹出微信登录授权,以及微信支付JSAPI场景。

井云团队
井云团队2026-06-23 (更新于 2026-06-26)
返回专栏列表

这里设置好之后主要用于微信内通过点击网页打开网页(微信内H5),在网页里面登录的时候弹出微信登录授权,以及微信支付JSAPI场景。

一、租户后台,支付设置:配置服务号参数

在租户后台,支付设置里面继续设置,选中“服务号”选项,进行配置。

这里先按照步骤来:

第一步: 支付授权目录 (微信商户平台)

微信商户平台入口地址:https://pay.weixin.qq.com/

这里显示的是https://demo.jingyun.online/,就把这个复制然后去微信商户平台里面设置好。

如果是独立部署,那一般是填的备案域名,比如https://www.test.com

大概位置:请前往【产品中心】>【开发配置】>【支付配置】>【JSAPI支付】添加此目录。

因为微信生态界面随时可能发生变化。

图片展示的是微信内网页支付与登录中服务号配置界面。左侧为微信管理后台导航栏,选中“支付”下的“支付配置”。右侧是服务号配置区域,显示商户API私钥、JS接口安全域名、服务号AppID及AppSecret等信息。其中,JS接口安全域名处有红色框标注,提示“去微信商户平台设置”并“打开服务号进行设置”。该图片与上下文紧密相关,直观呈现了服务号配置中JS接口安全域名设置的操作指引。
图片展示的是微信内网页支付与登录中服务号配置界面。左侧为微信管理后台导航栏,选中“支付”下的“支付配置”。右侧是服务号配置区域,显示商户API私钥、JS接口安全域名、服务号AppID及AppSecret等信息。其中,JS接口安全域名处有红色框标注,提示“去微信商户平台设置”并“打开服务号进行设置”。该图片与上下文紧密相关,直观呈现了服务号配置中JS接口安全域名设置的操作指引。

第二步: 登录服务号配置(重点)

首先要设置:网页授权域名 & JS接口安全域名

打开微信平台登录地址:https://mp.weixin.qq.com/

然后扫码登录选择服务号(需要认证)。

打开服务号:设置与开发 -> 账号设置 -> 功能设置

图片展示的是微信服务号“账号设置”中“功能设置”页面。页面左侧有导航栏,右侧功能设置区域中,有“网页授权域名”和“JS接口安全域名”两项,前者为“jingyun.***”,后者为“demo.jingyun.online”,二者被红色框突出显示。页面右上角有“设置”按钮。该图片与上文“登录服务号配置”中设置网页授权域名和JS接口安全域名的内容相关,直观呈现了设置位置及对应域名。
图片展示的是微信服务号“账号设置”中“功能设置”页面。页面左侧有导航栏,右侧功能设置区域中,有“网页授权域名”和“JS接口安全域名”两项,前者为“jingyun.***”,后者为“demo.jingyun.online”,二者被红色框突出显示。页面右上角有“设置”按钮。该图片与上文“登录服务号配置”中设置网页授权域名和JS接口安全域名的内容相关,直观呈现了设置位置及对应域名。

JS接口安全域名:

下载“MP_verify_5qZxNrhIkTtnuscp.txt”对应的txt文件,然后上传到这里

图片展示的是微信内网页支付与登录中登录服务号配置的页面。页面中有“域名验证文件(MP_verify_xxx.txt)”区域,提示点击上传微信后下载的验证文件,上传后系统自动校验文件内容。下方有服务号AppID和AppSecret输入框,以及“保存配置”按钮。该图片与上下文紧密相关,是对“JS接口安全域名”设置步骤中上传txt文件操作的指引,帮助用户完成网页授权域名&JS接口安全域名的配置。
图片展示的是微信内网页支付与登录中登录服务号配置的页面。页面中有“域名验证文件(MP_verify_xxx.txt)”区域,提示点击上传微信后下载的验证文件,上传后系统自动校验文件内容。下方有服务号AppID和AppSecret输入框,以及“保存配置”按钮。该图片与上下文紧密相关,是对“JS接口安全域名”设置步骤中上传txt文件操作的指引,帮助用户完成网页授权域名&JS接口安全域名的配置。

填入域名:demo.jingyun.online,只有上面的txt文件上传成功验证通过了,这里才能点击保存。

一般独立部署,就是输入网站域名比如:www.test.com

图片展示的是微信服务号“功能设置”中的“JS接口安全域名”设置界面。界面中“域名1”处已输入“demo.jingyun.online”,下方有“域名2”“域名3”输入框,以及“保存”“关闭”按钮。该图片与文档中网页授权域名设置的操作相关,对应文档中“网页授权域名:输入域名:demo.jingyun.online”的内容,直观呈现了输入域名的操作步骤。
图片展示的是微信服务号“功能设置”中的“JS接口安全域名”设置界面。界面中“域名1”处已输入“demo.jingyun.online”,下方有“域名2”“域名3”输入框,以及“保存”“关闭”按钮。该图片与文档中网页授权域名设置的操作相关,对应文档中“网页授权域名:输入域名:demo.jingyun.online”的内容,直观呈现了输入域名的操作步骤。

网页授权域名:

也是一样的操作,输入域名:demo.jingyun.online

如果这里已经上传验证了txt,这里就可以忽略了。

图片展示的是微信服务号“账号设置”中“网页授权域名”设置界面。界面中显示“demo.jingyun.online”为已输入的域名,下方有“保存”和“取消”按钮。图片右侧有红色箭头指向“设置”按钮,并配有文字说明“按步骤进行,下载这个txt文件,然后通过租户后台上传到服务器进行验证”。该图片与文档中获取网页授权域名的操作步骤相关,直观呈现了输入域名后的界面情况及后续操作指引。
图片展示的是微信服务号“账号设置”中“网页授权域名”设置界面。界面中显示“demo.jingyun.online”为已输入的域名,下方有“保存”和“取消”按钮。图片右侧有红色箭头指向“设置”按钮,并配有文字说明“按步骤进行,下载这个txt文件,然后通过租户后台上传到服务器进行验证”。该图片与文档中获取网页授权域名的操作步骤相关,直观呈现了输入域名后的界面情况及后续操作指引。

4. 获取服务号AppID+AppSecret

打开服务号:设置与开发 -> 账号设置 -> 账号详情

服务号里面可以找到AppID

这张图展示了微信服务号账号设置页面的部分内容,左侧为侧边菜单栏,可见“设置与开发”“账号设置”等选项。页面注册信息区域里,AppID选项及其对应的字符内容被红色框线标注,下方配有红色文字提示“这里可以找到AppID”,该内容对应文档中“服务号里面可以找到AppID”的相关说明,是获取服务号AppID步骤里的实操界面展示。
这张图展示了微信服务号账号设置页面的部分内容,左侧为侧边菜单栏,可见“设置与开发”“账号设置”等选项。页面注册信息区域里,AppID选项及其对应的字符内容被红色框线标注,下方配有红色文字提示“这里可以找到AppID”,该内容对应文档中“服务号里面可以找到AppID”的相关说明,是获取服务号AppID步骤里的实操界面展示。

然后AppSecret需要去开发者平台重置获取,打开网页:https://developers.weixin.qq.com/

然后在里面找到对应服务号,然后要重置AppSecret才能看到,重置后只显示1次,所以重置后要保存好。

填入好AppID和AppSecret后,就点击保存配置就可以了

图片展示的是微信内网页支付与登录配置界面。左侧导航栏中“支付设置”被红色框突出显示。右侧是支付设置相关配置区域,包含服务号支付配置指引等内容,下方有“域名验证文件”输入框及“服务号AppID”“服务号AppSecret”输入框,AppSecret部分以“**********”显示。底部提示“填入好AppID和AppSecret后,就点击保存配置就可以了”。该图片与上下文介绍的获取服务号AppID+AppSecret及配置操作流程紧密相关。
图片展示的是微信内网页支付与登录配置界面。左侧导航栏中“支付设置”被红色框突出显示。右侧是支付设置相关配置区域,包含服务号支付配置指引等内容,下方有“域名验证文件”输入框及“服务号AppID”“服务号AppSecret”输入框,AppSecret部分以“**********”显示。底部提示“填入好AppID和AppSecret后,就点击保存配置就可以了”。该图片与上下文介绍的获取服务号AppID+AppSecret及配置操作流程紧密相关。

到此为止,就配置完成了。

相关标签:
#AI Agent
#井云Studio
#井云-Jingyun Studio V2.0实操教程
开启企业级 AI 商业化

立即构建您的专属 AI 智能体与自动化矩阵

井云 Studio 为您提供多租户底座、工作流编排、资产分发与计费闭环,助您快速上线高质量 AI SaaS 产品。

延伸推荐阅读

视频教程(企业版)
井云-Jingyun Studio V2.0实操教程
2026-07-2031 分钟

视频教程(企业版)

视频教程(企业版)

井云团队
井云团队
详情
1. Seedance 2.0详细使用教程
井云-Jingyun Studio V2.0实操教程
2026-07-1515 分钟

1. Seedance 2.0详细使用教程

注意视频和图片,有真人出现会失败。

井云团队
井云团队
详情