h5分享领红包页面获取app用户名头像并动态展示

最近公司要加大拓客力度，要求做个h5分享领红包页面，要求动态获取app端的用户名和用户头像并展示。
实现流程如下：

H5(实现静态页面，并且对服务端动态拼接的参数做预处理) -------- 服务端（动态拼接参数） -------- app端（通过事件获取到服务端的h5）

流程清晰，结构明确；这里关键的一环是h5端不与app直接交互，而是通过服务端作为中间层进行最终的交互，这里我们就需要用到一个重要的方法，就是获取url参数并进行转码的方法，话不多说，上代码：

function getRequest() {//window.location.search获取URL路径?及其后面的字符串var url = window.location.search; var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");for(var i = 0; i < strs.length; i ++) {theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);}}return theRequest;}

这个方法的作用就是将url后面拼接的参数转化成对象，方便后续转出处理。

接下来就方便多了，

if (getRequest().headImgUrl != 'null') {var pictureUrl = getRequest().headImgUrl;document.getElementById("picture").src = pictureUrl;}else{document.getElementById("picture").src = 'http://img.yashijitv.com/c3f74e1f-ea7b-4c47-a071-dd3fb38a8787';}

比如我们要获取服务端给我们拼接的用户头像，只需要getRequest().headImgUrl 就可以直接取到头像的url并且展示到我们的h5页面

h5分享领红包页面获取app用户名头像并动态展示相关推荐

微信公众号H5页面获取用户昵称头像等信息（Java）
H5页面获取微信用户信息操作流程 (一)获取微信权限,由微信用户确认 (二)获取相应的ACCESS_TOKEN和OPENID信息 (三)根据ACCESS_TOKEN和OPENID信息获取相应的用户信息 ...
h5精准定位_h5页面获取定位
备注:页面必须在https下,并且用户选择拒绝授权,之后会一直返回用户拒绝授权,在浏览器中,只能清除位置信息用到的服务 h5获取定位的api navigator.geolocation.getCur ...
html页面获取时间格式,js实现动态获取系统时间，显示到页面上
获取系统时间 //获取系统时间. var dateTime=new Date(); var hh=dateTime.getHours(); var mm=dateTime.getMinutes(); ...
java验证码验证码_Java登录页面实时验证用户名密码和动态验证码
●登录名和密码是同时验证的,并不是先验证登录名是否存在,然后再验证密码是否正确,是同时进行验证,若登录名和密码当中一个条件不符合,则提示用户登录名或者密码错误, 这样做的意义是为了保证用户信息的安全( ...
Java登录页面实时验证用户名密码和动态验证码
●登录名和密码是同时验证的,并不是先验证登录名是否存在,然后再验证密码是否正确,是同时进行验证,若登录名和密码当中一个条件不符合,则提示用户登录名或者密码错误, 这样做的意义是为了保证用户信息的安全( ...
分享二维码领红包系统开发
市场吸粉什么强.消费分享领红包系统开发,分享领红包系统! 分享朋友圈领红包源码|百度钱包领话费源码.最近十分流行的活动源码.市场吸粉什么强.消费分享领红包系统开发商城购物消费分享领红包抽红包平台,消费 ...
h5页面和app进行交互
一.react native开发的 1.h5向app发送消息,app 接收并操作 //同通过 window.postMessage 向 app 发送消息 window.postMessage(JSON ...
微信小程序const app=getApp()的作用，实现page页面获取全局数据
app.js的作用 app.js是整个小程序项目的入口文件, 如果小程序要运行,第一个被执行的文件就是app.js,第一个被执行的代码是app.js中的onLaunch方法在app.js中可以书写小 ...
微信点击短链接直接跳转到支付宝领红包教程附带例子
最近支付宝的领红包可真是刷爆了各个微信群啊,满群都是支付宝口令.支付宝推出的抢"10亿红包"进行的十分炽热,各大网站.QQ群微信群里都是分享领红包的二维码或口令,到店支付优惠也是很 ...

h5分享领红包页面获取app用户名头像并动态展示

h5分享领红包页面获取app用户名头像并动态展示相关推荐

最新文章

热门文章