H5移动医保支付免密授权测试环境联调 vue js

先来张成功后的图片

H5移动医保支付免密授权测试环境联调 vue js_第1张图片

下面进入正题:

1、免密授权接入文档https://docs.qq.com/doc/DV3JYRG1xelhKTWdz
按照这个文档进行
我就根据我当时的操作顺序来进行说明
tips(非常重要):
a,我是H5公众号开发,所以请先绑定公众号开发者,,,
b,微信开发者工具我这儿是不能用的,只能用真机进行测试,,,并且,因为医保和腾讯那边只绑定生产的公众号appid,所以要在生产环境进行联调
所以我的解决办法是,我写了一个html页面,把这个页面放在了公众号生产环境的根目录下,然后在微信里面直接访问这个html,来获取authCode,下面我贴出html内容和访问地址
H5移动医保支付免密授权测试环境联调 vue js_第2张图片
注意,这里用的地址是医保的测试环境!!!!!
H5移动医保支付免密授权测试环境联调 vue js_第3张图片
然后,需要的这些参数,需要联系你所在的医院去申请

H5移动医保支付免密授权测试环境联调 vue js_第4张图片

这个回调地址,必须是带http或者hppts的一个正常链接,我这里也是写了一个html,放服务器根目录,作为临时使用的,,,(需要)

拿到参数后,需要联系局方上报国家测试库。也需要录入腾讯侧测试库,需要提供测试人员的个人信息,

H5移动医保支付免密授权测试环境联调 vue js_第5张图片
然后都报备好后进入下一步
H5移动医保支付免密授权测试环境联调 vue js_第6张图片
H5移动医保支付免密授权测试环境联调 vue js_第7张图片
出现姓名,身份证,参保地,条形码,说明准备工作全部完成

2、到这里,准备工作全部完毕,开始拉取授权

访问我提前写好的html页面,获取authCode
H5移动医保支付免密授权测试环境联调 vue js_第8张图片

然后点击右上角,复制链接,链接中就有返回的authCode

H5移动医保支付免密授权测试环境联调 vue js_第9张图片
下面贴出一些常见问题及解决办法

H5移动医保支付免密授权测试环境联调 vue js_第10张图片
H5移动医保支付免密授权测试环境联调 vue js_第11张图片

你可能感兴趣的:(前端,javascript,html5,html)