浙里办接入 H5应用使用说明

参考官网链接: https://www.yuque.com/docs/share/525e3e8a-ad52-421b-90da-2d76808e3050

说明接入方式有两种:

1、使用Rax框架 并借助Embed

浙里办接入 H5应用使用说明_第1张图片

浙里办接入 H5应用使用说明_第2张图片

浙里办接入 H5应用使用说明_第3张图片

浙里办接入 H5应用使用说明_第4张图片

2、vue项目做得H5项目直接打包放到浙里办服务器 (放两份,一份放到浙里办服务器,一份放到自己部署的服务器项目)

 

一、到官网文档中 1.1.7.3.单点登录场景适配  根据步骤去做

   其中有些是需要提前做的,

比如:

1、单点登录的 接入码 需要去提前申请,

2、跳转地址需要找浙里办对接单点登录负责人给你在他们那里给你在后台加上 即配置回调地址(也就是跳转H5的地址)

浙里办接入 H5应用使用说明_第5张图片

二、使用以下接口 (后端服务器调用的即前端获取ticket 传给后端) 的地址前缀是 :https://appapi.zjzwfw.gov.cn/sso/servlet/simpleauth

    a、票据认证:

浙里办接入 H5应用使用说明_第6张图片

 

官网解答:

浙里办接入 H5应用使用说明_第7张图片

 

 

b、根据令牌获取用户信息:这里同上 只是参数中 method="getUserInfo"

 

注意:走到 一.a 步骤时会出现问题 测试环境中

1、政务中台debug调试 白屏问题

现象:

浙里办接入 H5应用使用说明_第8张图片

解决方案一:

浙里办接入 H5应用使用说明_第9张图片

2、项目构建产物不在build路径下该如何配置

系统默认要求npm run build命令的执行结果存储在build目录下,如果在其他路径下,需要配置gbc.json文件。

解决方案:在配置文件gbc.json中通过outputPath参数指定npm run build命令的执行结果

示例,如dist路径下为构建产物:

{

"type":"gov-build-config",

"version":"1",

"outputPath":"dist"

}

3、政务中台debug调试 index.html 报404错误问题 即预览地址打开404

浙里办接入 H5应用使用说明_第10张图片

解决办法:官网回答:

i.确认编译结果是否成功"应用管理"-"部署发布"-"代码检测评估"查看编译结果

ii.检查打开url是否携带index.html?debug=true,"应用管理"-"部署发布"-"联调"进行查看

iii.针对rax框架(作者使用此框架),前面有一级web,可以在预览地址前增加web/index.html?debug=true,或者在gbc.json中增加

5、根据浙里办提供的单点登录配置地址以及传参 登录不进去,政务中台debug调试报登录失败,在app扫码登录报 500 服务器错误

错误截图:

政务中台debug调试

浙里办接入 H5应用使用说明_第11张图片

浙里办app扫码:

浙里办接入 H5应用使用说明_第12张图片

6、

浙里办接入 H5应用使用说明_第13张图片

 

 

 

你可能感兴趣的:(浙里办)