App内嵌H5活动页面携带用户token
此文章仅记录自己在app端做的一个活动所遇到的各种问题, 帮助大家避免入坑.
背景:后端使用framemark动态生成html模板.我写好的以ftl为后缀名结尾的framemark文件给后台,后台打成jar包,并集合后端自己的代码部署.
需求:app端通过banner页面进入到投票活动页面(这个活动页面是H5页面),H5页面需要拿到用户的token.并可以进行投票活动.
问题1:通过postman测试,发现生成的页面里面有一些代码错位;我里面有一些需要动态添加dom的功能,发现生成的html页面dom字符串引号后面有html标签的地方,htm标签都会自动换行
方案1:最开始页面在移动端不出现任何数据,以为是这些标签换行的问题,后来经过多次各种不同的测试,排除了这个可能.
如果大家也遇到标签换行问题,暂时不用考虑,有可能是postman的问题.
问题2:安卓手机5.0+以上的版本可以显示数据,5.0以下版本就无法显示数据,在安卓客户端同事的帮助下,查看了错误日志,原来是我在代码里使用了es6的一些语法,安卓5.0以下对es6的支持性不够.
方案2:可以使用babel转义一下,也可以把es6语法全部换成js的语法,为了方便快捷,我选择了后者.
问题3:ios端一直无法显示数据,并提示$ 未定义,但是其实我通过cdn已经引入了jquery文件.
方案3:我引入的jquery版本的协议是http,但是由于ios系统的安全策略,只能支持https协议,所以要把里面引入的文件地址都要改成https协议的.
问题4:数据可以正常显示后,发现后端给我数据偶尔会有字符乱码问题,但是多刷新几次乱码就又恢复了,这个乱码出现的概率还很高.
方案4:经后台排查,是由于我们的网关进行了一次处理,这个让后台处理就好了.
最后给大家一个移动端开发测试神器
VConsole插件
这个真是移动端调试神器,附上插件的使用教程VConsole插件使用教程
这是我自己做项目遇到的问题以及解决思路,希望可以帮助到你们,如有不同解决方案,欢迎大家交流学习.
App内嵌H5活动页面携带用户token相关推荐
- app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法 参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
- 关于app内嵌h5页面调用百度地图定位问题，为什么定位不准呢？
关于app内嵌h5页面调用百度地图定位问题,为什么定位不准呢?以下为代码. 百度地图:里面有3种定位方式(a:浏览器定位,b:IP定位,c:定位SDK辅助定位),我选择第3种,是需要app那块添加些什 ...
- 云闪付APP内嵌H5监听左上角X关闭事件
最近在做云闪付蓝牙对接,遇到的一个问题. 需求 用户进入云闪付APP内嵌 H5页面调用接口连上蓝牙后,可能不想支付使用,或其他原因,随手关闭左上角X关闭浏览器,这时需要监听这个动作,断开蓝牙连接,不然 ...
- 记录：app内嵌H5页面分享到微信后，在安卓手机打开白屏，苹果手机正常渲染的问题始末
**背景:**app内嵌的一个个人名片页面需要分享到微信,测试环境下,分享到微信后,安卓和苹果手机都能正常渲染,生产环境苹果手机没问题,安卓手机打开分享的链接,页面一直空白. **原因分析:**单独加 ...
- H5 -- （功能）App内嵌h5网页实现芝麻认证的接入
1.需求:由于高贵的IOS提审时不能出现支付宝相关字眼及相关SDK,所以我们app芝麻认证只有通过内嵌H5页面实现 2.分析:通过调研 "芝麻认证"官方技术文档 ,接入芝麻认证的流 ...
- H5-- （功能）App内嵌h5网页实现芝麻认证的接入
1.需求:由于高贵的IOS提审时不能出现支付宝相关字眼及相关SDK,所以我们app芝麻认证只有通过内嵌H5页面实现 2.分析:通过调研 "芝麻认证"官方技术文档 ,接入芝麻认证的流 ...
- app内嵌h5支付功能，跳转支付宝微信，vue组件
一.功能梳理 app内前h5涉及到支付的功能,ios非实物商品实付需要使用ios原生支付方式,实物商品则可以三方支付,主要的实现思路为后端返回跳转支付宝或微信的支付scheme链接,前端进行跳转支付, ...
- APP内嵌H5开发常见问题及解决方案
前言 作为一个开发了多个 H5 项目的前端工程师,在开发过程中难免会遇到一些兼容性等爬过坑的问题.现在我将这些问题一一汇总一下,并在后面给出坑产生的原理,和现阶段常规的填坑方案.由此来做一个阶段性的总 ...
- uniapp 内嵌h5登录页面实现登录
需求:内嵌pc端登录页面,实现uniapp登录 前提:pc端登录页面,登录成功之后会自动重定向到指定的pc端页面并加上鉴权成功的code // 举例 // www.maomin.com/login P ...
最新文章
- rtmp 封包及消息
- jq实现文字个数限制_分布式系统高可用实战之限流器（Go 版本实现）
- 通过Java执行python文件
- cocos2dx 3.2之Lua打飞机项目
- ios刷android8.0,颤抖吧 iOS， Android 8.0正式发布！
- mybatis 多对多 处理
- 什么是闪电网络节点_为什么以及如何计划闪电谈话
- LGBM使用贝叶斯调参
- 每天干攻防，都不会写驱动了
- 【2021牛客暑期多校训练营5】Jewels（建图，最小匹配权，KM乱搞）
- 多线程之线程范围内的数据共享ThreadLocal
- 金融交易学——一个专业交易者…
- Power Platform 介绍
- 如何在matlab中打开图片
- 微信小程序对接微信支付详细教程
- fork的仓库如何和父父仓库同步 parent仓库
- windows远程会话已断开连接，因为访问被拒绝导致许可证存储的创建失败。请使用提升的权限运行远程桌面客户端—解决方法
- mysql事务的隔离c_Mysql事务处理与隔离级别 -cyy
- C语言fseek、ftell和rewind函数详解
- OpenCV C++案例实战五《答题卡识别》