uniApp实现企业公众号oauth2静默授权登录H5前端部分

uniApp实现企业公众号oauth2静默授权登录H5前端部分,第1张

appid,服务器域名(域名下的资源文件要能访问,跟后端沟通,先放个html文件进去,比如: = '>

首先在manifestjson文件中进行基础配置,获取uni-app的ID号,填写应用名称,应用描述,版本名称以及版本号。

然后在H5配置模块,填写页面标题等基础信息。

点击发行-》网站-PC Web 或手机H5-》填写网站标题,网站域名。

点击发布以后本地会生成一份打包文件,将打包文件上传至设置的网站,访问网站域名即可。

uniapph5没有打包之前是可以获取用户信息。uniapph5获取用户信息每次请求都会d出授权窗口,用户同意后返回userInfo。在要获取头像的页面接收新增的wx数据,渲染即可获取用户信息。

首先在对项目开启支付功能,在项目的manifestjson文件中勾选APP模块配置中的Payment支付模块,并且勾选支付宝支付和下面列出的ios和Android

根据需要在h5跟APP端都做支付宝的唤起支付,唤起orderInfo 的格式在APP和h5上有很大的差异,在这一点上浪费了一些时间,在此贴出支付宝的文档

支付宝开发文档

H5端唤起支付宝。所需要的参数是后端返回的一个form表单,获取成功后端返回的内容以后将表单内容用v-html置入标签中,然后提交表单便会执行唤起

针对于支付宝支付的使用,截取核心代码如下

其实开发完成以后发现APP端唤起支付宝更为简单,但是这个过程中踩过一个坑,我以为orderInfo的值可以参照文档和后端给的一些键值对在前端自己拼接,但是总是唤起失败,后来联系支付宝的蚂蚁技术支持中心的客服,经过沟通以后,才知道这个orderInfo必须在后端用支付宝SDK生成以后返回给前端,这样一来,果然唤起成功。 加粗样式

以上就是关于uniApp实现企业公众号oauth2静默授权登录H5前端部分全部的内容,包括:uniApp实现企业公众号oauth2静默授权登录H5前端部分、uni-app获取dom节点信息、uni-app发布H5流程等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9279970.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存